Sabtu, 29 September 2012

Cara membuat Widget google followers melayang


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://kemahiranpelajar.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...

Tidak ada komentar:

Posting Komentar