Membuat Widget Melayang Ala Zoomtemplate - 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 atau floating ala zoomtemplate yang bisa sobat lihat langsung demonya di zoomtemplate.com atau mytemplatezone.com dan widget seperti itu lah yang saya maksud.
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 cara membuat widget melayang ala zoomtemplate :
Demikian tutorial saya kali ini tentang Membuat Widget Melayang Ala Zoomtemplate dan semoga bisa bermanfaat bagi teman-teman :D
Baca juga : Kucoba.com Tempat Add Bookmark jika sobat ingin membookmark artikel ini :)
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 atau floating ala zoomtemplate yang bisa sobat lihat langsung demonya di zoomtemplate.com atau mytemplatezone.com dan widget seperti itu lah yang saya maksud.
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 cara membuat widget melayang ala zoomtemplate :
- 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
Demikian tutorial saya kali ini tentang Membuat Widget Melayang Ala Zoomtemplate dan semoga bisa bermanfaat bagi teman-teman :D
Baca juga : Kucoba.com Tempat Add Bookmark jika sobat ingin membookmark artikel ini :)
