Lompat ke konten Lompat ke sidebar Lompat ke footer

Pasang Widget Slide Box Facebook Page Like Keren Di Blogger

http://picturestack.com/405/111/HFiut2a4downtOE.jpg

Hallo Sobat Blogger!
Kali ini utta Kembali Lagi akan memberikan trik blogger, yaitu 'Pasang Widget Slide Box Facebook Page Like Keren Di Blogger', dimana pada postingan saya juga sebelumnya pernah membahas :

1. Pasang Widget Popup Facebook Page Like Box With Timer. dan
2. Pasang Widget Popup Facebook Page Box With EaseOutBounce.

Jadi saya sengja untuk membuat tutorial baru ini, karena widget untuk page like box yang lalu dgn dengan tutorial yang akan saya berikan skrang sangat berbeda, dimana widget ini memiliki fungsi slide ketika, kita mengscroll kebawah mka akan kluar widget page likenya, widget ini juga pernah saya psang diblog ini, tp skrg uda gak, karena saya ingin mengurangi widget2 disidebar (sebagian penjung mengtkan blog utta ini berat).hehee.

Baiklah jika sobat ingin memasangnya silahkan ikuti langkah berikut :
1. Login Ke Akun Blog Sobat
2. Pilih Rancangan/Tata Letak
3. Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT
4. Masukan Script Berikut Di dalamnya.

<!--Slidbox --><script type="text/javascript" src="http://benyocyberprotokol.googlecode.com/files/benyoslidbox.js"></script>
<div style="position:fixed;width:600px;overflow:hidden;bottom:2px;
right:2px;display:none;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvsOIbw2r9NBcMWpIUVkDJQYaJFJs-AQAeNnssWF-gDGg6MDxE0GloTaoIecEv4H7GY3Inp20yXv2eFS8d3o92RveyWTu1_a3erjVrfM8I5u92L_wpbEa0OFA1GuM6u9W3UAW3ZHIxBJPv/s0/bo-bg-html.gif)
repeat;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;border:3px solid #111111;" id="fbslidebox">
<div style="width:600px;padding:2px 0; margin:0;overflow:hidden;">
<a href="#" style="float:right;padding:3px 3px;" id="fbcloseslidebox"><img border="0" alt="close" src="https://www.bookonthenet.net/east/RKEres/Images/CloseButtonHot.bmp" title="Click to Close"/></a>
<span style="font:normal 17px tahoma,sans-serif;color:#cc0000;text-shadow:0 0 3px #cc0000;"><center>Don't forget "LIKE" us on Facebook!!!</center></span><center><iframe style="height:100px;width:600px;" scrolling="no" frameborder="0" src="http://www.facebook.com/plugins/fan.php?id=244205558923961&amp;width=600&amp;height=100&amp;connections=24&amp;stream=false&amp;header=false&amp;logobar=false&amp;css=http://www.weblagu.info/fblike.css"></iframe>
<br/>
<br/>
<iframe src="http://www.facebook.com/plugins/like.php?href=https://www.facebook.com/UttaBlogdOtCom&amp;send=false&amp;layout=standard&amp;width=600&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=38" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:600px; height:38px;" allowtransparency="true"></iframe></center>
</div></div><!--Slidbox end -->

KET:::
- Silahkan sobat rubah teks yang berwarnah MERAH dengan URL Page Halaman masing-masing.!!

5.Terakhir Save, dan Lihat hasilnya.

Posting Komentar untuk "Pasang Widget Slide Box Facebook Page Like Keren Di Blogger"