Cara Membuat Submenu di Blogspot

The Killertutor - Memang tak ada hentinya para pecinta blogger itu. Semakin hari semakin bertambah para blogger terutama para blogger indonesia. Dengan semakin banyaknya para blogger, maka kita sangatlah sulit untuk bersaing dengan mereka di Google. Bersaing dengan sekian miliar blogger di seluruh penjuru dunia itu bukanlah hal yang mudah. Walaupun kita sudah berusaha maksimalpun kita masih akan kesulitan untuk menempati posisi pertama google.

Nah, mengatasi hal itu. Dari pada kita susah payah untuk bersaing, lebih baik sempurnakan dahulu optimasi yang ada di website terutama dalam hal tampilan dan juga pastinya SEO. Kali ini saya akan memberikan sebuah cara yang sebetulnya sangat simpel yaitu Membuat Submenu di Blogspot. Mengenai submenu itu sendiri yaitu sebuah menu yang berada di bawah menu. Jika belum tahu, ini saya kasih screenshootnya :

Nah, langkah-langkah untuk membuatnya yaitu :

1. Login ke account blogger anda tentunya
2. Masuk ke Rancangan -> Edit Html
3. Tekan ctrl + f kemudian masukkan ]]></b:skin>
4. Setelah itu letakkan CSS di bawah ini di atas code tadi :
   
   #msubhome {width:990px;;height:25px;font-size:10px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;background:#ff9900;margin: 0px auto 0;padding: 0px auto 0;}

#msubhome ul{margin:0;padding:0;list-style-type:none;width:auto;}

#msubhome ul li{display:block;float:left;margin:0 1px 0 0;}

#msubhome ul li a{display:block;float:left;color:#ffffff;text-decoration:none;padding:6px 10px 0 10px;height:22px;}

#msubhome ul li a:hover{color:#EB1B01;}

#msubhome ul li a.active{color:#EB1B01;}
5. Setelah itu, letakkan code di bawah ini di bawah menu blog kamu :
   
   <div class='grid_12 ic_submenu' id='msubhome'>
<ul>

<li><a href='http://the-killermedia.blogspot.com/' rel='nofollow' title='COMMING SOON'>TANYA SAJA</a></li>
<li><a href='http://the-killermedia.blogspot.com/2004/03/simpleajacom-forum.html' rel='nofollow'>FORUM</a></li>
<li><a href='http://the-killermedia.blogspot.com/' rel='nofollow' title='COMMING SOON'>IKLAN LINKS</a></li>
<li><a href='http://the-killermedia.blogspot.com/2006/01/indonesiannewswebids-friend-banner.html' rel='nofollow'>BANNER ZONE</a></li>
<li><a href='http://the-killermedia.blogspot.com/2010/11/link-zone.html' rel='nofollow'>LINKS ZONE</a></li>
<li><a href='http://www.blogger.com/follow-blog.g?blogID=6108405441834337033' rel='nofollow'>FOLLOW THIS BLOG</a></li>
<li><a href='http://the-killermedia.blogspot.com/2009/10/term-of-use.html' rel='nofollow'>TERM OF USE</a></li>
<li><a href='http://the-killermedia.blogspot.com/2009/02/privacy-policy.html' rel='nofollow'>PRIVACY POLICY</a></li>
<li><a href='http://the-killermedia.blogspot.com/2009/10/index.html' rel='nofollow'>INDEK</a></li>
</ul>
</div>
6. Terakhir, klik Save Template

Nah, sedikit tutorial saya kali ini. Semoga bermanfaat :P

Description: Cara Membuat Submenu di Blogspot Rating: 5 Reviewer: Coba Coba - ItemReviewed: Cara Membuat Submenu di Blogspot