Tampilkan postingan dengan label page. Tampilkan semua postingan
Tampilkan postingan dengan label page. Tampilkan semua postingan
Minggu, 10 November 2013
Pasang Widget Slide Box Facebook Page Like Keren Di Blogger
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/AVvXsEh40doaGR8NsyT59wF-J6mcNJnpGy7w4Ft_wsR1RYipNKuJOyMhHohQLl51mLwPfekiqEzaIIoG58DFhuQ_IPvI3WBk3W63Y86Co5pi0an_IBdGsF18dUDosVtlrAzmcwRm8lbqFA_RWXNJ/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>Dont 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&width=600&height=100&connections=24&stream=false&header=false&logobar=false&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&send=false&layout=standard&width=600&show_faces=false&action=like&colorscheme=light&font&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.
Cara Membuat Fan Page Facebook Auto Hide
Cara Membuat fan page Facebook Auto Hide ( muncul tanpa di klik ) - Ada beberapa cara memodifikasi fanpage facebook , setidaknya kali ini saya akan kasih salah satunya.. Setelah mempostingan artikel tentangcara memasang headline news di blog, kali ini akan memposting tentang fanpage facebook auto hide.
Hampir mirip dengan chatbox milik ane yang bisa sobat liat di sebelah kanan halaman ini, widget ini akan muncul di bagian tepi sebelah kanan halaman blog sobat juga.
Tertarik untuk memasang widget fanpage facebook auto hide, ikuti langkah -langkahnya..
Tahap 1
1. log in ke akun Blog sobat.
2. Klik Rancangan --> Edit HTML --> Cari kode </head> ( gunakan Ctrl + F )
3. Letakkan kode berikut di atasnya.
<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js type=text/javascript/>
Tmbhn : Jika sobat dapati kode tersebut memang sudah ada, hiraukan tahap ini dan langsung ke tahap berikut..
4. Klik Save
Tahap 2
1. Klik Elemen Laman
2. Klik Tambah Gadget
3. Pilih HTML/Javascript
4. Masukkan kode berikut ke dalam kotak yang di sediakan
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/idebagus/149904085104258&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://google.comblogspot.com/2012/01/cara-membuat-fan-page-facebook-auto.html">Tutorial Here</a></span></div></div>
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/idebagus/149904085104258&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://google.comblogspot.com/2012/01/cara-membuat-fan-page-facebook-auto.html">Tutorial Here</a></span></div></div>
Tmbhn : Ganti tulisan bercetak tebal dengan URL page sobat
seperti gambar berikut..
5. Klik save dan lihat hasilnya!!
Semoga tips di atas bisa membantu sobat blogger.. Sekian.
Langganan:
Postingan (Atom)