Membuat Widget Google Followers Melayang

Posted by Madie Zha on Thursday, December 29, 2011

Pada tutorial ini saya akan berbagi cara Membuat Widget Google Followers Melayang, maksudnya Widget Followers yang letaknya selalu di pojok Blog, walaupun halaman blog sobat di scroll / di geser, widget Follower sobat akan terus berada di bagian pojok blog.
Berikut cara Memasang Widget Google Followers Melayang :
  1. Login ke Blogger, klik Design / Rancangan > Edit HTML.
    Widget Followers Melayang
  2. Beri tanda centang pada kotak Expand Template Widget.
    Widget Google Followers Melayang
  3. Cari kode ]]></b:skin> dan kalau sudah ketemu, letakkan kode berikut tepat di atasnya
    #followers-pojok { position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
  4. Selanjutnya, carilah kode </body> dan letakkan kode berikut tepat di atasnya
    <div id='followers-pojok'> <div style='background:#dddddd; overflow: auto; padding: 1px; text-align: right;'>
    Letakkan kode Follower disini
    <font size="0.1"><span style="color: #eeeeee;">Widget by </span><a href="http://wadahtutorial.blogspot.com/" target="_blank"><span style="color: #eeeeee;">Tutorial Blog</span></a></font> </div></div>
    Ganti tulisan yang berwarna merah dengan kode followers blog sobat, Untuk mendapatkan kode Follower silakan baca Widget Followers Google Friend Connect.
  5. Jika sudah selesai klik SAVE / SIMPAN TEMPLATE, dan lihat hasilnya.
    Widget Google Followers Melayang
Silakan dicoba dan Semoga berhasil...

Sumber : Widget Google Followers Static.

.:: 1 comments .:. add Comment ::.

  1. artikel yang anda berikan sangat membantu sekali dan jangan lupa mampir ke blog saya http://obatambevenatauwasir.blogspot.com/

    ReplyDelete

m4d13_Blog