Bagaimana caranya membuat daftar menu animasi yang berada di sayap kanan atau kiri blog anda, seperti punya saya contohnya. Widget Daftar menu ini salah satu yang paling menarik menurut saya, contohnya anda dapat melihat sayap kanan blog saya terdapat daftar menu animasi. Menarik bukan. berikut ini langkah - langkah membuatnya.
1. Sign In Blogger anda.
2. Pilih Tata Letak kemudian klik Edit HTML.
3. Back up template dulu, kalau takut gagal, atau terjadi apa2
4. Jangan Lupa Centang Expand Widget Template
4. Cari kode ini : </head> pada template anda.
5. Copy Seluruh kode dibawah ini, kemudian paste tepat diatas kode tadi :
<style>
#menu1 a {color:white;background-color:#3D81EE;text-decoration:none;text-indent:1ex;}
#menu1 a:active {color:white;text-decoration:none;}
#menu1 a:hover {color:brown;background-color:#0066CC}
#menu1 a:visited {color:yellow;text-decoration:none;}
</style>
<script language='JavaScript1.2' src='http://www.geocities.com/adestd40/mmenu.js'/>
<script>
resizereinit=true;
menu[1] = {
id:'menu1',
bartext:'MENU BLOG',
menupos:'right',
barbgcolor:"#FF0000",
barcolor:"WHITE",
barfontweight:"bold",
barfontsize:'100%',
bordercolor:'#ffffff',
fontsize:'100%',
linkheight:20 ,
hdingwidth:210 ,
menuItems:[
["Home", "http://www.shahfutra.blogspot.com", "_self"],
["Blogger Tutorial", "http://shahfutra.blogspot.com/search/label/Blogger%20Tutorial/", ""],
["Resensi Film", "http://shahfutra.blogspot.com/search/label/Resensi%20Film/", ""],
["Motivasi Diri", "http://shahfutra.blogspot.com/search/label/Motivasi%20Diri/", ""],
["Ilmu Pengetahuan", "http://shahfutra.blogspot.com/search/label/Ilmu%20Pengetahuan", ""],
["Computer Program", "http://shahfutra.blogspot.com/search/label/Computer%20dan%20Pemrograman", ""],
["Biography", "http://shahfutra.blogspot.com/search/label/Biography/Tukar%20Link", ""],
["Ilmu Internet", "http://shahfutra.blogspot.com/search/label/Ilmu%20Internet/Blog%20Kontes", ""],
["Religion", "http://islamourchoice.blogspot.com/", ""],
["Alam Semesta", "http://shahfutra.blogspot.com/search/label/Alam%20Semesta", ""],
["English Learning", "http://shahfutra.blogspot.com/search/label/English%20Learning", ""],
["Contact Me", "http://www.blogger.com/profile/08041374702918325088", ""],
["Back To Top", "#", ""] //pada akhir entry jangan dikasih koma
]};
make_menus();
</script>
Data-data diatas merupakan data yang ditampilkan dalam menu melayang blog saya
Gantilah yang bercetak teabal dengan data-data yang ingin anda tampilkan.
Setelah selesai Klik Simpan Template.
Lihat Blog anda sekarang.
Widget Daftar Menu diatas terletak di sayap sebelah kanan blog anda, jika anda ingin merubahnya jadi di sayap sebelah kiri, gantilah kalimat ini menupos:'left', menjadi menupos:'right',
ok Moga Bermanfaat..beri comment yah..
1. Sign In Blogger anda.
2. Pilih Tata Letak kemudian klik Edit HTML.
3. Back up template dulu, kalau takut gagal, atau terjadi apa2
4. Jangan Lupa Centang Expand Widget Template
4. Cari kode ini : </head> pada template anda.
5. Copy Seluruh kode dibawah ini, kemudian paste tepat diatas kode tadi :
<style>
#menu1 a {color:white;background-color:#3D81EE;text-decoration:none;text-indent:1ex;}
#menu1 a:active {color:white;text-decoration:none;}
#menu1 a:hover {color:brown;background-color:#0066CC}
#menu1 a:visited {color:yellow;text-decoration:none;}
</style>
<script language='JavaScript1.2' src='http://www.geocities.com/adestd40/mmenu.js'/>
<script>
resizereinit=true;
menu[1] = {
id:'menu1',
bartext:'MENU BLOG',
menupos:'right',
barbgcolor:"#FF0000",
barcolor:"WHITE",
barfontweight:"bold",
barfontsize:'100%',
bordercolor:'#ffffff',
fontsize:'100%',
linkheight:20 ,
hdingwidth:210 ,
menuItems:[
["Home", "http://www.shahfutra.blogspot.com", "_self"],
["Blogger Tutorial", "http://shahfutra.blogspot.com/search/label/Blogger%20Tutorial/", ""],
["Resensi Film", "http://shahfutra.blogspot.com/search/label/Resensi%20Film/", ""],
["Motivasi Diri", "http://shahfutra.blogspot.com/search/label/Motivasi%20Diri/", ""],
["Ilmu Pengetahuan", "http://shahfutra.blogspot.com/search/label/Ilmu%20Pengetahuan", ""],
["Computer Program", "http://shahfutra.blogspot.com/search/label/Computer%20dan%20Pemrograman", ""],
["Biography", "http://shahfutra.blogspot.com/search/label/Biography/Tukar%20Link", ""],
["Ilmu Internet", "http://shahfutra.blogspot.com/search/label/Ilmu%20Internet/Blog%20Kontes", ""],
["Religion", "http://islamourchoice.blogspot.com/", ""],
["Alam Semesta", "http://shahfutra.blogspot.com/search/label/Alam%20Semesta", ""],
["English Learning", "http://shahfutra.blogspot.com/search/label/English%20Learning", ""],
["Contact Me", "http://www.blogger.com/profile/08041374702918325088", ""],
["Back To Top", "#", ""] //pada akhir entry jangan dikasih koma
]};
make_menus();
</script>
Data-data diatas merupakan data yang ditampilkan dalam menu melayang blog saya
Gantilah yang bercetak teabal dengan data-data yang ingin anda tampilkan.
Setelah selesai Klik Simpan Template.
Lihat Blog anda sekarang.
Widget Daftar Menu diatas terletak di sayap sebelah kanan blog anda, jika anda ingin merubahnya jadi di sayap sebelah kiri, gantilah kalimat ini menupos:'left', menjadi menupos:'right',
ok Moga Bermanfaat..beri comment yah..
wah...Maz this good post...q coba aja he..he..thnxs alot....
ReplyDeleteok..coba ja..ntr ada problem don't hehistate to share..
ReplyDeleteBlognya keren abieeeeeeeeeeeeeeeeeez dech.Kunjungan balik
ReplyDeleteTo mas, Hendy yan thx atas ucapannya hehehe....
ReplyDeleteTo Mutiara, ia kyknya semakin bersaing untuk memperlengkap fitur2 hehehe...
wah, blognya bagus... minta saran untuk blog saya... maklum baru coba
ReplyDeletewkkkkkkk goood
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteAwesome work there. I signed to your rss feed!
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteHello. And Bye.
ReplyDelete