Our social:

Adventure | Traveler | Challenge | Lifestyle

Monday, August 24, 2009

Membuat Menu Di Sayap Kanan atau Kiri Blog

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:[
[&quot;Home&quot;, &quot;http://www.shahfutra.blogspot.com&quot;, &quot;_self&quot;],
[&quot;Blogger Tutorial&quot;, &quot;http://shahfutra.blogspot.com/search/label/Blogger%20Tutorial/&quot;, &quot;&quot;],
[&quot;Resensi Film&quot;, &quot;http://shahfutra.blogspot.com/search/label/Resensi%20Film/&quot;, &quot;&quot;],
[&quot;Motivasi Diri&quot;, &quot;http://shahfutra.blogspot.com/search/label/Motivasi%20Diri/&quot;, &quot;&quot;],
[&quot;Ilmu Pengetahuan&quot;, &quot;http://shahfutra.blogspot.com/search/label/Ilmu%20Pengetahuan&quot;, &quot;&quot;],
[&quot;Computer Program&quot;, &quot;http://shahfutra.blogspot.com/search/label/Computer%20dan%20Pemrograman&quot;, &quot;&quot;],
[&quot;Biography&quot;, &quot;http://shahfutra.blogspot.com/search/label/Biography/Tukar%20Link&quot;, &quot;&quot;],
[&quot;Ilmu Internet&quot;, &quot;http://shahfutra.blogspot.com/search/label/Ilmu%20Internet/Blog%20Kontes&quot;, &quot;&quot;],
[&quot;Religion&quot;, &quot;http://islamourchoice.blogspot.com/&quot;, &quot;&quot;],
[&quot;Alam Semesta&quot;, &quot;http://shahfutra.blogspot.com/search/label/Alam%20Semesta&quot;, &quot;&quot;],
[&quot;English Learning&quot;, &quot;http://shahfutra.blogspot.com/search/label/English%20Learning&quot;, &quot;&quot;],
[&quot;Contact Me&quot;, &quot;http://www.blogger.com/profile/08041374702918325088&quot;, &quot;&quot;],
[&quot;Back To Top&quot;, &quot;#&quot;, &quot;&quot;] //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..

12 comments:

  1. wah...Maz this good post...q coba aja he..he..thnxs alot....

    ReplyDelete
  2. ok..coba ja..ntr ada problem don't hehistate to share..

    ReplyDelete
  3. Blognya keren abieeeeeeeeeeeeeeeeeez dech.Kunjungan balik

    ReplyDelete
  4. To mas, Hendy yan thx atas ucapannya hehehe....
    To Mutiara, ia kyknya semakin bersaing untuk memperlengkap fitur2 hehehe...

    ReplyDelete
  5. wah, blognya bagus... minta saran untuk blog saya... maklum baru coba

    ReplyDelete
  6. This comment has been removed by a blog administrator.

    ReplyDelete
  7. This comment has been removed by a blog administrator.

    ReplyDelete
  8. Awesome work there. I signed to your rss feed!

    ReplyDelete
  9. This comment has been removed by a blog administrator.

    ReplyDelete
  10. This comment has been removed by a blog administrator.

    ReplyDelete

Anyone can give the idea, information or question
Dont Be Shy.....