DewajudiQQRajacapsa
CMCPokerRajacapsa
Agen SBOBETVPS Murah
Bola Hero IndonesiaBitcoin Brunei
RezekibolaAsianpoker88

Cara Membuat Facebook dan Twitter Melayang di Blog

Cara Membuat Facebook dan Twitter Melayang di Blog – Facebook dan Twitter merupakan dua situs jejaring sosial yang paling populer di dunia. Kedua sosial media ini sangat cocok untuk mempromosikan apapun produk dan jasa bisnis anda. Termasuk juga mempromosikan blog anda, cara ini cukup efektif untuk menjaring trafik ke blog anda.

Cara Membuat Facebook dan Twitter Melayang di Blog

Dengan catatan akun sosial media anda memiliki lingkaran yang luas, baik pertemanan, pengikut, like fanspage dan lain sebagainya. Salah satu cara membuat akun sosial media blog kita memiliki lingkaran yang luas adalah dengan memasangnya di blog untuk mendapatkan lingkaran lebih luas lagi.

Salah satunya anda dapat memasang script floating atau melayang di blog anda. Nah berikut ini cara membuat Facebook dan Twitter melayang di blog dengan tombol follow dan like.

Pokermas99 Pokermas88

Cara Membuat Facebook dan Twitter Melayang di Blog

1. Masuk ke BloggerTata LetakTambahkan GadgetHTML/Java Script (posisi widget terserah)
2. Paste kode berikut:
<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 Like</a></center>

<center>

<iframe src=”//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/facebookIDanda?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>

</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=twitteranda&amp;show_count=&amp; show_screen_name=&amp;text_color=” frameborder=”0″ scrolling=”no”></iframe> </div>

3. Ganti kode warna:

  • Kuning dengan kata/kalimat yang ingin di tampilkan di kotak melayang
  • Hijau dengan ID Facebook Fanspage/Profil/Group
  • Biru dengan nama twitter kamu tanpa @
4. Simpan dan coba lihat hasilnya
Salah satu kekurangan dari cara ini adalah mungkin pengunjung blog anda akan merasa sedikit terganggu karena pop up kotak floating ini menutupi laman artikel di blog anda. Cara di atas dapat di terapkan di Blogger atau Blogspot, untuk blog WordPress lebih muda lagi karena ada banyak plugin yang bisa anda manfaatkan.
Vimax Canada

Leave a Reply

Your email address will not be published.

Uceng999 © 2015 Frontier Theme

Agen Domino QQ - Bandar Judi Poker Online - Qiu Qiu Online 99 - Dewa PokerBBM88