kali ini kita akan membahas membuat tombol share ke social bookmarking tampil di pojokan blog kita, mengerti? gak ngerti? LIHAT GAMBAR!!!
Nah..Muantap kan? misalnya kita mau naruh apa-apa di pojokan, maka gambar/widget yang anda pasang tidak akan ikut terscroll saat para pengunjung melihat ke bagian bawah blog karena gambar di pojok ini dinamis lho...Mau tahu cara buatnya, ikuti ini, gampang buanget kok,langsung ke TKP:
1.Masuk ke account blogger anda. Setelah masuk ke account maka cari Layout/Tata Letak lalu Edit HTML. Setelah masuk di edit HTML silahkan centang expand template widget.
2. Cari kode ini ya ]]></b:skin> . Kalau udah ketemu taruh kode di bawah ini di atas kode tadi:
#Lookj_keren {
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); }
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); }
3. Nah buat memodifikasi letaknya, ubah saja yang saya warnai merah. Misalnya mau di kanan bawah kamu ubah yang left jadi right, begitujuga kalau mau di atas ya tinggal ganti bottom ma top, ngerti kan?
4. Cari lagi kode </body> dan letakkan script di bawah ini sebelum kode tersebut.
<div style='border-top:0px solid #ccc;border-bottom:3px solid #FE9A2E; padding:10px 0px 10px 0px;margin:15px 0px 7px 0px;width:100%;float:left;height:20px;'><div style='float:right;'><span class='st_twitter_hcount' displayText='Tweet'/><span class='st_facebook_hcount' displayText='Share'/><span class='st_email_hcount' displayText='Email'/><span class='st_sharethis_hcount' displayText='Share'/><br/> <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher:'63b83a98-def5-427f-ac7c-4b24bcff910d'});</script><br/> </div></div>
6.kemudian save,...
