Halo ......
teman-teman....
Pada kesempatan kali ini saya ingin berbagi toturial
blogspot mengenai Fans Page Facebook Melayang di Blog, mungkin
sebagian teman-teman sudah mengetahui cara membuatnya dan sebagian mungkin ada
yang belum, maka dari itu saya sebagai salah satu dari orang yang mengetahu
cara membuatnya ingin memberitahukan kepada teman-teman semua.
Sebenarnya teman-teman, mudah sekali cara membuatnya,
karena tidak begitu rumit, pembuatannya simple akan tetapi penuh kehati-hatian,
karena jika terjadi kesalahan makan akan dapat merusak tampilan blog
teman-teman.
Langsung saja teman-teman menuju pada sub langkah
pembahasan, jika teman-teman ingin memberikan atau menghiasi blogspot
teman-teman dengan Fans Page Facebook Melayang, teman-teman
tinggal ikuti saja langkah-langkah berikut ini:
1.
Seperti biasa teman-teman Log in ke
Blog.
2.
Masuk pada Template → edit Html.
3.
Jangan lupa centang “Expand
Template Widget”.
4.
Kemudian cari kode </head> (gunakanlah
F3 biar lebih cepat dalam pencarian).
5.
Setelah ketemu, letakkanlah kode di
bawah ini, tepat di atas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'
type='text/javascript'/>
|
6.
Selanjutnya di save.
Langkah terakhir teman-teman adalah; teman-teman masuk
pada menu Tata Letak kemudian Add Gadget/ Tambah Gadget, kemudian
copy kode di bawah 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("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= Url Fans Page Facebook
&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://nuryandi-cakrawalailmupengetahuan.blogspot.com/2012/07/cara-membuat-fans-page-facebook.html"><b>Get
Widget</b></a></span></div></div>
|
Perhatikan teman-teman tulisan Url Fans Page Facebook gantilah dengan Url Fans Page Facebook teman-teman sendiri, (Contoh Url Fans Page Facebook: http://www.facebook.com/CakrawalaIlmuPengetahuan). Setelah itu di save, dan lihat teman-teman hasilnya,
semuga teman-teman berhasil membuatnya, dan jangan lupa memberikan comentar
jika sekiranya perlu.