Cara Membuat Menu Blogger Style Yellow

Jembertheisozone - Yellow Color Style Menu Bar

• Login blog
• Pada homepage scroll kebawah
• Lalu pilih menu template
• Lalu pilih edit HTML
• Cari kode ]]></b:skin>
• Lalu taruh kode dibawah ini tepat diatas kode ]]></b:skin>

/* The CSS Code for the menu starts here bloggertrix.com */#menu6 ul {list-style:none;font-family: "Trebuchet MS", sans-serif;font-size: 28px;font-weight: bold;letter-spacing: -1px;line-height: 1.1em;float:left;clear:both;margin:20px;border:4px groove #ffe430;}#menu6 ul li{float:left;}#menu6 ul li a{display:block;text-decoration:none;padding:10px 10px 5px 10px;color:#fff;background-color:#ffc730;width:170px;}#menu6 ul li a span{display:block;}#menu6 ul li a span.title{border-bottom:2px solid #ffc730;}#menu6 ul li a:hover{background-color:#fff;}#menu6 ul li a:hover span.title{color:#ffc730;border-bottom:2px solid #ffe430;}#menu6 ul li a span.text{padding:0px 5px;font-family: Helvetica, Arial, sans-serif;font-size: 14px;font-style: italic;font-weight: normal;letter-spacing: normal;line-height: 1.4em;background-color:#ffc730;visibility:hidden;color:#fff;}#menu6 ul li a:hover span.text{visibility:visible;}

• Simpan
• Lalu pilih menu layout
• Klik Add Gadget pilih HTML/JavaScript
• Lalu copas kode dibawah ini

<div id="menu6"><ul><li><a href=""><span class="title">About</span><span class="text">Who we are</span></a></li><li><a href=""><span class="title">Download</span><span class="text">What we have</span></a></li><li><a href=""><span class="title">Blog</span><span class="text">What we talk about</span></a></li><li><a href=""><span class="title">Features</span><span class="text">Special thingd</span></a></li>
<li><a href="http://www.bloggertrix.com/"><span class="title">Contact</span><span class="text">How to get in touch</span></a></li>
</ul></div>

• Simpan

You Might Also Like

Tutorial Blogger

• Cara Mengecheck Jumlah Backlink Blog Kita
• 4 Alasan Kenapa Blog Jarang Ada Komentarnya
• Cara Bikin Total Post dan Total Komentar di Blog
• Cara Membuat MenuQ Top Header Blog
• Membuat Iklan Melayang di Blog
• Cara Memasang Read more Blog dengan Animasi
• Cara Membuat Widget Statistik Blog Di tengah
• Cara Pasang Permalink Blog
• Cara Mengubah Tag Heading Untuk Better SEO di Blogger
• Cara Mudah Promosi Blog Di Facebook
• Cara Menghapus Link "Langgan: Entri (Atom)"
• Cara Menambahkan 3 Kolom Di atas Footer Blog
• Membuat Effect Gambar Gelap-Terang pada Blogger
• Kenali Ciri-Ciri Template SEO Friendly Pada Blog
• Cara Ngecheck Seberapa Persen SEO Blogmu
• Memasang Artikel Terkait Bergambar di Blog
• Cara Mendaftarkan Blog ke Technorati 2013
• Cara Agar Blog Menjadi NO. 1 Di Google Dengan Google Ping
• Cara Membuat Artikel Random Di Blogger
• Cara Membuat Rating Bintang Di Search Engine Google
• Mengganti Older Post atau New Post Dengan Angka
• Cara Memasang Feedburner dan Memasang subcribe di Blog
• Cara Membuat Text Shadow/Glow Pada Judul Posting Blog
• Menu Sidebar dengan Efek Jquery Keren

Cara Membuat Artikel Terkait Dibawah Posting Tempat Cari ilmu