TUTOR MENAMBAH MENU PADA BLOG

Kali ini saya akan berbagi sedikit cara bagaimana memperindah blog kita dengan adanya tampilan Menu pada blog dan dengan adanya Menu pada blog kita,kita dapat dengan mudah berpindah kehalaman yang terdapat pada menu naah tidak usah bnayak basa basi lagi langsung saja ini caranya.......

1. Login keakun Blog anda

2. Masuk keTemplate dan kemudian Edit HTML

3. Copy paste kode dibawah ini tepat diatas code ]]></b:skin> cara cri kodenya langsung aja CTRL+F terus masukin tuh ]]></b:skin>

Silahkan Copy Paste Code Dibawah ini....

div.redmenu{ background:#9A0000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivi2dt-UoQD7KaHA2ImW-Ea0eJIKM-zNczCizRiE_k6LyaBHFug4P0fuOf5f5OvDkrwPKx9kLt4xlbDZAKBVQBHCP0dBFdfnTQxG0tc7CytsUEvJW7lSVYYeoTBGlM8kKELwS-D-BrTmQ/h120/bg1.gif); border:1px solid #000; font-size:0; } div.redmenu a{ display: inline-block; padding: 0 20px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi67E7s8Rb_EpcbSqFy0-MlGgkoWnGDfDbXO9COq2vLzY-rH0MPkfkoZQBl0vTHkmi3N-2HzEG9slPamE0Uu3KLoF5L9q4XYcbfZaQ5R2TNxah7NzNwz2Vh39KNx_CU2psil_qWChLdCo/h108/bg.gif); color:#fff; text-decoration:none; font: bold 12px Arial; line-height: 32px; } div.redmenu a:hover, div.redmenu a.current{ background-position:0 -60px; } div.redmenu a.end{ width:2px; padding-left:0;padding-right:0; }

4. Kalau sudah slesai kemudian masuk ke-layout dan add widget terus tambah HTML/Java scrip kemudian copas lgi kode ini 

<div class='redmenu'> <a expr:href='data:blog.homepageUrl' class='current'>Home</a> <a href='#'>$</a> <a href='#'>$</a> <a href='#'>$</a> <a href='#'>$</a> <a href='#'>$</a> <a class="end">&nbsp;</a> </div>

ganti tanda "#" dengan Link yg anda inginkan dan tanda "$" ganti dengan judul menu yg anda inginkan

5. Dan terahir Save kemudian lihat Blog anda  (Toloong Komentnya ya)

SELAMAT MENCOBA