Cara Membuat Facebook Like Box dan Twitter Melayang

Lufiana Blog | Cara Membuat Facebook Like Box dan Twitter Melayang, Hay sobat blogger, ketemu lagi dengan saya.. nah untuk postingan kali ini saya akan memberi tahu kalian semua tentang Cara Membuat Facebook Like Box dan Twitter Melayang, cara ini banyak digunakan oleh para blogger yang ingin tampilan Blognya jadi lebih keren sob, nah jadi untuk kalian sobat blogger patut buat nyobain ... nah kalau ada yang berminat langsung saja dech sob ikuti langkah-langkah berikut .. cusss :D

Langkah 1 : Login dulu ke akun Blogger sobat
Langkah 2 : Masuk ke Tata Letak
Langkah 3 : Klik Tambah Gadget
Langkah 4 : Pilih HTML/Java Script
Langkah 5 : Lalu masukan kode HTML di Bawah ini Sob..

<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">Minta Jempolnya Donk Sob ^_^</a></center>

<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Lufiana-Blog/287160711430294?ref=hl&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&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& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=Tika_Lufiana&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>

<a class='close' href='#'>×</a>

<br />

<div style="text-align:center">

<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://lufianablog.blogspot.com/2013/04/Cara-Membuat-Like-Box-FB-Twitter.html"> widget! </a></span>

</div>

</center></div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (50-gb.offsetWidth).toString() + "px";

</script>

</div>

NOTE :
Warna Merah : Sobat bisa menganti  kata-kata tersebut, disini saya mengunakan kata-kata Minta Jempolnya Donk Sob ^_^ biar sama kayak yang diatas.
Warna Biru : Ganti alamat diatas dengan alamat/URL Fanspage Facebook sobat
Warna Hijau : Ganti dengan Username twitter sobat diatas saya mengunakan Tika_Lufiana...

Langkah 6 : Silahkan save/simpan
Langkah 7 : Tinggal buka dech blognya sobat dan lihat keajaibannya :D

Kalau saya bisa Kenapa anda tidak..
Kalau kita mau berusaha pasti bisa kok.. Silahkan dicoba sob, semoga berhasil Good Luck.. jika ada yang kurang jelas bisa langsung di tanyakan.. Trimakasih Lufiana Blog :)

Tweet

Lufiana Blog

Hanya seorang Blogger Pemula, yang ingin serius menulis di Blog dengan gaya dan karakter sendiri

Subscribe to receive free email updates: