Tutorial Membuat Facebook Page Sembunyi di Samping Blog
Pada postingan kali ini akan dibahas tutorial membuat Fcebook Page Sembunyi di samping Blog. Namun kali ini akan dibahas cari yang simple, agar bisa langsung diaplikasikan di blog sobat El Ti eF semua! Namun kayaknya langkahnya agak banyak, tapi InsyaAllah mudah diikuti!! Tanpa memperpanjang pembuka, langsung saja menuju tutorial membuat Fcebook Page Sembunyi di samping Blog!!!
Langkah2nya...
1> Masuk ke akun Blog anda
2> Pilih Design
3> Pilih Edit HTML
4> Centeng/ceklis/klik pada kotak Expand Widget Templates
5> Cari kode </head> (untuk memudahkan, gunakan CTRL+F)1> Masuk ke akun Blog anda
2> Pilih Design
3> Pilih Edit HTML
4> Centeng/ceklis/klik pada kotak Expand Widget Templates
6> Copas kode berikut tepat diatasnya
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
7> Klik Save Template
9> Pilih Add Gadget
10> HTML/Javascript
11> Copy kode dibawah ini
<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjewU2-uSjh2P8PiGot0EteEVeB-WJQiK3AbHFi_UeXab8SRGCixU47-qJFOROQDrxUgMNnAlgBb1rNugcr6-OUUzK5IWr4kc1-F266RMK-P8P7jmCdEsAKzPCHEMQxoN8klt4S_QTUPMen/") 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=URL FACEBOOK PAGE ANDA&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://ketikwww.blogspot.com/2012/01/tutorial-membuat-facebook-page-sembunyi.html ">Tutorial Here</a></span></div></div>
12> Silahkan ganti tulisan yang berwarna hijau dengan URL Facebook Page anda
13>Save, dan sekarang FP anda telah bersembunyi di samping blog!
Demikian tutorial membuat Fcebook Page Sembunyi di samping Blog, semoga dapat bermanfaat!!!
Demikian tutorial membuat Fcebook Page Sembunyi di samping Blog, semoga dapat bermanfaat!!!
| Tweet |
5 Comments
