Papua%20Bengkel%20Music

Jumat, 04 Januari 2013

Trik >> Buat FB Fan Page dan Like Box On Blog

Buatlah Facebook Fan Page dan Like Box di blog/website merupakan hal yang dianjurkan pada setiap bloger/websiter. Ada sejumlah trik untuk mengdesain tampilan box mantap, diantaranya :

I. Bila Anda belum memiliki FB Page, buatlah halaman tersebut

  • Login Akun FB anda
  • Klik Tampilan "Buat Halaman" yang terdapat dibawah Page atau Klik Apply disini
  • Pilih/klik opsi "Brand or Product"
  • Pilih opsi "Website" dan isikan nama Page sesuai keinginan anda (jangan lupa centang "agreement") kemudia Klik "Get Started"
  • Selanjutnya masuk ke halaman Facebook Page yang telah dibuat, lakukan kostumisasi terlebih dahulu sesuai petunjuk, misalkan : upload foto/gambar, mengedit informasi, dan lain sebagainya untuk Facebook Page anda 
  • Kemudian Buat Facebook Like Box yang nantinya dapat dipasang di blog/website (Ikuti Penjelasan kemudian)
II. Bila anda yang telah memiliki FB Fan Page, ikuti petunjuk selanjutnya dibawah ini:
  1. Buka halaman FB Like Box disini
  2. Selanjutnya setting FB Like Box dasar seperti gambar disamping
  3. Jika settingan dahh beres, klik "get code". Kemudian akan muncul pop-up window yang menampilkan 3 jenis kode, HTML5, iFrame dan XFBML, pilih salah satu dan copy kodenya. (Untuk Blogger, di sarankan gunakan HTML 5)
  4. Setelah itu, Copi dan pastekan di Blog anda : Login>>Dasboard>>Desing/Rancangn>>add gadget>>Pastekan Kode Script tadi ke dalam gadget anda.
  5. Save

Kini anda sudah memiliki FB Fan Page di Blog anda. Selamat Mencoba

Tambahan TIPS: Sembunyikan FB Fan Page di Blogspot 

Berikut caranya :
1. Masuk rancangan >tambah gadget>HTML/javascript
2. Copy kode di bawah ke html/javascript

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoIAGwEy2J3G8GThel7GzxndBrrgBxtFIOasdIbx2jzxI1JkYvr311fJsZfVLkUMkb7tCSPJfLu0NORGjjvNk0jWEeZQtyyoEe8WYD9g6OC2Suewwzy9DNRFP66e7NWNGBV9oQdIE8vVw/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/PapuaBengkelMusic&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href=" http://semoga-bermanfaaat.blogspot.com/2012/04/cara-membuat-like-box-fb-tersembunyi_18.html " target="_blank">+ Get This</a></span></div></div>
ganti tulisan yg berwarna Merah dengan ID fb fanspage anda
5. simpan.

Selanjutnya :

6. Rancangan >> edit HTML
7. Cari kode </head> lalu masukan kode di bawah ini tepat di atas </head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>
8. Save Tempelate, Kemudian lihat hasilnya.
 

Tidak ada komentar: