Memasang Pop Up Like Box Google Plus Facebook dan Twitter di Blog

Memasang Pop Up Like Box Google Plus Facebook dan Twitter di Blog - Setiap blogger dan webmasters selalu mencoba cara untuk meningkatkan peringkat blog serta readerships dan menyukai posting blog mereka. Mereka menerapkan ribuan tips dan trik agar mendapatkan lalu lintas kepada penerima & penyuka postingan mereka. Termasuk cara meningkatkan traffik blog dengan social network seperti google plus, facebook (fans page) dan twitter. Cara memasang like box melayang di blog sebenarnya bukan cara baru, karena cara yang sudah tidak asing lagi di dunia blogger, buktinya cara seperti ini sudah banyak bertebaran di blog tetangga. Tapi admin yakin pasti berbeda dengan cara memasang like box pop up di blog yang akan di ulas pada kesempatan kali ini. Lantas seperti apakah letak perbedaannya? untuk menjawab hal seperti itu, anda bisa cek screen shoot di bawah ini atau anda bisa cek langsung versi demonya..

Demo Memasang Pop Up Like Box Google Plus Facebook dan Twitter di Blog

Bagaimana meningkatkan traffic blog dengan social network Google Plus, Facebook dan Twitter di Blog

Seperti yang kita ketahui bahwa 3 situs soacial network memiliki pengguna yang paling banyak diantara beberapa situs social network lainnya, maka disinilah perannya untuk meningkatkan pengunjung blog. Karena dengan begitu dengan admin blog memiliki teman atau fans page yang banyak, maka sangat dimungkin blog yang dikelolanya akan ramai visitor. Baca : cara membuat fans page facebook. dan cara mengoptimalkan blog untuk search engine

Sekarang pertanyaannya adalah bagaimana meningkatkan trafik dari fans page google atau Halaman profil dengan cara singkat. Oleh karena itu ada widget di depan Anda yang dapat digunakan untuk mengirim postingan anda ke para fans page anda. Tapi visitor blog saya belum banyak, sedang fans page sudah ada? Kalau sudah seperti itu, maka tinggal kembalikan saja tentang konten yang anda publish diblog anda. Baca : Cara menulis content seo friendly dan cara meningkatkan visitor blog

Bagaimana cara Memasang Pop Up Like Box Google Plus Facebook dan Twitter di Blog?

Nah, untuk menjawab pertanyaan Bagaimana Cara Memasang Pop Up Like Box Google Plus Facebook dan Twitter di Blog, silahkan ikuti langkahnya di bawah ini :

• Silahkan login ke ke Dashboard Blogger anda
• Klik tata letak >> Tambah HTML / javascript gadget:
• Kemudian copy paste kode dibawah ini :

<style type='text/css'>
/* koleksiwongwinong.blogspot.com */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:35%;
margin:0px 0px 0px -182px;
width:620px;
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><h3 class='mdbox-title'>Receive all updates via Facebook, Google + and Twitter. Just Click the Like Button and Follow Below...</h3></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/koleksiwongwinong&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>
<div class="g-plus" data-action="followers" data-height="300" height="258" data-href="https://plus.google.com/116309695223454231753" data-source="blogger:blog:followers" data-width="310">
</div>
<script type="text/javascript">
(function() {
window.___gcfg = {'lang': 'en'};
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</center>
<!-- HTML End -->
<br/>
<div class="twitter">
<center><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_namesadewa&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe></center> </div>
<a class='close' href='#'>&times;</a>
</div>

• Silahkan cek blog anda 

Keteranga :

• Silahkan ganti https://www.facebook.com/koleksiwongwinong dengan url fans page anda
• Ganti https://plus.google.com/116309695223454231753 dengan url google plus anda
• Ganti Sadewa dengan username twitter anda