Kolase dan Teks Foto ( TUTORIAL PHOTOSHOP )

Tutorial buat foto kolase dan teks berita.

Read More

Desain ulang gambar JPG

Cara desain ulang gambar yang telah jadi JPG dengan photoshop

Read More

Perkembangan Televisi didunia (Tugas ICT. AHMAD TONI)

Video ini di buat untuk memenuhi tugas mata kuliah ICT, Dalam bimbingan Pak Ahmad Toni.
kelas : YG

Kelompok :

Read More

Iklan Layanan Masyarakat 2015 "Anti Kekerasan Terhadap Anak

Iklan Layanan Masyarakat 2015, Tugas Akhir Sekolah, Iklan Kampanye Anti Kekerasan, Iklan, Advertising, Broadcasting, Tugas UKK, Animasi 2D, Animasi 3D, After Effect, Storyboard, Indonesia, Jakarta..

Read More

TUTORIAL MEMBUAT KASUR DI 3D MAX 2013 (NO AUDIO)

TUTORIAL MEMBUAT KASUR DI 3D MAX 2013

Metode editable poly

Read More

MENGENAL BASIC BERBAGAI CARA PEMANGGILAN QUERY SQL DAN PHP

Inilah fungsi dalam pengenalan Query dalam PHP seperti mysql_query_feth_row, dll. Untuk itu, mari kita bahas !!

Pertama :

Mysql_query(), digunakan untuk menjalankan query pada database MySQL. Contoh :

Mysql_query (“SELECT  * FROM tkomentar”) ;

Kedua :

Mysql_conect(), digunakan untuk menghubungkan file php dengan database MySQL.  Contoh :

Mysql_contact (“localhost”,”root”,”123456”) ;

Read More

CODE TEKNIK DASAR CAPTCHA

Captcha (Completely Automated Public Turing test to tell Computers and Humans Apart) adalah uji respon untuk menentukan seseorang pengguna adalah manusia atau robot otomatis (skrip). Captcha biasany selalu digunakan untuk mencegah penjahat form (Spamming Comment). Captcha ini ditampilkan dalam bentuk deretan karakter ataupun simbol secara acak agar tidak bisa dikenali oleh program/skrip namun bisa dikenali oleh manusia.

Langkah pertama:

Buat file captcha.php dan simpan dalam folder htdoch. File nya sebagai berikut:

<?php

session_start();

$alphaNumeric  = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";

$random = substr(str_shuffle($alphaNumeric), 0, 5);

$image = imagecreatefromjpeg("background.jpg");

$textColor = imagecolorallocate ($image, 0, 0, 0); //black

imagestring ($image, 5, 5, 8,  $random, $textColor);

$_SESSION['image_random_value'] = md5($random);

header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");

header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");

header("Cache-Control: no-store, no-cache, must-revalidate");

header("Cache-Control: post-check=0, pre-check=0", false);

header("Pragma: no-cache");   

header('Content-type: image/jpeg');

imagejpeg($image);

imagedestroy($image);

?>

Langkah kedua:

Buat file untuk  menampilkan captcha dalam web konten. Simpan file dengan nama index.php  , File nya sebagai berikut:

<?php

error_reporting(0);

if($_POST['submit']){

                session_start();

                if(md5($_POST['pin']) == $_SESSION['image_random_value']){

                                echo '<p>Kode Benar</p>';

                }

                else{

                                echo '<p>Kode Salah</pa>';

                }

}

?>

<form name="form1" method="post" action="">

<img src="captcha.php">

<div>

Masukkan Kode Security diatas : <br><input type="text" name="pin">

<input type="submit" name="submit" value="Submit">

</div>

</form>

Simpan file index.php dan file captcha.php lalu masukan kedalam folder baru di htdoch dengan nama folder, captcha.

Sekian ... terimakasih~

Read More

UPDATE .NET FRAMEWORK 3.5 SECARA OFFLINE

Kali ini saya akan nge-post mengenai update .Net Framework 3.5  secara offline,

Untuk lebih lanjut nya langsung saja ya…

