Tombol Share Di Blog Tanpa Javascript

1. Pertama, masuk ke Template > Edit HTML . Expand Widget Template
2. Lalu copy paste kode CSS berikut di atas kode ]]></b:skin>
.sharearea{border-top:3px solid #ccc;border-bottom:1px solid #ddd;width:100%;height:24px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px}
.fbshare {line-height: 20px; color: #fff !important; background: #3b5998; text-decoration: none !important; border: 1px solid #313c7d; padding: 3px; font-family: arial, verdana, sans-serif; font-size: 12px; border-radius: 2px;}
.twshare {color: #fff !important; background: #4099FF; text-decoration: none !important; border: 1px solid #3a8be8; padding: 3px; font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 20px; border-radius: 2px;}
.plshare {color: #fff !important; background: #c0361a; text-decoration: none !important; border: 1px solid #9c2c15; padding: 3px; font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 20px; border-radius: 2px;}
3. Cari kode berikut
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>

</b:if>
Dan copy paste kode dibawah ini tepat di bawah <data:post.body/>
<div class='sharearea'>Share Artikel Ini :
<a class='fbshare' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.canonicalUrl' rel='nofollow' target='_blank'>Share Facebook</a>
<a class='twshare' expr:href='&quot;https://twitter.com/intent/tweet?original_referer=&quot; + data:post.canonicalUrl + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;tw_p=tweetbutton&amp;url=&quot; + data:post.canonicalUrl + &quot;&amp;via=S_AdiFirmansyah&quot;' rel='nofollow' target='_blank'>Tweet</a>
<a class='plshare' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.canonicalUrl' rel='nofollow' target='_blank'>Google+</a>

<a class='twshare' expr:href='&quot;https://twitter.com/intent/follow?original_referer=&quot; + data:post.canonicalUrl + &quot;&amp;region=follow_link&amp;screen_name=S_AdiFirmansyah&amp;tw_p=followbutton&amp;variant=2.0&quot;' rel='nofollow' target='_blank'>Follow Twitter</a>
</div>
*Warna Merah = ganti dengan Twitter Anda tanpa @ [at]
4. Simpan Template Anda.

Komentar

Postingan populer dari blog ini

Merubah Tampilan Pada NOKIA N-GAGE QD & CLASIC

Cara mengatasi User-defined type not defined Visual Basic 6.0