Judul : Cara Membuat MenuBar pada Blog
link : Cara Membuat MenuBar pada Blog
Cara Membuat MenuBar pada Blog
Hai sobat blogger pasti, para newbie-newbie blogger seperti saya ini pasti penasaran bagaimana cara membuat menu pada blog. berikut langkah-langkahnya :
1. Buka dashboard blogger.
2. Klik pada "template", kemudian klik pada "Edit Html".jangan lupa beri tanda centang pada bagian"expand widget template".
3. Cari kode "]]><b:skin>" dengan cara Ctrl+F.kemudian, Paste kode berikut dibawahnya.
/* Navigasi tabs Sederhana inspirasi-kecilku99.blogsot.com Starts */
a.burastabs, a.burastabs:link, a.burastabs:visited {display:block; width:102px; height:30px; background:#444444; border:1px solid #ebebeb; margin-top:2px; text-align:center; text-decoration:none; font-family:arial, sans-serif; font-size:12px; font-weight:bold;color:#FFFFFF; line-height:25px; overflow:hidden; float:left;}
a.burastabs:hover {color:#FFFFFF; background:#666666;}
#burasbar {width:auto; margin:0 auto;}
/* Navigasi tabs Sederhana Ends */
4. kemudian menuju ke tata letak, klik "tambahkan widget" pada bagian atas dibawah "header"
5. Paste kode berikut.
<!-- Navigasi tabs Sederhana http://inspirasi-kecilku99.blogspot.com Starts -->
<div id='burasbar'>
<a href="inspirasi-kecilku99.blogspot.com" class="burastabs">Home</a>
<a href="inspirasi-kecilku99.blogspot.com" class="burastabs">Download</a>
<a href="inspirasi-kecilku99.blogspot.com" class="burastabs">Blog Tips</a>
<a href="inspirasi-kecilku99.blogspot.com" class="burastabs">SEO Tips</a>
<a href="inspirasi-kecilku99.blogspot.com" class="burastabs">Contact</a>
<a href="inspirasi-kecilku99.blogspot.com" class="burastabs">About</a>
<a href="inspirasi-kecilku99.blogspot.com" class="burastabs">Advertise</a>
</div>
<!-- Navigasi tabs Sederhana Ends -->
6. Ganti tulisan berwarna biru dengan URL Blog Anda
Ganti tulisan berwarna hijau dengan Nama menu yang kalian inginkan.
7. Selesai.
Terima kasih, semoga bermanfaat.
kalo ada pertanyaan silahkan berkomentar . . . .
Demikianlah Artikel Cara Membuat MenuBar pada Blog
Sekianlah artikel Cara Membuat MenuBar pada Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Cara Membuat MenuBar pada Blog dengan alamat link https://anothers-stuff.blogspot.com/2013/06/cara-membuat-menubar-pada-blog.html
