Blog News and Shares News kali ini memberikan Tips dan trik mudah membuat Tombol Share di Blog
Cara Mudah Memasang Tombol Share atau Tombol Bagikan di Blog
Sebetulnya untuk tamplate asli bawaan dari blogger sudah tersedia, tapi untuk tamplate hasil download mungkin banyak yang belum menyediakan. Bagi sobat yang berminat untuk memasangnya, silakan ikuti langkah - langkah cara memasang tombol share di bawah postingan blog berikut ini
Ikuti Langkah-langkah Mudahnya Seperti di bawah ini
1. Log in Ke Blogg Sobat
2. Pilih "Template:
3. Klik " Cadangkan/Pulihkan " untuk menjaga terjadi hal yang tidak diinginkan
heheheh alias kita backup dulu
4. Klik " Edit HTML " cari Kode
]]></b:skin>
5. Copy/Paste Kode di bawah ini tepat diatas kode ]]></b:skin>
.fbshare {line-height: 20px; color: #fff !important; background: #3b5998; text-decoration: none !important; border: 1px solid #313c7d; padding: 3px; font-family: Tahoma, 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: Tahoma, verdana, sans-serif; font-size: 12px; line-height: 20px; border-radius: 2px;}
.sharebutton {background: #cccccc;border: 1px solid #999;padding: 5px;}
6. Kemudian cari Kode <data:post.body/>
7. Kemudian copy/paste kode dibawah ini tepat dibawah kode
<data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='sharebutton'>
Share This Article To:
<a class='fbshare' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' rel='nofollow' target='_blank'>Facebook</a>
<a class='twshare' expr:href='"http://twitter.com/share?url=" + data:post.url' rel='nofollow' target='_blank'>Twitter</a>
<a class='plshare' expr:href='"https://plus.google.com/share?url=" + data:post.url' rel='nofollow' target='_blank'>Google+</a>
</div>
</b:if>
8. Kemudian Save/Simpan
9. Lihat hasilnya Semoga Bermanfaat
thks infonya bos
ReplyDelete