Tips meletakkan Share Tool mengambang pada Postingan

widget share icon


Semakin banyak View yang muncul pada page Maka akan semakin tinggi pagerank yang kita dapat. Banyak cara orang untuk menarik pengunjung agar terarah dalam satu page kita. salah satunya adalah Sharing, baik di social network maupun di layanan share lainnya. Saya akan memberi sedikit tips buat nampilin icon/share tool pada postingan yang kita publikasikan.
Agar para pengunjung juga bisa berbagi informasi ke berbagai
layanan Social Network ( Misalkan Facebook, Twitter, Google+, YM dll..). Nah sekarang bagaimana caranya :

Silakan copas kode dibawah ini untuk mulai menggunakannya. Paste saja di tempat mana anda ingin widget ini keluar. Disarankan untuk meletakkannya tepat dibawah postingan.

Cara pemasangan:

** Masuk ke Dashboard Blog

** Pilih Add Gadget

** Klik HTML

** Copas Code dibawah ini :

<style type="text/css">
*{margin:0;padding:0;}

* html #z33sHare{

position: absolute;
}

#z33sHare{

left:10%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;
position:fixed;
top: 35%;
}

#z33sHare div{

padding:6px 6px 6px 5px;
}

#stw{

margin-left:-2px;
}

#sfs{

margin-left:-5px;
}

</style>

<div id="z33sHare">
<div id="ssl-box">
<div id='pageshare' title="Share AF Sahabat Artikel and Thank U for Coming">
<div id="stw">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
<div>
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><div style="clear:both;">
</div>
</div>


Klik Save dan View untuk melihat hasilnya.




Widget telah terpasang dengan manis diakhir semua postingan anda.

Sugeng njajal....

Like THIS :
Share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di BDariku

Belum ada komentar untuk "Tips meletakkan Share Tool mengambang pada Postingan"

Posting Komentar