·         Pertama anda dapat membuka file WINDOWS 8/7/XP anda yang ada di DVD/CD/USB

·         Lalu anda cari file dengan kata kunci 'sxs'

·        setelah file nya muncul langsung saja anda copy Folder tersebut dan paste pada Drive C:/ setelah dipaste foldernya

·        selanjutnya buka cmd klik kanan Run As Administrator bila sudah muncul copy perintah dibawah ini :

dism.exe /online /enable-feature /featurename:NetFX3 /Source:c:\sxs /LimitAccess

 [ENTER]

·         Tunggu sampai Proses penginstalan sampai 100% berarti penginstalan .Net Framework 3.5 diwindows anda berhasil

Semoga berhasil  ~
#salamperubahan :) 

Read More

CARA MEMBUAT GALERI FOTO DENGAN HTML DAN CSS

Kali ini saya akan mengulas mengenain tampilan profile penyimpanan foto,

langsung saja pada pokok berita nya ya.. maklum udh ngantuk -_-“.

Pertama buat code html nya di folder baru,

Contoh code html nya :

<!DOCTYPE HTML>

<html>

<head>

                <title>Galeri Foto</title>

                <link type="text/css" rel="stylesheet" href="picture.css">

</head>

Read More

PENGGUNAAN DASAR CSS

Kali ini saya akan membahas mengenai “contoh penggunaan dasar css”

Contoh dasar penggunaan css adalah setidak nya harus mengtahui format dasar/ cara paling dasar dalam penulisan kode css. Untuk lebih lanjut nya mari kita lihat penjelasan dibawah ini…

Ini adalah contoh format penulisan nya :

Selektor {

                Properti: value;

}

Agar lebih jelas saya akan membuat contoh seperti ini :

P {

                Color: green;

}

Keterangan :

Selektor               : P

Properti               : color

Value                    : green

jika tag <p> diatas digunakkan oleh file html, maka tag <p> dalam html akan berubah warna teksnya menjadi hijau. Apabila anda ingin menggunakan id, anda dapat menambah tanda (#) sebelum sektor.

Seperti dibawah ini :

#selektor {

                Properti: value;

}

Dan jika anda ingin membuat class, anda dapat menambah tanda (.) sebelum selektor.

Seperti dibawah ini :

.selektor {

                Properti: value;

}

Selamat mencoba..

Kunjungi juga blog saya di http://deden-smkmuhammadiyah9.blogspot.com/

#salamperubahan J

Read More

MENGUBAH RESOLUSI PADA NOTEBOOK

Cara agar notebook yang pake windows 8 yang resolution nya kurang dan ga bisa dibuka dibuka,

1.Buka menu "start" dan ketik "regedit" lalu di kotak pencarian, dan kemudian tekan Enter. Gulir ke atas pada panel kiri untuk memastikan Anda berada di bagian paling atas menu.

2.Pada menu atas, pergi ke Edit kemudian Find ... dan cari " Display1_DownScalingSupported "

3.Anda mungkin akan menemukan 2 hasil untuk file yang dicari yaitu : dari"0"ke"1". pilih angka 0 

4.Setelah selesai, restart sistem.

5.Dan setelah selasai me restart sistem, klik kanan pada desktop Anda dan memilih untuk mengubah resolusi layar Anda, sekarang ubah resolisi yang tadinya 1024x600 menjadi 1024x768 untuk netbook Anda,

~selamat mencoba ~

Read More

ASAL USUL HTML

Kali saya akan membahas asal usul atau biasa disebut juga asal muasal HTML hingga digunakan untuk bahasa standar internet … Langsung saja artikel ini -> Cekidol ;D

Sejarah html berawal pada tahun 1980 ketika IBM berniat untuk membuat suatu kode untuk menggabungkan teks dengan pemformatan agar mengenali elemen dokumen. Bahasa yang menggunakan tanda-tanda ini dinamakan Markup Language. Namun pihak IBM memberi nama Generalized Markup Language (GML).

Read More

TUTORIAL membuat widget follow twitter pada blog

Cara Membuat Widget Follow Twitter Pada Blog 

