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.

36 komentar:

Asyrull Santana Tavarasta mengatakan...

thank's sob infonya ..

Ngurah Jumaika mengatakan...

@Asyrull Santana Tavarasta : sama2 Gan...

Adk_Ozi|GM™ mengatakan...

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

Ngurah Jumaika mengatakan...

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

Ngrayudan Bersatu mengatakan...

mampir juga gan
==============================
http://ngrayudan.blogspot.com
-download
-software
-pes 2012
-movie
-business (beenero.com)

Ngurah Jumaika mengatakan...

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

Y_Magenta08 mengatakan...

koq ga bisa ya ??

Ngurah Jumaika mengatakan...

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

Y_Magenta08 mengatakan...

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

Ngurah Jumaika mengatakan...

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

arief ahsan mengatakan...

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

Ngurah Jumaika mengatakan...

@arief ahsan : OK, sama2 gan..

annisa marliana mengatakan...

visit aja ada linknya disana

Ngurah Jumaika mengatakan...

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

Y_Magenta08 mengatakan...

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

Ngurah Jumaika mengatakan...

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

Y_Magenta08 mengatakan...

Ngurah Jumaika mengatakan...

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

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

Ngurah Jumaika mengatakan...

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

Y_Magenta08 mengatakan...

udah dicopy blm ?

Ngurah Jumaika mengatakan...

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

Dafia Risma mengatakan...

Followback blog saya ya :)

Ngurah Jumaika mengatakan...

@Dafia Risma : OK...

Dapah blog mengatakan...

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

Afif [A21] mengatakan...

kunjungi juga www.chase-on.co.cc

Dapah blog mengatakan...

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

Dan Krisna 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

i-net9 mengatakan...

Thanks sudah berbagi ilmunya, sukses selalu...

sorsow 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..

She TheKill mengatakan...

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

Ikhsan Nugraha 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

Ade Putra mengatakan...

wah keren artikelnya gan....
mantap dah...

Hamzah Ch'penyayank mengatakan...

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

Posting Komentar