Apply to be a Chitika Publisher!

Pages

Tuesday, April 3, 2012

Cara Menambahkan Widget Share Melayang di Blog

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

NB : 
Sobat bisa menggantinya sesuai keinginan, baik itu Kanan Kirinya Isi Widget'a Serta Tinggi rendahnya.  
#>  left:10%  Silahkan sobat ganti dan sesuaikan dengan posisi template dan Penempatan Widget ini. Jika ingin di sebelah kanan rubah jadi right
#>  top: 35%  Sobat dapat sesuaikan juga tinggi rendahnya widget ini dengan header maupun Bottom Blog.

Selamat Berkreasi dan bereksperimen ..

No comments:

Post a Comment

Jangan lupa tinggalkan komentar anda disini dan gunakan kata yang bijak dalam berkomentar.