Nah bagi sobat-sobat bloggers yang mungkin ingin pengen dapet banyak follower dari pengunjung blognya. NIh pakek widget follow twitter aja sob.

soalnya pengunjung akan lebih mudah klo pengen follow twitter sobat.

Ok langsung aja ya...

Cara Membuat Widget Follow Twitter Pada Blog

• login blog
• rancangan >> add gadget (HTML/Javascript)
• lalu masukkan kode ini

<a href="https://twitter.com/_darmawan_s" class="twitter-follow-button"data-show-count="false">Follow@_darmawan_s</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

NB : 

ganti kode yang berwarna merah dengan username twitter sobat

jika sobat ingin menampilkan jumlah followers sobat ganti kode false dengan kode true

• simpan dan lihat hasilnya

referensi : http://memoryjacksonabi.blogspot.com/2012/09/cara-membuat-widget-follow-twitter-pada.html

Read More

MENGUBAH RESOLUTION NOTEBOOK MENJADI 1024 x 768

Kali ini saya akan mengaposkan seputar notebook yang menggunakan windows 8 tetapi resolution nya kurang, setalah saya mencari di mbah google. Ternyata dapat juga jalan keluar nya, yaitu sebagai berikut caranya :

1. Buka menu Start dan ketik regedit di kotak pencarian, kemudian tekan Enter.
2. Gulir ke atas pada panel kiri untuk memastikan Anda berada di bagian paling atas pohon.
3. Pada menu atas, pergi ke Edit kemudian Find ... dan mencari " Display1_DownScalingSupported "
4. Mengubah setiap contoh Anda menemukan (Anda mungkin akan menemukan 2 hasil untuk ini) dari "0" ke "1". Pastikan Anda mengubah setiap contoh ditemukan, karena jika tidak hack tidak akan bekerja (dalam pengalaman saya).
5. Setelah selesai, restart sistem.

Ketika sistem anda telah memulai kembali, ketika Anda klik kanan pada desktop Anda dan memilih untuk mengubah resolusi layar Anda, Anda sekarang harus melihat opsi untuk 1024x768 serta resolusi 1152x864 untuk netbook Anda, selain resolusi sebelumnya.

Ingin lebih jelas bukan referensinya : http://mobileoffice.about.com/od/netbooks/a/How-To-Change-Your-Netbooks-Screen-Resolution.htm

Read More

tutorial update offline ESET Nod32 versi 5

sebelum melakukan update offline, anda membutuhkan komputer yang terhubung dengan Internet dan terinstall didalamnya ESET NOD32 v.5, dan melakukan update online pada komputer tersebut, setelah update online dikomputer yg terkoneksi internet berhasil, lantas Copy file “emxx_….” (seperti gambar dibawah ini) yang ada pada folder C:\Program Files\ESET\ESET NOD32 Antivirus\

Langkah selanjutnya:

1. Buka ESET NOD32 v.5 anda, masuk ke “Advance Setup”,

2. Klik “Icon Computer” seperti yang tampak pada gambar diatas,

3. Hilangkan “tanda centang” pada HIPS seperti terlihat diatas,

4. Lakukan Restart

5. Setelah itu “Paste” kan file-file yang sudah dicopy dari komputer online ke folder tempat installasi ESET NOD32 v.5 anda, Biasanya di C:\Program Files\ESET\ESET NOD32 Antivirus.

6. Setelah proses Paste selesai, “Enable”kan kembali HIPS dengan cara seperti langkah pertama,

7. Restart Komputer anda dan selesai.

Lantas, file-file tadi kamu pastekan di Komputer kamu yang offline (tidak ada koneksi komputer)

referensi : http://stmlangsa.wordpress.com/2011/11/18/cara-update-offline-eset-nod32-versi-5/

Read More

instal windows8 melalui flashdisk/USB

Catatan: Harap Backup dahulu isi USB flashdisk kita, karena kita akan memformatnya kemudian.

Langkah-Langkah menginstall Windows 8 Melalui USB Flashdisk:

