Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

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

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 ]]>
#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
 

Feed
facebook
twitter
friendfeed
G+
Submit
  • Terakhir 'SAVE' template sobat dan lihat hasilnya
Baca Juga :
  • Contoh Blog Dummy Yang Bagus dan Berkualitas
  • Pengertian Blog Dummy dan Manfaatnya

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



This post first appeared on Wafariq, please read the originial post: here

Share the post

Cara Membuat Widget Melayang di Blogspot

×

Subscribe to Wafariq

Get updates delivered right to your inbox!

Thank you for your subscription

×