Cara membuat widget tombol share tanpa javascript - Tombol share adalah salah satu item terpenting bagi sebuah blog yang ingin mendapatkan pengunjung lebih. Dengan adanya tombol share, pengunjung dapat dengan mudah membagikan artikel ke social media mereka.
- Seperti biasa saat ingin mengedit template lebih baik anda backup dulu template blog anda untuk mencegah hal - hal yang tidak diinginkan. Setelah itu lanjut klik Edit HTML.
- Cari kode <data:post.body/> kemudian copy kode dibawah ini dan paste dibawah kode <data:post.body/> untuk menampilkannya dibawah postingan blog, lalu save template.
<b:if cond='data:blog.pageType == "item"'><style type="text/css">#faridganteng{font:11px tahoma;padding:0;margin:5px 0}#faridganteng a,#faridganteng a:hover{color:white}</style>
<div id="faridganteng"><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' rel='nofollow' style='background:#4c68ac url(http://3.bp.blogspot.com/-wLijOSkUeMQ/UmdKgC0LDAI/AAAAAAAACDU/4fy1QKnbmtU/s1600/download.png) no-repeat;background-position-y:-159px;background-position-x:-10px;padding:10px 10px 10px 24px' target='_blank' title='Share to Facebook'>Facebook</a><a expr:href='"http://twitter.com/share?url=" + data:post.url' rel='nofollow' style='background:#00a3ff url(http://3.bp.blogspot.com/-wLijOSkUeMQ/UmdKgC0LDAI/AAAAAAAACDU/4fy1QKnbmtU/s1600/download.png) no-repeat;background-position-y:-107px;background-position-x:-10px;padding:10px 10px 10px 30px' target='_blank' title='Tweet to Twitter'>Twitter</a><a expr:href='"https://plus.google.com/share?url=" + data:post.url' rel='nofollow' style='background:#d80000 url(http://3.bp.blogspot.com/-wLijOSkUeMQ/UmdKgC0LDAI/AAAAAAAACDU/4fy1QKnbmtU/s1600/download.png) no-repeat;background-position-y:-208px;background-position-x:-10px;padding:10px 10px 10px 33px;' target='_blank' title='+1 This'>Google Plus</a></div></b:if>