0
Langsung aja berikut LIKE FANSPAGE FACEBOOK MELAYANG DI BLOG berikut caranya :
1. Login ke halaman dashboard blogger kamu.
2. Setelah berada dalam halaman dashboard kamu, silahkan pilih salah satu blog yang ingin kamu sisipkan kotak like facebook melayangnya :
Cara Agar Artikel Tidak Bisa di Copy Paste   Untuk Blogspot3. Setelah mengikuti langkah 2, selanjutnya klik “Tata Letak” yang berada pada sisi kiri.

tata letak4. Setelah melakukan langkan no.3 , kamu akan melihat layout blog kamu seperti contoh blog saya ini :

Tambah GadgetKlik “Tambah Gadget” maka akan keluar Pop-up window, lalu klik “HTML/Javascript” seperti yang ditunjukan tanda panah di bawah :

gadget pop up
Lalu akan tampil window berikut :
konfigurasi HTML
Selanjutnya copy paste kode berikut ke dalam kotak yang ditunjukan oleh panah di atas :
<style type='text/css'>
/* Message Box */
position:fixed !important;
#box-message {
left:50%;
position:absolute; top:-1000px;
width:300px;
margin:0px 0px 0px -182px; height:auto; padding:16px;
color:#111;
background:#fff; font:normal Dosis, Georgia, Serif;
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
border:2px solid #333; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-border-radius:10px;
box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:10px; border-radius:10px; }
font:bold 16px Arial, Sans-Serif;
#box-message a.close { position:absolute; top:-10px; right:-10px; background:#fff; text-decoration:none;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
line-height:22px; width:22px; text-align:center; color:#111; border:2px solid #333;
-moz-border-radius:22px;
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:22px;
border: 1px solid #C7DBE2;
border-radius:22px; cursor:pointer; } #twitterx { background: #EEF9FD; padding: 10px; text-align:center; border-top: 0; } </style>
<script type='text/javascript'>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> $(window).bind("load", function() { // Animate Top Value When Page Loaded Completed $('#box-message').animate({top:"50px"}, 1000);
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/urlpagekamudisini?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
// Remove Mailbox When Close Button On Click $('a.close').click(function() { $(this).parent().fadeOut(); return false; }); }); </script> <div id='box-message'> <!-- HTML Start --> <center> </center> <!-- HTML End --> <a class='close' href='#'>&times;</a>
</div>
5.  Ganti tulisan https://www.facebook.com/urlpagekamudisini dengan URL Facebook Fanpage kamu.
6. Klik “Simpan” Selesai :)

Link : askiam.com

Posting Komentar

 
Top