1. Colokkan USB flashdisk kita ke komputer dan backup (simpan) dahulu file2 didalamnya jika ada ditempat lain.
2. Klik Start -> All Programs -> Accessories klik kanan pada Command Prompt dan pilih Run as administrator untuk menjalankan Command Prompt dengan hak akses Administrator. Klik Yes kalo nongol jendela UAC.


Kita dapat juga menjalankan perintah Command Prompt dengan hak akses Administrator melalui Start Menu – Search dengan mengetikkan perintah CMD kemudian diikuti dengan menekan tombol Ctrl + Shift + Enter.
3. Pada Command Prompt, ketikkan perintah berikut dan tekan Enter:

DISKPART


Kita akan melihat pesan yang muncul seperti berikut ini:

4. Sekarang, ketik perintah LIST DISK dan tekan Enter, untuk melihat nomor disk USB flashdisk kita yang mana, dalam tutorrial berikut USB flashdisk saya ada dinomor 1. Periksa ukuran USB flashdisk berikutnya (lih gambar) untuk memastikan nomor USB flashdisk yang akan kita pakai.


Seperti gambar diatas, dimana usb flashdisk nya ada di nomor 1 15GB, jadi pastikan DISKPART dapat mengenali USB flashdisk kita, jika ngga kedetect, cobalah cabut dan masukkan kembali USB flashdisknya kemudian ulangi langkah2 diatas.
Sekarang ketikkan perintah berikut satu persatu diikuti dengan menekan tombol Enter.

SELECT DISK 1   CLEAN   CREATE PARTITION PRIMARY   SELECT PARTITION 1   ACTIVE   FORMAT FS=NTFS   ASSIGN   EXIT


Sekarang kita telah membuat USB flashdisk kita bisa booting, Jangan tutup dulu jendela Command prompt nya, cukup kecilin, dan ikuti dulu langkah selanjutnya.
5. Sekarang Mount lah file ISO windows 8 kita dengan memakai program Virtual CD/DVD seperti Virtual Clone Drive (gratis) atau Ultra ISO dll, jika ada DVD nya, masukin ke DVD-ROM DVD nya.
Setelah kita mount file ISO nya, catat nama Drivenya (Misal Drive G:), karena kita akan mengcopy isi nya ke USB flashdisk kita nanti.
6. Sekarang kita kembali ke jendela Command Prompt tadi dan jalankanlah perintah berikut:
G: CD BOOT lalu tekan Enter (dimana G: adalah virtual drive yg telah kita bikin (mount))

7. Ketik : BOOTSECT.EXE /NT60 J: ( dimana J: adalah nama drive USB flashdisk kita, dapat kita cek di my computer atau windows explorer)


8. Sekarang bukalah windows explorer dan copykan semua isi file ISO yang telah kita mount tadi dengan memakai program Virtual CD atau ultra ISO dll, copy kan semua isinya ke dalam USB flashdisk kita. Jika memakai CD/DVD tinggal copykan saja semuanya kedalam usb flashdisk kita.

Cara lain yang lebih mudah untuk menginstall windows 8 menggunakan USB flashdisk yaitu dengan menggunakan program kecil yang bernama Rufus

Langkah2 untuk membuat usb flashdisk agar bisa digunakan untuk menginstall windows 8 menggunakan tool Rufus :

1. Colokin usb flashdisk ke komputer yang bersistem operasi windows xp, vista atau windows 7 dan pastikan data2 didalamnya kalau ada dibackup/diamankan terlebih dahulu.
2. Download dan jalankan program rufus (rufus_v1.2.0.exe) dengan hak akses administrator (untuk windows vista dan windows 7)
3. Pilih Usb flashdisk, pilih file sistem yang akan digunakan (FAT 32/NTFS), aktifkan mode Quick format, “Create a bootable disk using: MS-DOS” dan juga “Create extended label and icon files”

4. Klik kanan pada gambar ikon drive kecil disamping pilihan “Create a bootable disk using”, kemudian pilih lokasi dimana file ISO windows 8 berada.
5. Selanjutnya, klik tombol “Start”, untuk memulai mentransfer file2 dari file iso windows 8 kedalam USB flashdisk, dan setelah proses selesai, USB flashdisk ini dapat digunakan untuk menginstall windows 8 seperti layaknya menggunakan CD/DVD.


