Membuat Icon Share di letakan di samping blog

Setiap postingan dan artikel yang telah kita terbitkan kadang ada keinginan di hati kita untuk sharing ke situs jejaringan lain nya seperti facebook,twitter,google maupun lain nya..sebenar nya banyak berbagai macam bentuk gadget share namun di postingan ini kita coba belajar membuat share icon berada di posisi samping kanan pada blog kita seperti terlihat pada gambar di bawah ini

 

Membuat share Icon untuk berbagi ke facebook ,twiter,google,maupun digg yang rencana kita letakan di samping blog kita seperti contoh di web ini cara nya cukup praktis,,

1. Anda login ke blogger.
2. Pergi ke RANCANGAN / Element laman
3. Tambahkan GADGET terserah di posisi sidebar mana aja yang anda pilih.
4. klik tambahkan HTML/JavaScript

5. Terus Copy seluruh  kode di bawah ini 
6.simpan
<style type="text/css"><br>*{margin:0;padding:0;}<br><br>* html #z33sHare{<br>position: absolute;<br>}<br><br>#z33sHare{<br>right:1%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;<br>position:fixed;<br>top: 20%;<br>}<br><br>#z33sHare div{<br>padding:6px 6px 6px 5px;<br>}<br><br>#stw{<br>margin-left:-2px;<br>}<br><br>#sfs{<br>margin-left:-5px;<br>}<br><br></style><br><div id="z33sHare"> <br><div id="ssl-box"> <br><div id="stw"> <br><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><br></div> <br><div> <a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script><br></div> <br><div> <br><script type="text/javascript"><br>(function() {<br>var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];<br>s.type = 'text/javascript';<br>s.async = true;<br>s.src = 'http://widgets.digg.com/buttons.js';<br>s1.parentNode.insertBefore(s, s1);<br>})();<br></script><br><a class="DiggThisButton DiggMedium"></a><br></div> <br></div> <br><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>

Judul: Membuat Icon Share di letakan di samping blog
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Unknown

Terimakasih atas kunjungan Sobat beserta kesediaan Anda membaca artikel ini. Kritik dan Saran sobat dapat sampaikan melalui Kotak komentar dibawah ini.