Membuat Share Artikel di Bawah Postingan Blog

Dengan menggunakan tombol berbagi artikel ke media sosial, dapat meningkatkan popularitas konten blog kita. Cara Membuat Share Artikel di Bawah Postingan Blog:

1. letakkan kode css di atas ]]></b:skin>
.widgetshare{font:bold 12px/20px Tahoma !important; background:url(http://media.tumblr.com/e56caea58a12f244fabc1c7ec139dab2/tumblr_inline_mfnm34NnYx1qdlkyg.gif)repeat; border:2px dotted violet; padding:5px 4px; color:violet !important; margin-top:10px}
.widgetshare a{font:bold 12px/20px Tahoma !important; text-decoration:none !important; padding:5px 4px; color:#fff !important; border:1px solid #222; transition:all 1s ease}
.widgetshare a:hover{box-shadow:0 0 5px #0f0; border:1px solid #e9fbe9}
.fcbok{background:#3B5999}
.twitt{background:#01BBF6}
.gplus{background:#D54135}
.digg{background:#5b88af}
.lkdin{background:#005a87}
.tchno{background:#008000}
.ltsme{background:#fb8938}

notes: background n border ganti sesuai keinginan.

2.  Letakkan kode script berikut di bawah <data:post.body/>
<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>

3. save template.


 
Top