Monday, June 18, 2012

Cara Membuat Menubar Black Dark

Menu Bar Black Dark
Menu Bar Black Dark

Cara Membuat Menubar Black Dark Ini adalah artikel saya selanjutnya jangan lupa untuk melihat artikel yaitu tutorial blog Cara Membuat Menubar Black Dark adalah karya saya sendiri namun sudah tidak dipakai lagi jadi sekarang saya share saja artikelnya supaya bisa menjadi ilmu yang bermanfaat bagi orang lain Cara Membuat Menubar Black Dark mudah dilakuka mari kita simak dan pelajari Cara Membuat Menubar Black Dark berikut ini.

Cara Membuat Menubar Black Dark memang ini adalah karya saya sendiri saya dulu sering membuat template dan menubar yang berbeda setelah saya mengetahui ilmu seo saya tidak dan jarang membuatnya karena saya sibuk dengan urusan ilmu SEO dari pada menubar ini terbengkalai dan tidak terpakai jadi saya akan membuat artikelnya, sudah saya katakana pada artikel yang sebelumnya bahwa membuat menubar itu sangat penting dan menjadi wajib ketika pengunjung mulai berdatangan sking pentingnya menubar ini dapat meiningkatkan SEO Offline kalian dan SEO online saya ibaratkan Two In One 1 cara dapet 2 keuntugan seperti  itu pada menubar kali ini mengapa saya memberikan nama Black Dark karena menubar ini hitam ke hitam hitaman jadi tidak terlalu Very dark vukup sedang dan memiliki warna putih aurora yang legam (putih Legam) pasnya menu ini digunakan pada template yang berwarna DARK karena akan terlihat bagus dan good mari kita simak saja tutorialnya dan Full Video tentunya supaya memudahkan anda.

Tutorial Cara Membuat Menubar Black Dark

  • Pertama kamu harus login ke account blogger kamu www.blogger. com
  • Setelah itu kamu pergi ke bagian HTML (Perancangan > Edit Html Blogger lama)
  • Blogger baru Pilih Daftar entry > template > Edit HTML
  • Setelah itu kamu cari kode ini ]]></b:skin>
  • Lalu Copy Kan kode di bawah ini tepat di atas code ]]></b:skin>
#menubar{width:950px;height:32px;background:#3E3E3E;float:center;margin-bottom:10px}#menubar ul{float:left;margin:0;padding:0}#menubar li{float:left;list-style:none;margin:0;padding:0}#menubar li a,#menubar li a:link{border-right:2px solid #fff;float:left;padding:8px 12px;color:#fff;text-decoration:none;font-size:13px;font-weight:bold}#menubar li a:hover,#menubar li a:active,#menubar .current_page_item a {color:#ffa500;text-decoration:underline}#menubar li li a,#menubar li li a:link,#menubar li li a:visited{font-size:12px;background:#3E3E3E;color:#fff;text-decoration:none;width:150px;padding:0px 10px;line-height:30px}#menubar li li a:hover,#menubar li li a:active{background:#fff;color:#3E3E3E}#menubar li ul{z-index:9999;position:absolute;left:-999em;height:auto;width:170px;margin-top:32px;border:1px solid ##F0512D}#menubar li:hover ul,#menubar li li:hover ul,#menubar li li li:hover ul,#menubar li.sfhover ul,#menubar li li.sfhover ul,#menubar li li li.sfhover ul{left:auto}#menubar li:hover,#menubar li.sfhover{position:static}
  • Kemudian untuk memasang content menubarnya kamu cari kode <div id="content-wrapper"> Bila tidak ketemu kode ini <div id=’content-wrapper’> bila masih belum ketemu berarti kodenya berbeda kamu harus mencari sendiri
  • Kemudian copykan kode di bawah ini tepat di atas kode sebelumnya <div id="content-wrapper"> atau <div id=’content-wrapper’>
<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://thomijasir.blogspot.com/'>Edit me</a></li>
<li><a href=' http://thomijasir.blogspot.com/ '> Edit me</a></li>
<li><a href=' http://thomijasir.blogspot.com/ '>Edit me</a>
<ul>
<li><a href='  http://thomijasir.blogspot.com/ '> Edit me </a></li>
<li><a href='  http://thomijasir.blogspot.com/ '> Edit me </a></li>
</ul></li>
</ul>
</div>
Keterangan:
  1. bagi Conten Menubar yang berwarna merah anda ganti dengan ur tujuan sobat
  2. untuk yang berwarna hijau ganti dengan tulisan judul url yang di tuju
  • Setelah semua di setting dengan kemauan anda langkah terakhir  adalah Save Template
  • Kemudian lihat hasilnya
Untuk Memper mudah anda dalam membantu membuat menubar silahkan lihat Video Buatan saya secara live See The Video  

Mungkin cara di atas tidak mungkin bisa dilakukan disemua template karena template berbeda beda mungkin cukup untuk artikel say ini yang membahas tentang menu bar semoag dapat membantu anda saya tutup artikel yang berjudul Cara Membuat Menubar Black Dark.

*ATTENTION If you Want Download Please Turn OFF or Remove Your AdBlock
Title: Cara Membuat Menubar Black Dark
Reviewed By: Thomi Jasir
Rating Blog: 4.7 dari 5

Article Category Tutorial Blog Title Cara Membuat Menubar Black Dark You can share articles and copy the Articles This is very useful if, but do not forget to save the link source you can copy the code below. Thanks!
ads
ads

Written By : Thomi Jasir Time : 12:26 PM Category :

0 Comments:

Post a Comment

Rules If you Want Comment Here

1. Post a Comment The polite and courteous
2. Not Spamming, Junk
3. The topic of discussion commented articles relevant title
4. Give advice if you feel the need to advise
5. Do not use Anonymous
6. Please!!! LANGUAGE USE THE STANDARD
7. Do not put any links in comments

Thanks To the visitors who have taken the time you hope the above article useful.