Tuesday, December 4, 2012

Cara Menambahkan Like Button Keren

Hoy sob saya akan memberikan sedikit trik buat widget atau widget like button facebook yang keren. Caranya sobat harus punya halaman fans page facebook dulu dan setelah itu buat Like Button yang keren seperti gambar dibawah ini !!!

Like Button

Nah sobat pasti mau kan????
Tertarik kan?????
Ya sudah saya akan memberikan cara membuatnya.......!!!!!

Caranya adalah :
1. Login ke blogger : disini
2. Klik Tata Letak Widget,
3. Tambahkan Gadget lalu pilih HTML/JavaScript,
4. Tambahkan JavaScript dibawah ini :

<style type="text/css"> .barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_1gUre2dghkX557PaZCswO5_NrlpW4ZYjZiVAsFowcoD_cs652JPP2rIuDds2rVZqmp646ZxBVHnTDHaKzkaDO5npPgrD8ZBc3L0ZYJ3wwYh_nyfQBQNrR7bqY9cD9ZRuih_ZTBVpA4yu/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;} .barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheoQMI41h_sX_zRgBjhdrwOoYEFIv8VwGkjxVTmoahYzwt_cGF7BvyyfwZUcgoV-SpuQJn-hTh6LvvBZSrofKkuZp7d8h02FN1KAw6R63wsD8t7e7bIv7u3f9rbMCdTnwVafysZxRcUcVu/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;} .barcontefacebook{margin:5px 0 0 47px} </style> <div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'"onmouseout="this.className='barrightfacebook'"> <div class="barcontefacebook"> <iframe src="URL-FANS-PAGE ANDA&amp;width=250&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;appId=286045748116584" scrolling="no" frameborder="0" style="border:none; overflow:hidden;width:250px; height:290px;" allowtransparency="true"></iframe> </div> </div>
  • Ket I : Kata "URL FANS PAGE ANDA" itu ganti dengan URL milik anda dengan seperti contoh milik saya : ( //www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Informasi-Menarik/243843775741533 )
  • Ket II : URL titik dua dan garis miring yang ditandai warna BIRU sobat ganti dengan kode berikut :

: ganti dengan %3A
// ganti dengan %2F%2F
/ ganti dengan %2F

Selesai deh......!!!!

0 Comments:

Post a Comment

{Ayo tulis bila ada masukan serta pertanyaan di bawah ini }

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
PEMBERITAHUAN KEPADA SEMUA PENGUNJUNG, BAHWA BLOG INI TIDAK AKTIF (UPDATE) LAGI, DAN DIGANTIKAN KE : "{ http://information-attract.blogspot.com }"
Free Web Hosting