Archive for Mei 2013
Cara Memasang Like Box Facebook di Blog Anda
By : Unknown
Selamat malam para blogger. Gimana kabar kalian?saya harap
kalian baik-baik saja. Nah kali ini saya akan menjelaskan Cara Memasang Like
Box Facebook di Blog Anda. Seperti yang anda tau, Facebook merupakan jejaring
sosial yang sangat terkenal di internet. Dengan memasang widget seperti itu
diharapkan promosi blog anda bisa lebih mudah dan cepat. Bagaimanakan caranya
menambahkan like box halaman Facebook di blog anda?Cukup mudah, silakan ikuti
langkah-langkah berikut ini.
- Pertama bukalah halaman Facebook yang akan anda tampilkan like box-nya. Kemudian silakan copy URL halaman Facebook anda.
- Kunjungi http://developers.facebook.com/docs/reference/plugins/like-box/ atau bisa lansung anda klik disini
- Setelah
anda buka halaman tersebut, silakan anda isi kolom Facebook page URL
dengan URL dari halaman Facebook anda. Kemudian silakan atur ukuran dan
tampilan dari like box yang anda ingin buat. Berikut adalah screenshotnya.
- Silakan anda klik tombol Get Code untuk mengambil kode like box fans page anda.
- Klik tab
iFrame, lalu copy kode like boxnya.
- Silakan paste saja kode like box tersebut pada blog anda. Bagi yang menggunakan mesin blog Wordpress, silakan masuk ke dasbor blog anda lalu masuk ke menu Appearance >> Widget >> tambahkan widget text lalu paste kode like box anda, lalu simpan. Namun bagi yang memakai Blogger, silakan masuk ke menu Tata Letak, tambahkan elemen baru, lalu pilih HTML/Java Script.
- Silakan paste kode like box anda tadi, lalu klik tombol Oke.
- Silakan lihat tampilan blog anda, maka akan ditemukan like box dari halaman Facebook anda.
Kini anda
sudah berhasil menampilkan like box di blog anda. Jika ada yang memberi like,
maka akan makin banyak orang yang tahu tentang blog anda.
Sekian dari artikel Cara Memasang Like Box Facebook di Blog Anda , semoga dapat bermanfaat bagi kita semua.
Sekian dari artikel Cara Memasang Like Box Facebook di Blog Anda , semoga dapat bermanfaat bagi kita semua.
setelah posting sebelumnya saya
share tutorial cara
membuat fanspage facebook blog, kali ini saya juga akan share tutorial yang
sama mengenai cara membuat fanspage pada blog, tapi tampilan dari fanspage
berikut berbeda karena tampilannya buka muncul bukan berdiam tapi pada tutorial
kali ini saya akan menshare caranya yang melayang, bila anda penasaran seperti
apa sih contohnya, silahkan anda liat gambar yang ada di sebelah
ok dari pada baca tulisan saya yang ga bermutu mending ke tutorial mengenai cara membuat likebox fanspage facebook melayang pada blog :
pertama yang harus sobat lakukan pasti login dulu ke blogger
setelah itu masuk ke bagian template anda dan jangan lupa untuk mencentang "Expand Template Widget"
setelah itu cari kode </head> ( gunakan F3 untuk mempercepat pencarian )
Setelah ketemu, letakan kode dibawah ini tepat di atas kode </head>
ok dari pada baca tulisan saya yang ga bermutu mending ke tutorial mengenai cara membuat likebox fanspage facebook melayang pada blog :
pertama yang harus sobat lakukan pasti login dulu ke blogger
setelah itu masuk ke bagian template anda dan jangan lupa untuk mencentang "Expand Template Widget"
setelah itu cari kode </head> ( gunakan F3 untuk mempercepat pencarian )
Setelah ketemu, letakan kode dibawah ini tepat di atas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'
type='text/javascript'/>
kalau
sudah, klik SAVE.
langkah selanjutnya adalah memasang widget tersebut agar muncul diblog sobat, sekarang sobat masuk dimana sobat menambahkan widget, setelah itu pilih add gadget/tambah gadget.
setelah itu masukan kode dibawah ini
langkah selanjutnya adalah memasang widget tersebut agar muncul diblog sobat, sekarang sobat masuk dimana sobat menambahkan widget, setelah itu pilih add gadget/tambah gadget.
setelah itu masukan kode dibawah 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 ANDA &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://fadilblogx.blogspot.com/2012/07/cara-membuat-likebox-fanspage-facebook.html "><b>Get Widget</b></a></span></div></div>
//<!--
$(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 ANDA &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://fadilblogx.blogspot.com/2012/07/cara-membuat-likebox-fanspage-facebook.html "><b>Get Widget</b></a></span></div></div>
ya seperti itulah kalau ada yang bingung silahkan anda
tanyakan disini, ya cukup sudah tutorial mengenai cara membuat likebox
fanspage facebook melayang pada blogx yang sangat aneh dan simple tapi moga
bermanfaat terima kasih, owh iya jangan lupa untuk meninggalkan komentar
Tag :
03 - 09 - 2013,