Cara Menambahkan tombol widget share melayang di Blog

Banyak cara untuk mendapatkan trafic  pengunjung blog kita semakin banyak dan bertambah setiap harinya. salah satunya dengan bantuan jejaring sosial seperti Facebook, Twitter, Google+ dan masih banyak lagi yang lainnya yang kian harinya semaikin berkembang. Dan fasilitas inilah yang harus kita manfaatkan sebaik mungkin.

keuntungan yang didapat, artikel blog kita akan dishare oleh para pengunjung kita dan menyebabkan trafic rank kita bakal naik juga tidak lupa untuk mempererat tali silaturahmi  hehehe . . . Lalu bagaimana caranya agar Widget Share Sosial bookmarking ini dapat melayang pada blog kita?? Yappz sangat mudah sekali dan ikutilah langkah-langkahnya berikut :

1. Seperti biasa Agan buka akun blog'a utk login

2. Pilih "Design/Rancangan"

3. Lalu Klik "Add a/tambah Gadget"

4. Kemudian Pilih dan Klik "HTML/Javascript"

5.Kemudian silahkan Agan Copy Script Widget di bawah ini dan Pastekan pada "HTML/Javascript"

<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>

6. Lalu Simpan. Dan Widget Share melayangnya telah berhasil dipasang



Selamat Berkreasi..

Related Post: