Cara Membuat Tombol Share di Bawah Posting Blog


 Login ke akun blogger.
 Masuk ke Template lalu pilih Edit HTML.
 Cari Kode ]]></b:skin>
 Copy kode berikut ini lalu taruh di atas kode ]]></b:skin>


.widgetshare {font:bold 12px/20px Tahoma !important; background: none;border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:7px 0 5px 0;overflow:hidden; width:600px; height:27px; color:#ccc; color: #1E90FF !important; margin-top: 10px;}
.widgetshare a{font:bold 12px/20px Tahoma !important; text-decoration: none !important; padding: 5px 4px; color: #fff !important; transition: all 1s ease;}
.widgetshare a:hover {box-shadow: 0 0 5px #00ff00; border: 1px solid #e9fbe9;}
.fcbok { background: #3B5999;border-radius: 0.25em 0.25em 0.25em 0.25em;  border:0.5px solid #3B5999; }
.twitt { background: #01BBF6;border-radius: 0.25em 0.25em 0.25em 0.25em;  border:0.5px solid #01BBF6; }
.gplus { background: #D54135;border-radius: 0.25em 0.25em 0.25em 0.25em;  border:0.5px solid #D54135; }
.digg { background: #5b88af;border-radius: 0.25em 0.25em 0.25em 0.25em;  border:0.5px solid #5b88af; }
.lkdin { background: #005a87;border-radius: 0.25em 0.25em 0.25em 0.25em;  border:0.5px solid #005a87; }
.tchno { background: #008000;border-radius: 0.25em 0.25em 0.25em 0.25em;  border:0.5px solid #008000; }
.ltsme { background: #fb8938; border-radius: 0.25em 0.25em 0.25em 0.25em;  border:0.5px solid #fb8938;}


Selanjutnya copy kode berikut ini, lalu taruh di bawah kode <data:post.body/> atau bisa juga <div class='post-footer'> 


<div class='widgetshare'>
Share artikel ke:
<a class='fcbok' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' rel='nofollow' target='_blank'>Facebook</a>
<a class='twitt' expr:href='&quot;http://twittter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Twitter</a>
<a class='gplus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Google+</a>
<a class='lkdin' expr:href='&quot;http://www.linkedin.com/cws/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Linkedin</a>
<a class='tchno' expr:href='&quot;http://technorati.com/faves?sub=addfavbtn&amp;add=&quot; + data:post.url' rel='nofollow' target='_blank'>Technorati</a>
<a class='digg' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Digg</a>
<script>
//<![CDATA[
var uri = window.location.href;
var ttle = document.title;
document.write("<a href='http://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' class='ltsme'>Lintasme</a>");
//]]>
</script>
</div> 


Langkah terakhir tinggal Simpan template lalu lihat hasilnya. 

ads

Ditulis Oleh : Unknown Hari: 10.26 Kategori:

Share artikel ke: Facebook Twitter Google+ Linkedin Technorati Digg
Facebook
0 Blogger

0 komentar:

Posting Komentar