Cara Membuat Widget Melayang di Blogspot

Widget melayang atau biasa sering disebut floating ini sekarang banyak digunakan para blogger untuk menghiasi blognya, tak hanya untuk memperindah tampilang blog. widget melayang ala zoomtemplate ini juga bisa dimanfaatkan untuk add bookmark sebuah artikel. Ngomong-ngomong dah lama nggak update artikel dan hati dah kangen untuk posting lagi, pada kesempatan kali ini saya sebagai admin Blogger Mobile akan berbagi cara membuat widget melayang yang bisa sobat lihat langsung demonya di blog ini.

Cara Membuat Widget Melayang

Cara Membuat Widget Melayang
Postingan ini pun sebagai permintaan dari sobat kita "aa Solah" yang berkomentar pada postingan saya (Launching MyTemplateZone Dot Com), sebelumnya saya minta maaf karna lama menuliskan tutorial ini. Itu dikarnakan kesibukan saya yang begitu padat didunia offline, update ini aja pada jam kerja :D Baik, dari pada berlama-lama dan besok dah kerja pagi lagi berikut kamu bisa langsung menyimak cara membuat widget melayang di blogspot :
  • Pertama masuk ke dashboard blogger
  • Klik 'Rancangan' >> lalu 'Edit HTML'
  • Jangan lupa centang 'Expand Template Widget'
  • Letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
#bookmarks {width:27px;height:147px;background:url(http://1.bp.blogspot.com/-CqLAaEpG0zo/TtPBkye8yLI/AAAAAAAALlg/LtdnGSSnew8/s400/likezoom.png) no-repeat 0 0;position:fixed;top:210px;left:0px;border:1px solid #ddd;-moz-border-radius:0px 5px 5px 0px;-khtml-border-radius:0px 5px 5px 0px;-webkit-border-radius:0px 5px 5px 0px;border-radius:0px 5px 5px 0px;} #bookmarks a {display:block;width:16px;height:14px;text-indent:-9999px;outline:none;margin:9px 0px 0px 5px;}
  • Setelah itu letakkan kode dibawah ini tepat diatas kode </body>
 <div id='bookmarks'>
<a class='feed' href='http://feedburner.google.com/fb/a/mailverify?uri=mytemplatezone' rel='nofollow' target='_blank' title='MyTemplateZone On Feed'>Feed</a>
<a class='facebook' href='http://www.facebook.com/mytemplatezone' rel='nofollow' target='_blank' title='MyTemplateZone On Facebook'>facebook</a>
<a class='twitter' href='http://twitter.com/mytemplatezone' rel='nofollow' target='_blank' title='MyTemplateZone On Twitter'>twitter</a>
<a class='friendfeed' href='http://friendfeed.com/' rel='nofollow' target='_blank' title='MyTemplateZone On FriendFeed'>friendfeed</a>
<a class='google plus' href='https://plus.google.com/105690597319049646819/' rel='nofollow' target='_blank' title='MyTemplateZone On Google+'>G+</a>
<a class='submit' href='http://www.mytemplatezone.com/2012/03/submit-templates.html' rel='nofollow' title='submit your templates for free'>Submit</a>
</div>
  • Terakhir 'SAVE' template sobat dan lihat hasilnya
Baca Juga :
Demikian tutorial saya kali ini tentang cara membuat widget melayang di blogspot dan semoga bisa bermanfaat bagi teman-teman, namun jika merasa ada yang kurang memahami seputar tutorial diatas silahkan untuk berkomentar pada kotak komentar yang tersedia dibawah ya :D

0 Response to "Cara Membuat Widget Melayang di Blogspot"

Posting Komentar