Perlu diingat, setelah USB flashdisknya diisi dengan file2 instalasi windows 8, USB flashdisknya masih bisa digunakan seperti biasa (hanya jgn diformat atau dihapus file2 yang telah ada), baik itu digunakan untuk menyimpan data kalian (jika masih ada ruang kosong).

Demikian cara yang Mudah dan Sederhana untuk membuat USB flashdisk kita agar bisa booting layaknya CD/DVD disk, untuk digunakan menginstall windows 8.

Catatan: Pastikan pada settingan BIOS dikomputer kita prioritas boot pertama memakai USB Flashdisk.

referansi : http://www.hong.web.id/tutorial/cara-menginstall-windows-8-melalui-usb-flashdisk

Read More

instalasi W8

Jika ada rencana untuk membuat dual booting, pastikan anda menyediakan partisi primer lebih dari 20GB. dan jika ada rencana untuk instalasi bersih, pastikan backup dahulu file2nya kemudian baru diformat harddisk C nya, lalu install bersih windows 8 nya.

1. Boot komputer anda dengan media instalasi windows 8 Developer.
2. Mungkin butuh beberapa menit untuk memuat file-file, dan kemudian akan membawa Anda ke layar instalasi. Pilih pilihan yang sesuai dan klik Next.

3. Sekarang klik pada “Install Now” untuk melanjutkan

4. centang “Accept the terms and conditions” dan kemudian klik “Next”.

5. Disini kita bisa memilih opsi apakah ingin meng-upgrade windows kita ke windows 8 Edisi Developer atau ingin melakukan instalasi bersih. Pilih Custom (Advanced) untuk melanjutkan instalasi bersih.

6. Pada layar ini Anda dapat memilih drive yang ingin Anda instal, di sini kita memiliki kemampuan untuk mengelola disk, format, membuat partisi dll Jika Anda berencana untuk men-setup Dual boot maka Anda dapat memilih drive yang berbeda. Setelah Anda mengkonfigurasi drive klik “Next”

7. Itu saja sekarang akan dimulai proses instalasi, tunggu sampai selesai yang mengambil waktu 10 menit sampai 1 jam tergantung pada konfigurasi Hardware.

8. Setelah itu menyelesaikan instalasi Komputer Anda akan reboot dan akan mempersiapkan pengaturan2. Jadi silahkan menunggu beberapa saat.

9. Sekarang akan membawa Anda untuk mempersonalisasi pengaturan desktop Anda. Silahkan pilih “Express settings” yang pada layarnya tertera keterangan tentang apa saja settingan akan dilakukan.

10. Tidak seperti sistem operasi lain, pada Windows 8 Anda dapat login menggunakan account Windows Live. Jadi, Anda dapat memasukkan informasi account Windows Live Anda.

Jika tidak ingin menggunakan metode login ini, silahkan klik pada “I don’t want to log in with a Windows Live ID”.

Anda dapat memilih “Local account” untuk membuat Username dan Password untuk login ke Windows Anda.

Setelah semua informasi telah dimasukkan, klik “Next”.
11. Sekarang Windows akan mengkonfigurasi pengaturan Anda


Setelah semuanya di setup, maka kita akan disuguhkan tampilan Desktop Windows 8.

Selamat! Anda sekarang telah berhasil menginstal Windows 8 edisi Pengembang di komputer Anda.

referensi : http://www.hong.web.id/tutorial/langkah2-cara-menginstall-windows-8-lengkap-dengan-gambar

Read More

Bagi kamu yang ingin memiliki menu drop down yang keren, kamu bisa membuat menu horizontal drop down dengan animasi ini, ketika drop down nya muncul akan memberikan efek animasi yang keren. Cara membuatnya juga gampang dan simpel, tidak ribet bahkan kamu bisa utak atik desain tampilannya. 1. Login ke blog kamu2. Pilih Template > Edit HTML > Cari kode </head>3. Letakan kode di bawah ini tepat di atas kode </head> <style> #coolMenu, #coolMenu ul { list-style: none; } #coolMenu { width:980px; float: left; } #coolMenu > li { float:left; } #coolMenu li a { display: block; padding: 5px 10px 5px 10px; text-decoration: none; } #coolMenu ul { position: absolute; display: none; z-index: 999; } #coolMenu ul li a { width: 30px; float:left; padding: 5px 10px 5px 10px; } #coolMenu li:hover ul { } /* Main menu ------------------------------------------*/ #coolMenu { font-family: Arial; font-size: 12px; background: #2f8be8; margin:0 auto;padding:0 auto; background: #02b0cf; padding-left:3px; border-bottom:1px solid #ccc;border-top:2px solid #ccc; } #coolMenu > li > a { color: #fff; font-weight: bold; padding:8px 10px 8px 10px; } #coolMenu > li:hover > a { background: #f09d28; color: #000; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } /* Submenu ------------------------------------------*/ #coolMenu ul { background: #f09d28; padding:3px 5px 3px 5px; } #coolMenu ul li a { color: #000; width:100px; } #coolMenu ul li:hover a { background: #ffc97c; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script> $(function(){ $('#coolMenu').find('> li').hover(function(){ $(this).find('ul') .removeClass('noJS') .stop(true, true).slideToggle('fast'); }); }); </script> Kode yang berwarna biru adalah kode lebar menu nya, jadi sesuaikan dengan blog kamu.Kode yang berwarna merah adalah warna background menu nya.Kode yang berwarna ungu adalah warna background sub menu nya.4. Simpan Template5. Ini adalah kode HTML Menu Drop Down Animasi. <ul id="coolMenu"> <li><a href="http://blazerracing.blogspot.com">Home</a></li> <li><a href="#">Health</a></li> <li> <a href="#">Blogger</a> <ul class="noJS"> <li><a href="#">jQuery</a></li> <li><a href="#">CSS</a></li> <li><a href="#">Widget</a></li> </ul> </li> <li> <a href="#">Resep</a> <ul class="noJS"> <li><a href="#">Dessert</a></li> <li><a href="#">Chicken</a></li> <li><a href="#">Drink</a></li> <li><a href="#">Cake</a></li> <li><a href="#">Breakfast</a></li> <li><a href="#">Soup</a></li> <li><a href="#">Pasta</a></li> <li><a href="#">Seafood</a></li> </ul> </li> <li><a href="#">Naruto Episode</a></li> <li> <a href="#">More</a> <ul class="noJS"> <li><a href="#">Kode Warna</a></li> <li><a href="#">Get This Menu</a></li> </ul> </li> </ul> Ganti tanda pagar dengan URL yang dituju. 6. Sekarang untuk memasang menu nya, kamu bisa gunakan salah satu cara di bawah ini.(Copy kode nomor 5 ke 2 cara di bawah ini, pilih salah satu saja, dan ikuti instruksinya.)Cara 1 : Add Gadget > HTML/Java Script > Copy kode nomor 5.Cara 2 : Template > Edit HTML, Kamu cari kode bagian header blog kamu, untuk lebih mudah cari kode ini<div id='header-wrapper'> biasanya, kodenya kaya di bawah ini <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Blazer Blog (Header)' type='Header'/> </b:section> </div><!-- end header-wrapper --> NANTI KODE NOMOR 5 NYA LETAKAN DISINI DI BAWAH KODE AKHIR HEADER Copy kode nomor 5 ke 2 cara di atas, ke HTML/JavaScript atau cara ke-2 letakan ganti kata-kata berwarna merah dengan kode nomor 5.Notice:Jika cara 1 gagal, berarti kamu harus gunakan cara ke 2 pasti berhasil. Jika menggunakan cara ke-2 sebaiknya klik dulu PERTINJAUAN untuk menentukan berhasil tidaknya. Setelah berhasil bari SIMPAN TEMPLATE

