Popular Post

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.


  1. Pertama bukalah halaman Facebook yang akan anda tampilkan like box-nya. Kemudian silakan copy URL halaman Facebook anda.

  1. Kunjungi http://developers.facebook.com/docs/reference/plugins/like-box/ atau bisa lansung anda klik disini

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

 
  1. Silakan anda klik tombol Get Code untuk mengambil kode like box fans page anda.

  1. Klik tab iFrame, lalu copy kode like boxnya.

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

  1. Silakan paste kode like box anda tadi, lalu klik tombol Oke.

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

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.

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>
<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
<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 &amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;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

- Copyright © Situs Resmi Agus Darma - Date A Live - Powered by Blogger - Designed by Johanes Djogan -