Fan page, ya kali ini Free Informatika akan
kembali membahas tentang Fan Page Facebook untuk blog sobat, pada Fan
Page kali ini akan berbeda dengan Fan Page yang kemarin kita bahas,
Mengapa? karena saya pengin yang beda, hehehe,,,,
Ya sudah cukup. Apakah sobat semua
pernah melihat Fan Page yang tersembunyi, di blog lain? Apakah sobat
ingin membuatnya di blog sobat? ouke tak usah khawatir sob, akan kita
pelajari sekarang, so simak ya.
- Petama, pilih template lalu centang expand template widget
- Lalu cari kode </head>, letakan kode di bawah ini di atas kode </head> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>Nb: jika di blog agan sudah terpasang kode tersebut yaa ga usah di Pasang lagi nanti bikin Kacau hehehe
- Simpan Template
- Pilih Tata Letak
- Pilih Tambah gatget, pilih HTML/JavaScript
- Lalu copas kode kode berikut.<script type="text/javascript">//<!--$(document).ready(function() {$(".sektimlikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});//--></script><style type="text/css">.sektimlikebox{background: url("http://i1149.photobucket.com/albums/o589/rieztoshare/fb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 100px;padding: 0 5px 0 30px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:200px;}.sektimlikebox div{border:none;position:relative;display:block;}.sektimlikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}.sektimlikebox span a{color: #808080;text-decoration:none;}.sektimlikebox span a:hover{text-decoration:underline;}</style><div class="sektimlikebox" style=""><div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=
Letakan : URL - Fan Page Facebook sobat disini
&width=245&height=330&colorscheme=dark&show_faces=true&border_color=FFFFFF&stream=false&header=false" scrolling="no" frameborder="0" style="background:#FFF; border:none; overflow:hidden; width:245px; height:330px;" allowtransparency="true" ></iframe><span><a href="http://free-informatika.blogspot.com/2013/01/cara-membuat-kotak-fanspage-tersembunyi.html" target="_blank">Mau Widget Ini ?</a></span></div></div> - Ganti Tulisan yang berwarna Merah dengan URL Fan Page sobat. Yang terakhir, simpan dan lihat hasilnya.
Script by :http://setya-wa2n.blogspot.com