Tutorial selanjutnya kali ini adalah membuat widget fanspage like box versi pop up di blog,berhubung tadi saya sudah share cara membuat widget fanspage facebook versi pertama maka sekarang saya akan share cara membuat widget fanspage versi kedua. Tapi sebelum anda membuat fanspage like box yang versi 2 ini,anda harus terlebih dulu memahami cara membuat fanspage like box versi pertama karna apa..? karna anda memerlukan kode Iframe dan cara mendapatkan kode sudah saya jelaskan disana.
Sesuai dengan apa yang pernah saya jelaskan tadi,bahwa pemasangan facebook like box ini bisa bermanfaat untuk meningkatkan jumlah pengunjung atau traffic blog jadi kalau misalkan anda memposting sebuah link di fanspage,orang yang menyukai halaman anda tersebut otomatis akan mendapatkan pemberitahuan dari pihak facebook bahwa anda sudah membuat postingan baru,maka tidak menutup kemungkinan orang yang menyukai halaman anda pasti akan masuk di blog anda melalui link tersebut. Sekarang anda bisa membayangkan bagaimana jika fans page anda memiliki ribuan likers,otomatis banyak juga orang yang akan mengunjungi blog anda.
Karna yang tadi saya share merupakan cara membuat widget fans page like box versi 1 yaitu widget yang menetap dan sekarang merupakan facebook like box yang ke 2,widget yang versi ini terlihat seperti iklan,karna jika ada pengunjung yang masuk ke dalam blog anda otomatis pengunjung akan mendapati widget tersebut melayang menutupi halaman,dan pengunjung bisa menge klik suka atau close untuk bisa membaca postingan anda.
1. Masuk ke akun blogger milik anda. Atau bisa klik link disamping ini. www.blogger.com.
2. Masuk pada opsi Lay Out atau Tata Letak dan kemudian pilih widget Html atau Java Script.
3. Lalu kemudian copy kode di bawah,dan pastekan ditempat yang sudah tersedia,lalu klik simpan.
Cara mendapat kode Iframe gimana mas.? Gampang anda bisa baca Cara Menampilkan Fanspage Facebook Di Blog yang versi pertama.
Sesuai dengan apa yang pernah saya jelaskan tadi,bahwa pemasangan facebook like box ini bisa bermanfaat untuk meningkatkan jumlah pengunjung atau traffic blog jadi kalau misalkan anda memposting sebuah link di fanspage,orang yang menyukai halaman anda tersebut otomatis akan mendapatkan pemberitahuan dari pihak facebook bahwa anda sudah membuat postingan baru,maka tidak menutup kemungkinan orang yang menyukai halaman anda pasti akan masuk di blog anda melalui link tersebut. Sekarang anda bisa membayangkan bagaimana jika fans page anda memiliki ribuan likers,otomatis banyak juga orang yang akan mengunjungi blog anda.
(Baca Juga Cara Memasang Komentar Facebook Di Blog)
Karna yang tadi saya share merupakan cara membuat widget fans page like box versi 1 yaitu widget yang menetap dan sekarang merupakan facebook like box yang ke 2,widget yang versi ini terlihat seperti iklan,karna jika ada pengunjung yang masuk ke dalam blog anda otomatis pengunjung akan mendapati widget tersebut melayang menutupi halaman,dan pengunjung bisa menge klik suka atau close untuk bisa membaca postingan anda.
(Baca Juga Cara Membuat Desclaimer Untuk Blog)Jadi,apa anda tertarik dengan facebook like blog yang versi ke dua ini.? Jika anda tertarik berikut ini cara cara nya.
1. Masuk ke akun blogger milik anda. Atau bisa klik link disamping ini. www.blogger.com.
2. Masuk pada opsi Lay Out atau Tata Letak dan kemudian pilih widget Html atau Java Script.
3. Lalu kemudian copy kode di bawah,dan pastekan ditempat yang sudah tersedia,lalu klik simpan.
<style type='text/css'>5. Kemudian ganti kode script warna merah dengan kode script Iframe milik anda.
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<!-- Mulai --!>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdewatablogger&width&height=62&colorscheme=light&show_faces=false&header=true&stream=false&show_border=false&appId=1439296419615573" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:62px;" allowtransparency="true"></iframe>
<!-- Selesai --!>
<a class='close' href='#'>×</a></div>
Cara mendapat kode Iframe gimana mas.? Gampang anda bisa baca Cara Menampilkan Fanspage Facebook Di Blog yang versi pertama.
Cara Membuat Fanspage Facebook Melayang Di Blog
4/
5
Oleh
Unknown
0 Comments
