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>
4. Simpan Template Anda.
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}3. Cari kode berikut
.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;}
<b:if cond='data:blog.pageType == "item"'>Dan copy paste kode dibawah ini tepat di bawah <data:post.body/>
<data:post.body/>
</b:if>
<div class='sharearea'>Share Artikel Ini :*Warna Merah = ganti dengan Twitter Anda tanpa @ [at]
<a class='fbshare' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.canonicalUrl' rel='nofollow' target='_blank'>Share Facebook</a>
<a class='twshare' expr:href='"https://twitter.com/intent/tweet?original_referer=" + data:post.canonicalUrl + "&text=" + data:post.title + "&tw_p=tweetbutton&url=" + data:post.canonicalUrl + "&via=S_AdiFirmansyah"' rel='nofollow' target='_blank'>Tweet</a>
<a class='plshare' expr:href='"https://plus.google.com/share?url=" + data:post.canonicalUrl' rel='nofollow' target='_blank'>Google+</a>
<a class='twshare' expr:href='"https://twitter.com/intent/follow?original_referer=" + data:post.canonicalUrl + "&region=follow_link&screen_name=S_AdiFirmansyah&tw_p=followbutton&variant=2.0"' rel='nofollow' target='_blank'>Follow Twitter</a>
</div>
4. Simpan Template Anda.
Komentar
Posting Komentar