Bagi kamu yang ingin memiliki menu drop down yang keren, kamu bisa membuat menu horizontal drop down dengan animasi ini, ketika drop down nya muncul akan memberikan efek animasi yang keren. Cara membuatnya juga gampang dan simpel, tidak ribet bahkan kamu bisa utak atik desain tampilannya.

1. Login ke blog kamu
2. Pilih Template > Edit HTML > Cari kode </head>
3. Letakan kode di bawah ini tepat di atas kode </head> 

<style>
#coolMenu,
#coolMenu ul {
    list-style: none;
}
#coolMenu {
width:980px;
    float: left;
}
#coolMenu > li {
    float:left;
}
#coolMenu li a {
display: block;
 
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}
#coolMenu ul {
    position: absolute;
    display: none;
        z-index: 999;
}
#coolMenu ul li a {
    width: 30px;
 float:left;
padding: 5px 10px 5px 10px;
}
#coolMenu li:hover ul { 
}
/* Main menu
------------------------------------------*/
#coolMenu {
    font-family: Arial;
    font-size: 12px;
    background: #2f8be8;
margin:0 auto;padding:0 auto;
background: #02b0cf;
padding-left:3px;
border-bottom:1px solid #ccc;border-top:2px solid #ccc;
}
#coolMenu > li > a {
    color: #fff;
    font-weight: bold;
padding:8px 10px 8px 10px;
}
#coolMenu > li:hover > a {
    background: #f09d28;
    color: #000;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

/* Submenu
------------------------------------------*/
#coolMenu ul {
    background: #f09d28;
padding:3px 5px 3px 5px;
}
#coolMenu ul li a {
    color: #000;
width:100px;
}
#coolMenu ul li:hover a {
    background: #ffc97c;
    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>
$(function(){
    $('#coolMenu').find('> li').hover(function(){
        $(this).find('ul')
        .removeClass('noJS')
        .stop(true, true).slideToggle('fast');
    });
});
</script>

Kode yang berwarna biru adalah kode lebar menu nya, jadi sesuaikan dengan blog kamu.
Kode yang berwarna merah adalah warna background menu nya.
Kode yang berwarna ungu adalah warna background sub menu nya.

4. Simpan Template
5. Ini adalah kode HTML Menu Drop Down Animasi.

<ul id="coolMenu">
    <li><a href="http://blazerracing.blogspot.com">Home</a></li>
    <li><a href="#">Health</a></li>
    <li>
    <a href="#">Blogger</a>
    <ul class="noJS">
        <li><a href="#">jQuery</a></li>
        <li><a href="#">CSS</a></li>
        <li><a href="#">Widget</a></li>
    </ul>
</li>
<li>
    <a href="#">Resep</a>
    <ul class="noJS">
        <li><a href="#">Dessert</a></li>
        <li><a href="#">Chicken</a></li>
        <li><a href="#">Drink</a></li>
<li><a href="#">Cake</a></li>
<li><a href="#">Breakfast</a></li>
<li><a href="#">Soup</a></li>
<li><a href="#">Pasta</a></li>
<li><a href="#">Seafood</a></li>
    </ul>
</li>
    <li><a href="#">Naruto Episode</a></li>
  <li>
    <a href="#">More</a>
    <ul class="noJS">
        <li><a href="#">Kode Warna</a></li>
        <li><a href="#">Get This Menu</a></li>
     
    </ul>
</li>
</ul>

Ganti tanda pagar dengan URL yang dituju. 
6. Sekarang untuk memasang menu nya, kamu bisa gunakan salah satu cara di bawah ini.
(Copy kode nomor 5 ke 2 cara di bawah ini, pilih salah satu saja, dan ikuti instruksinya.)

Cara 1 : Add Gadget > HTML/Java Script > Copy kode nomor 5.
Cara 2 : Template > Edit HTML, Kamu cari kode bagian header blog kamu, untuk lebih mudah cari kode ini<div id='header-wrapper'>  biasanya, kodenya kaya di bawah ini

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blazer Blog (Header)' type='Header'/>
</b:section>
</div><!-- end header-wrapper -->
NANTI KODE NOMOR 5 NYA LETAKAN DISINI DI BAWAH KODE AKHIR HEADER

