Membuat menu floating ( sisi blog )

Home » Blogger » Tips-Trik » Membuat menu floating ( sisi blog )
https://7312055318735913728-a-1802744773732722657-s-sites.googlegroups.com/site/freeshare17/collection/MenuFloating.jpg?attachauth=ANoY7cpT70hEu3JajOCfXhFmSNwZ2f-DpeGck9_uXUQwNxGSbahI1169RShQdAEJhaBC-tjcJuQFaUJCLFlbBAx7CQh94YLor0uJ7lZwKMdmQKSdN3xtXuEvF4jlBYg3lq9ohaumacWXZuWASoXTMefUg-_RC69-Ks72YwtVUx1MOBZv9zma6KTwu4qhgwDm5Cyeodl1_WxhT6mHb7yg2UUaociFuOZZcg%3D%3D&attredirects=0Semua blogger pasti berbeda-beda pikiran untuk mendesaign blognya agar terlihat menarik, makanya untuk membantu sobat-sobat yang sukaberkarya di blog, saya terus berusaha untuk posting beberapa artikel tentang blog. agar sobat blogger bisa mendesaign sendiri dan bisa merasakan kepuasan hasil karya sendiri.

kali ini saya akan membuat menu floating di sebelah kiri blog, untuk membuatnya ikuti saja cara sebagai berikut...
Seperti biasa login dulu keblog anda
Pilih dasbord lalu pilih Rancangan / Tata Letak
Pilih menu EDIT HTML

Cari kode ]]></b:skin> Untuk memudahkan pencarian
silahkan tekan CTRL + F lalu isi form dengan kode tadi

Paste kode berikut tepat di bawah kode ]]></b:skin>

<script src='https://sites.google.com/site/freeshare17/collection/floatingmenu.js.txt'
type='text/javascript'/>
<script>
YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor=&quot;black&quot;;
menuIsStatic=&quot;yes&quot;;
menuWidth=150;
menuCols=2;
hdrFontFamily=&quot;verdana&quot;;
hdrFontSize=&quot;2&quot;;
hdrFontColor=&quot;white&quot;;
hdrBGColor=&quot;#000000&quot;;
hdrAlign=&quot;left&quot;;
hdrVAlign=&quot;center&quot;;
hdrHeight=&quot;3&quot;;
linkFontFamily=&quot;Verdana&quot;;
linkFontSize=&quot;2&quot;;
linkBGColor=&quot;white&quot;;
linkOverBGColor=&quot;#FFFF99&quot;;
linkTarget=&quot;_top&quot;;
linkAlign=&quot;left&quot;;
barBGColor=&quot;black&quot;;
barFontFamily=&quot;Verdana&quot;;
barFontSize=&quot;2&quot;;
barFontColor=&quot;white&quot;;
barVAlign=&quot;top&quot;;
barWidth=20; // no quotes!!
barText=&quot;M E N U&quot;;


//*-=-=-=-=-=- BAGIAN MENU -=-=-=-=-=-=-*//

ssmItems[0]=[&quot; &quot;] //Header Menu
ssmItems[1]=[&quot;*Home&quot;, &quot;/&quot;, &quot;&quot;]
ssmItems[2]=[&quot;*About Me&quot;, &quot;https://twitter.com/irwanmc&quot;,&quot;&quot;]
ssmItems[3]=[&quot;*Bussines&quot;,
&quot;http://freeshare17.blogspot.com/2011/01/bisnis-hebat.html&quot;,&quot;&quot;]
ssmItems[4]=[&quot;*Code Bank&quot;,
&quot;http://freeshare17.blogspot.com/2010/12/daftar-code-bank-di-indonesia.html&quot;,&quot;&quot;]
ssmItems[5]=[&quot;*Translate&quot;, &quot;http://translate.google.co.id/#id|en|&quot;, &quot;_new&quot;]
ssmItems[6]=[&quot;*Traffick Alexa&quot;,
&quot;http://freeshare17.blogspot.com/2010/12/menaikan-traffick-alexa.html&quot;, &quot;&quot;]
ssmItems[7]=[&quot;*Software&quot;, &quot;http://freeshare17.blogspot.com/search/label/Software&quot;,
&quot;&quot;]
buildMenu();
</script>


Sekarang anda bisa melihat hasilnya..

Indahnya Berbagi.........
Title: Membuat menu floating ( sisi blog )
Rating: 10 out of 10 based on 24 ratings. 5 user reviews.
Writed by Topsy Krets

Related Post: