Like Box Facebook, Twiter dan Google Plus

Bagi sobat yang ingin memasang like box di blog, sobat bisa copy paste script like box Facebook, Facebook Melayang di sebelah kanan blog, Twiter dan Google Plus dibawah ini. 

Bila ingin lebih kreatif  dan memodifikasi like box tersebut  sobat bisa otak - atik sendiri, untuk  menambah keren blog sobat. cara pemasangannya  Sebenarnya sangat mudah sekali  .Untuk pemasangan tidak perlu harus membuka rancangan edit HTML tapi cukup menggunakan HTML javascript.  Semoga ini bisa membantu sobat semua dan menjadikan motivasi untuk kesuksesan. 

cara memasang like box Facebook :
1. Masuk ke blog sobat
2. Masuk ke rancangan pilih add wiget atau tambah gatged
3. Pilih HTML / Java Script
4. Copy Script di bawah ini
5. Paste script dibawah ini di blog sobat
6. Save 

Scriptnya dibawah ini :

<div style="display:scroll;position;left:50px;left:400px;">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script src="https://kompiajaib.googlecode.com/files/slidefbnew.js" type="text/javascript"><br /></script><style></style><div style="width:99%;padding:8px 0px;background-color:#737373;font-family:arial;text-align:center;"><div style="color:#FFF;font-size:13px;font-weight:bold;">Like us and get updates</div></div><iframe scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:255px;" allowtransparency="false" src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/IDFacebookSobat&amp;width=350&amp;height=255&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=%23FFFFFF&amp;stream=false&amp;header=false"></iframe>

</div>

Catatan : Warna Merah ganti dengan ID Fb Sobat

cara memasang like box Facebook Melayang di Kanan Blog:
1. Masuk ke blog sobat
2. Masuk ke rancangan pilih add wiget atau tambah gatged
3. Pilih HTML / Java Script
4. Copy Script di bawah ini
5. Paste script dibawah ini di blog sobat
6. Save 

Scriptnya dibawah ini :

<script type="text/javascript">

//<!--

$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});

//-->

</script>

<style type="text/css">

.w2bslikebox{background: url("https://sites.google.com/site/problogiz/home/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}

.w2bslikebox div{border:none;position:relative;display:block;}

.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}

.w2bslikebox span a{color: #808080;text-decoration:none;}

.w2bslikebox span a:hover{text-decoration:underline;}

</style><div class="w2bslikebox" style="">

<div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/ID  Facebook sobat&&width=240&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=260" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 260px; width: 240px;background:#fff;"></iframe><span></span></div></div>

Catatan : Warna Merah ganti dengan ID Fb Sobat

cara memasang like box Twiter:
1. Masuk ke blog sobat
2. Masuk ke rancangan pilih add wiget atau tambah gatged
3. Pilih HTML / Java Script
4. Copy Script di bawah ini
5. Paste script dibawah ini di blog sobat
6. Save 

Scriptnya dibawah ini :

<!-- Twitter Fan Box --> <script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("Nama Twiter Sobat");</script><!-- End Twitter Fan Box -->

Catatan : Warna Merah ganti Nama ID Twiter Sobat

cara memasang like box Google Plus:
1. Masuk ke blog sobat
2. Masuk ke rancangan pilih add wiget atau tambah gatged
3. Pilih HTML / Java Script
4. Copy Script di bawah ini
5. Paste script dibawah ini di blog sobat
6. Save 

Scriptnya dibawah ini :

</script>

<g:plus href="https://plus.google.com/u/0/ID Google Plus Sobat/" width="300" height="131" margin="0px" theme="light"></g:plus></div>

<div class="fb-likebox"><div id="fb-root"></div>

<script>(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="//connect.facebook.net/en_US/all.js#xfbml=1";fjs.parentNode.insertBefore(js,fjs);}(document,'script','facebook-jssdk'));

</script>

Catatan : Warna Merah ganti Nama ID Google plus Sobat

Semoga bermanfaat dan menjadikan motivasi bagi sobat untuk terus berkarya, salam sukses selalu...

Related Post