Cara Memasang Like Facebook dan Twitter Follow Button di Blog

Cara Memasang Like Facebook dan Twitter Follow Button di Blog. Tetapi tidak ada salahnya saya ikut membantu rekan-rekan yang masih bingung untuk membuatnya pada postingan kali ini.

Sebagaimana kita tahu bahwa media sosial seperti facebook dan twitter adalah media yang sangat populer hingga saat ini. Bila kita bertanya-tanya adakah hubungannya dengan blog, Jelas sekali hubungannya sangat erat antara blog dan sosial media, karena kita bisa mengoptimasi blog kita menggunakan facebook dan twitter.

Untuk itu saya akan membuat Cara Memasang Like Facebook Dan Twitter Follow Buton Melayang Di Blog dengan cara yang sesederhana dan semudah mungkin untuk dipasang di blog sobat. Berikut panduan cara membuatnya :

1. Login ke Blogger.com

2. Klik Layout atau Tata Letak

3. Klik Add Gadget atau Tambah Gadget

4. Lalu Pilih HTML/JavaScript  

5, Copy Paste kan kode di bawah ini 

<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-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:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-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;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center><a class="murub">Jangan Lupa Likenya Yaa Sobbb ^_^</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Nano-Spray-Hongkong/1439075236326831&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>
</center>
<!-- HTML End -->
<br/>
<div class="twitter">
<!-- Twitter --> <iframe title="" style="width: 250px; height: 20px;" class="twitterx-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=ID&amp;link_color=&amp;screen_name=nanospraygina&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<div style="text-align: center;">
<a href="http://seospeeds.blogspot.com/2014/09/cara-memasang-like-facebook-dan-twitter-follow-button-melayang-di-blog.html" target="_blank">Get This Widget</a></div><a class='close' href='#'>&times;</a>
</div>

Keterangan :

https://www.facebook.com/pages/Nano-Spray-Hongkong : Ganti dengan alamat Fans Pages sobat

nanospraygina : Ganti dengan username Twitter sobat.

Demikianlah Panduan Cara Memasang Like Facebook dan Twitter Fokkow Button di Blog. Semoga dapat bermanfaat buat kita semua.

Memasang Form Komentar Facebook Di Blog

Memasang Form Komentar Facebook Di Blog? Jika ya, silakan ikuti langkah-langkah berikut.


1. Login ke akun Blogger sobat.
2. Masuk ke bagian Template dan klik Edit HTML.
3. Cari kode <div class='comments' id='comments'> dan masukan kode berikut tepat di bawah kode<div class='comments' id='comments'>. (# Jika terdapat 2 kode di atas, pilih yang kedua)

Membuat / Menambahkan Kolom Komentar Facebook Di Blog

Setelah saya share artikel tentang Cara Membuat Fanspage Facebook Untuk Blog, sekarang saya akan share artikel tentang bagaimana Cara Mudah Membuat / Menambahkan kolom Komentar Facebook Pada Blog untuk sobat blogger.

Lalu bagaimana cara membuat kotak komentar facebook di blog? Sebenarnya facebook sudah menyediakannya, tapi sebagian dari kita atau lebih mungkin belum tau. Saya sendiri sebenarnya tidak tau akan adanya itu, setelah saya googling-googling, akhirnya saya menemukan cara mudah membuat kolom komentar facebook di blog dan tidek ribet dalam pembuatannya.