Membuat Fans Page Facebook Di Blog

Posted by ALL ABOUT INFORMATION on

Tuesday, July 3, 2012

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

Assalamu'alaikum,

Oke gan, ketemu lagi sama aku "Rendy Wira Adi" (seorang pelajar yang cita-citanya jadi IT). Kali ini aku mau ngasih Artikel tentang Cara Membuat Fans Page Facebook di Blog. Langsung aja, tanpa banyak omong,karena aku takut mulut ini disolatipin sama agan-agan. hehe Langsung ke TKP =====>

1. Login di Blogger.com
2. Setelah masuk dasbor, pilih Template
3. Klik Edit HTML
4. Pilih Lanjutkan
5. Cari kode </head>
   "untuk mempermudah pencarian, bisa menggunakan Ctrl + F."
6. Copy Script dibawah ini tepat diatas kode </head>
   
   <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/> <br>
7. Simpan

Eits, belum selesai gan, selanjutnya adalah :

• Klik Tata Letak
• Kemudian Tambah Gadget
• Pilih HTML/JavaScript
• Cari kode </head>
• Copy script berikut ini tepat dibawah kode </head>
  
  <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=<b>http://www.facebook.com/PenggunaBlog</b>&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></div> </div> Ke
   
• Keterangan: URL yang dicetak tebal, kamu ganti dengan URL Halaman yang kamu kelola.
• Paste script diatas di HTML/JavaScript
• Simpan 

Oke, Semoga artikel ini bermanfaat bagi kalian. Terima kasih telah berkunjung di Ilmu Teknologi 

=>*Selamat Mencoba*<=

 

Labels: Tips dan Trik Blog

Terima kasih telah membaca postingan ini, bila ada yang ingin ditanyakan, silahkan bertanya melalui kolom komentar. Ilmu yang berkah adalah ilmu yang dimanfaatkan dengan baik dan diamalkan Membuat Fans Page Facebook Di Blog. Komentar anda memberikan masukan bagi saya