Minggu, 04 Desember 2011

Widget Google Followers Static

Widget Google Followers Static | Tutorial Blog

Pada tutorial ini saya akan berbagi cara memasang Widget Google Followers Static, 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.
Ada juga cara lain dalam memasang widget followers, yaitu Widget Google Followers Show Hide, namun kali ini kita bahas tentang Widget Followers Static.
Berikut cara Memasang Widget Google Followers Static :
  1. Login ke Blogger, klik Design / Rancangan > Edit HTML.
    Design Html
  2. Beri tanda centang pada kotak Expand Template Widget.
    Expand Widget Template
  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 soabt, Untuk mendapatkan kode Follower silakan baca Widget Followers Google Friend Connect.
  5. Jika sudah selesai klik SAVE / SIMPAN TEMPLATE, dan lihat hasilnya.
    SaveTemplate
Silakan dicoba dan Semoga berhasil...
Sekian postingan tentang Widget Google Followers Static.

Tidak ada komentar:

Posting Komentar