Copy kode nomor 5 ke 2 cara di atas, ke HTML/JavaScript atau cara ke-2 letakan ganti kata-kata berwarna merah dengan kode nomor 5.

Notice:
Jika cara 1 gagal, berarti kamu harus gunakan cara ke 2 pasti berhasil. 
Jika menggunakan cara ke-2 sebaiknya klik dulu PERTINJAUAN untuk menentukan berhasil tidaknya. Setelah berhasil bari SIMPAN TEMPLATE

REFERENSI : http://blazerracing.blogspot.com/2012/10/cara-membuat-menu-horizontal-drop-down.html

Read More

toturial widget visitor pengunjung

Siap, sekarang kita akan membuat widget untuk mengetahui jumlah pengunjung ke blog kita.

Oke langsung klik http://histats.com


Sudah good, buat akun baru di Histats.

Caranya :

1. REGISTER

KLIK Register.



Pada Create new account isikan data-data yang di pelukan, jangan sampai ada yang ketinggalan. Jika sudah beri tanda centang pada I have read and agree Publisher Agreement Terms dan tuliskan captcha.



Dan KLIK Register

Kemudian ada pesan seperti ini


Buka email yang tadi anda daftarkan dalam Create new account dan KLIK tautan yang di berikan Histats untuk mangaktifkan akun anda.

your account is now active, please login now and start using histats.com!

Jika ada pesan tersebut maka akun anda telah aktif, silahkan masuk lagi ke histats.com dan login dengan email dan password yang anda buat sebelumnya.



2. + Add a Website

Langkah selanjutnya adalah mendaftarkan website atau blog Anda. Blog yang di daftarkan bisa lebih dari satu, jadi dengan manfaatkan satu akun histats, anda bisa mendaftarkan banyak blog atau website anda, gratis pula.. cihui ga tuh... oke go on..



KLIK + Add a Website

Nah, isikan Create new website/blog dengan data-data dari blog Anda.

• Site url : url situs anda contoh : http://www.c-4webdesign.com
• Pilih bahasa : Indonesian - Bahasa Indonesia
• Time zone : Pilih 11 - 04:38 am Asia/Jakarta
• Category : Website anda termasuk kategori apa, silahkan di pilih. Misalnya Visual Art & Design --- Design.
• Title : Judul web atau blog Anda.
• Description : Penjelasan singkat tentang blog Anda.
• Stats visibility : artinya pengaturan provasi siapa saja yang dapat melihat Stats atau data dari pengunjung Blog Anda. ada dua pilihan visible to everyone atau visible only to me, silahkan di pilih.
• Jangan lupa kode captcha.
• Dan KLIK Continue

Beres sudah jadi sekarang adalah, cara memasang widget di blog blogspot anda.


3. Pasang widget di blogger

KLIK pada nama blog anda.


KLIK Pada Counter Code.


KLIK + add new counter


Tinggal di pilih yang sesuai selera Anda, 1, 2, 3, 4 line, animated dll. Monggo.

Nah satu yang unik yaitu Hidden Tracker, jika memilih yang ini maka counter dan widget tidak akan di tampilkan di dalam blog anda, namun anda harus tetap memasang kode scriptnya di blog anda, dengan cara ini anda tetap mendapatkan data traffic dan dapat tetap di akses di dalam akun anda.


Beri tanda centang pada visitor today --- Total visitor --- Page views today --- Total page views --- user online dan KLIK SAVE.


KLIK Pada Counter id : *******885545


Copy  code scriptnya



Login ke dasbor blogger --- KLIK Tata Letak --- Tambah Gadget --- Pilih HTML/Javascript dan paste kode kemudian SIMPAN.

Selesai.. selamat mencoba widget untuk mengetahui jumlah pengunjung - Histats. Salam....

Referensi :

https://docs.google.com/document/d/1y0ZRAQqkNSeMgi8zRrtX9aLRDQvWgHSDgsvIAU_7mCw/edit

Read More