Cara Membuat Fans Page Facebook Melayang Di Blog


Sebelumnya Saya sudah pernah Post tentang Tips ini, namun cara itu sudah tidak bisa di gunakan lagi, jadi Saya hapus saja Post itu, tapi Saya kembali Update lagi caranya. OK, sebelum kita masuk ke langkah-langkahnya, Kalian pasti sudah tahu-kan apa itu Fans Page Facebook, itu lo SS-nya ada di atas. Baiklah, kita langsung saja ke langkah-langkahnya.

[1]. Pertama, pastinya LogIn dulu ke Blog Kalian.
[2]. Kemudian, dari Dasbor, cari Template --> Edit HTML. (Buat yang masih menggunakan tampilan Blogger lama, cari Rancangan --> Edit HTML).
[3]. Lalu cari Code </head>. (Gunakan CTRL + F atau F3, pada Keyboard untuk mempermudah pencarian).
[4]. Kalau sudah ketemu, sekarang Copy dan Paste-kan Code di bawah, tepat di ATAS Code </head>.
<script src='http://jmk-js.googlecode.com/files/Fans%20Page%20FB.js' type='text/javascript'/>
[5]. Nah kalau sudah dengan yang di atas, kemudian Simpan Perubahan.
[6]. Sekarang lanjut, cari Tata Letak --> Add Gadget --> HTML/JavaScript.
[7]. Kemudian masukan Code di bawah ke dalamnya.
<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("https://sites.google.com/site/rakasajmk/download-1/download-2/Fans%20Page%20FB.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:300px;}
.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=https://www.facebook.com/pages/Fb-Blog-JmK-/237053579685991&amp;width=245&amp;height=330&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=FFFFFF&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="background:#0099FF; -moz-opacity: 0.1; opacity: 0.9; -khtml-opacity: 0.0; margin:0 auto 10px; padding:3px; border:none; overflow:hidden; width:245px; height:330px;" allowtransparency="true" ></iframe><span></span></div></div>
KETERANGAN :
* Code yang berwarna Kuning, adalah tinggi atau rendah posisinya, Kalian bisa menggantinya sesuai keinginan Kalian. (Semakin kecil angkanya, semakin Tinggi posisinya, dan semakin besar angkanya, semakin rendah posisinya).
* Code yang berwarna Biru, ganti dengan URL Fans Page Facebook Kalian.
* Sedangkan Code yang berwarna Merah, adalah Backgroundnya, Kalian bisa menggantinya dengan warna yang lain. Code Warna HTML...??? Klik di SINI.

[8]. Terakhir, tinggal di SAVE dan lihat hasilnya.

Sekian dulu Tips Blogger kali ini, semoga Tips ini bermafaat buat Kalian semua, dan semoga Tips ini tidak kalah dengan Tips Blogger yang lain.

Salam Blogger Indonesia.

34 komentar:

indo cyber corp mengatakan...

thank's sob infonya ..

Unknown mengatakan...

@Asyrull Santana Tavarasta : sama2 Gan...

rozie mengatakan...

nice info
please join blog me sob ♥>,< http://oziecyber.blogspot.com

Unknown mengatakan...

@Adk_Ozi|GM™ : OK, di tunggu ya...
thank's atas koment dan kunjungannya...

Unknown mengatakan...

@Ngrayudan Bersatu : OK gan di tunggu ya...

ㅇㅣ라 mengatakan...

koq ga bisa ya ??

Unknown mengatakan...

@Y_Magenta08 : maksud'a gk bisa,,, gk keluar Fans Pagenya..???

ㅇㅣ라 mengatakan...

udah koq .. makasih infonya ..
btw tukaran link mw ga ?? :D

Unknown mengatakan...

@Y_Magenta08 : boleh, mana linknya...???

arief ahsan mengatakan...

numpang baca-baca aja,, sy lagi cari yang seperti ini, thanks yah

Unknown mengatakan...

@arief ahsan : OK, sama2 gan..

Unknown mengatakan...

visit aja ada linknya disana

Unknown mengatakan...

@annisa marliana : OK. di tunggu ya...

ㅇㅣ라 mengatakan...

linknya ada di blog aku ,, ga bisa dicopas disini ..

Unknown mengatakan...

@Y_Magenta08 : maksudnya agan gimana...???

ㅇㅣ라 mengatakan...

Ngurah Jumaika mengatakan...

@Y_Magenta08 : boleh, mana linknya...???

y kan aku jawab linknya ada di blog aku ..
soalnya di copas disini ga bisa

Unknown mengatakan...

@Y_Magenta08 : ohhh, waktu ini gk bisa kelihatan profilenya, sekarang baru bisa...

ㅇㅣ라 mengatakan...

udah dicopy blm ?

Unknown mengatakan...

@Y_Magenta08 : udah gan, tuh udah di pasang....

Unknown mengatakan...

Followback blog saya ya :)

Unknown mengatakan...

@Dafia Risma : OK...

Dapah blog mengatakan...

Coba dulu sob... Salam sukses selalu...

Unknown mengatakan...

kunjungi juga www.chase-on.co.cc

Dapah blog mengatakan...

Wah keren sob, bermanfaat sekali artikelnya. Salam sukses selalu sob.

Unknown mengatakan...

wah,sama2 dari bali nih
thx infonya gan,berguna banget

Mang uem mengatakan...

Thanks sudah berbagi ilmunya, sukses selalu...

Stephan El Shaarawy mengatakan...

makasih infonya, ane udah coba... :D

Anonim mengatakan...

Thanks sudah berbagi ilmunya, sukses selalu...

Anonim mengatakan...

gan.. klo menmpilkan fans page'y untuk pertama kali masuk blog bgaimana..?
stelh bbrp detik keluar sendiri gitu..:)
sprtinya keren..
tapi boleh lah ini..

Anonim mengatakan...

terima kasih bos,... ngak ada contohnyademonya ya ?

Unknown mengatakan...

http://chakyaulia.blogspot.com/
Kunjungi, untuk jika Ingin mencari Software full version, animes , naruto ,one piece , film , cheat , games ,,

maksh ntk info like fb nha

PPS Larangan Perreng mengatakan...

Thank You, Mantab

fla wallpaper mengatakan...

terimakasi, sangat membantu saya

sss mengatakan...

MNTAP NGAN.....
sngat membantu...
maen2 tempat kmi ea.. http://hamzah1998.blogspot.co.id/

Posting Komentar