Cara buatnya gampang sob silahkan terapkan seperti langkah-langkah berikut :
- Login blog
- Rancangan>>Edit HTML
- Jangan lupa expand Widget
- Masukkan kode CSS berikut tepat di atas kode ]]></b:skin>
PERINGATAN! Download Template lengkap dulu, guna mengantisipasi adanya kesalahan!!!, Terimakasih.
<!-- Menuq Cah Dabloeng -->
.menuqu ul li{display: inline;}
.menuqu1 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #000000; border: 2px solid #000000; list-style: none;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-o-transform:rotate(-25deg);
}
.menuqu2 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #4FCF26; border: 2px solid #000000; list-style: none;
-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(25deg);-moz-transform:rotate(25deg);-o-transform:rotate(25deg);
}
.menuqu1:hover, .menuqu2:hover{ background: #F0BFFF; color:#ccc;
-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg)
}
.menuqu ul li{display: inline;}
.menuqu1 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #000000; border: 2px solid #000000; list-style: none;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-o-transform:rotate(-25deg);
}
.menuqu2 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #4FCF26; border: 2px solid #000000; list-style: none;
-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(25deg);-moz-transform:rotate(25deg);-o-transform:rotate(25deg);
}
.menuqu1:hover, .menuqu2:hover{ background: #F0BFFF; color:#ccc;
-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg)
}
- Kemudian cari lagi kode <body>
- Masukkan Script berikut tepat di bawahnya!
<div class="menuqu">
<ul>
<li class="menuqu1"><a href='URL ANDA'>News</a></li>
<li class="menuqu2"><a href='URL ANDA'>Artikel</a></li>
<li class="menuqu1"><a href='URL ANDA' title='Lucu dan Unik'>Dunia Unik</a></li>
<li class="menuqu2"><a href='URL ANDA' title='Download Mp3 Gratis'>Mp3</a></li>
</ul>
</div>
</div>
<div class='clear'></div>
<ul>
<li class="menuqu1"><a href='URL ANDA'>News</a></li>
<li class="menuqu2"><a href='URL ANDA'>Artikel</a></li>
<li class="menuqu1"><a href='URL ANDA' title='Lucu dan Unik'>Dunia Unik</a></li>
<li class="menuqu2"><a href='URL ANDA' title='Download Mp3 Gratis'>Mp3</a></li>
</ul>
</div>
</div>
<div class='clear'></div>
Keterangan :
~ Warna Merah silahkan ganti dengan url sobat!!
~ Simpan dan lihat hasilnya?
PERINGATAN! Bagi Yang Suka COPAS! Harap Cantumkan Link Sumbernya!!!, Terimakasih.
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
- 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 Menu Blogger Style Yellow
- Cara Membuat Text Shadow/Glow Pada Judul Posting Blog
- Menu Sidebar dengan Efek Jquery Keren
.jpg)
+1.jpg)
Udah Saya Coba Liat : sahrul21.blogspot.com
ReplyDeletecakep blognya ..
Delete