Ads

Kumpulan Lagu Cinta Terbaru 2012, Love Song

Nabil Ftd – The Killermedia
Rabu, 08 Desember 2010 21:24 WIB

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 :

contoh submenu blog,cara membuat submenu di blog

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: Nabil Muhammad Firdaus - ItemReviewed: Cara Membuat Submenu di Blogspot

2 komentar

DISCLAIMER BOS!!
[Disclaimer]
[Emoticons]

Keren sob...

oya sob boleh gak ane minta tolong???
ane tertarik ama template lho...

bisa gak gua minta ???
lo bisa upload biar ane bisa download...
tolong jawabannya ya sob ane tunggu!!! lo bisa tw gaknya konfirmasi gue di blog gue
http://fresh4u2.blogspot.com/

Balas
9/12/10 14:36

mantab ini, tutorial yang menarik.. saya masih banyak belajar :)

www.amalinakayyisah.com

Balas
10/9/12 13:05
 
IdWebDesign Company Logo

+62 81 328 733 696 | Email : idwebdesign@yahoo.com