Untuk memudahkan hal ini, lebih bagus kita membuat sebuah Sharethis Button In Bottom Article Post atau berada di bawah posting sehingga memudahkan pembaca untuk mempublikasikan artikel yang kita miliki dengan cepat dan hanya dengan satu sentuhan klik. Sharethis ini sangat bermanfaat untuk sharing informasi di kalangan masyarakat khususnya di dunia maya yang kaya akan informasi dan perkembangan teknologi yang begitu cepat.
Sharethis Button memiliki cara pembuatan yang sangat mudah, hanya dengan menambahkan kode CSS dan HTML 5 di dalam template dan susunan situs Anda. Berikut adalah demo tampilan sharethis ini pada blog di blogger :
Fungsi dari penggunaan Sharethis button ini sangat banyak pilihan sesuai dengan kesuakaan pembaca. Mulai dari Share to Facebook, Twitter, Pinterest, Email, Google Plus, Hingga Share ke dalam Postingan Blog juga dapat dilakukan. Tentu, akan sangat praktis dan tentunya inovatif. Lalu bagaimana cara membuat sharethis button ini? Simak tutorial pembuatan sharethis button di bawah artikel suatu posting di blog.
Cara Membuat Sharethis Button Article Beautifull Simple di Blogger :
1. Login ke blog, masuk ke Template > Edit HTML
2. Centang Expand Widget Templates.
3. Copy kode di bawah ini dan letakkan diatas kode </body>
<script type='text/javascript'>var addthis_config = {"data_track_addressbar":true};</script>4. Lalu, lanjutkan dengan mencari kode <data:post.body/> . Jika telah ditemukan, copy kode di bawah ini di bawah kode tersebut. ( Jika ada lebih dari satu kode yang sama, pilih kode yang kedua )
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=nguoiaolam' type='text/javascript'/>
<b:if cond='data:blog.pageType == "item"'>5. Save Templates
<style type='text/css'>
.custom_images ul {display:inline; list-style:none}
.custom_images ul li {float:left; margin-right:4px}
</style>
<div class='addthis_toolbox'>
<div style='margin: 30px 0px 10px; font-size: 30px;'>Share this post</div>
<div class='custom_images'>
<span class='fade'><ul>
<li><a class='addthis_button_facebook'><img alt='Share to Facebook' border='0' height='57' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl_nraoKPuNgl-rK8I-eLdAXZ4UWpXL42FKH1Ehcd74EEgEAx2WV9T-fDD0xsDfbFIR1zGhdcI-Vf-jwD9TtUNO0UE7cjfaM2Ct4uqQPV0EjQhghTzcM2B0y65OlQESmnmlmrk7g2ib_89/s57/Facebook%2520alt%25202.png' width='57'/></a></li>
<li><a class='addthis_button_twitter'><img alt='Share to Twitter' border='0' height='57' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7wQphqM8KJhYI-x0FL1SQ5yIrI-h-Hhb2Mme87iTjKoiERJJPo0uC7SCpbZZeIFz4YEbweu_luxAp3IA1uBR7SgCCtFA0-wtk0spEer-ZJF6hHAfvQ8kfmEWArPdaPHNy5ksL75ku5_Bf/s57/Twitter%2520alt%25204.png' width='57'/></a></li>
<li><a class='addthis_button_google_plusone_share'><img alt='Share to Google+' border='0' height='57' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitYLL-Y7EufSHo63sYKezA4zV1clmTkmaE2ej-_SIYWHuEP-GVAwGwRRE3XD0-CuUtmdoAyybWO9_BjA5Du0176-RVXK_40OwRPSnkWukcyb0G80jhW8S4BBtYbaG-NDryAVYYHD11ID6T/s57/Google%252B%2520alt%25202.png' width='57'/></a></li>
<li><a class='addthis_button_stumbleupon'><img alt='Share to Stumble Upon' border='0' height='57' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9dk3ohjaj2qZLdXRIjyFePgjYMMQ5mJfWbPmUCy4Q4-s8SrAPGNUTZfv7ykv6q5HrDYRw4K9eAf0eCuOopCLGE_qPln7JlU23SjT_aMk8vP1hV5GjOR3GXlWPqHwDi9tdg40bIppGRkOJ/s57/StumbleUpon%2520alt.png' width='57'/></a></li>
<li><a class='addthis_button_evernote'><img alt='Share to Evernote' border='0' height='57' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOwar8m_CK0Gb88PQKlANnnjypTyDSKlWSdVDuDoA8JTcu8JQljicxGpXy8sQZTOkU94UJ_7o9IhWamzFRiYPquq_VfHo2LGSmuljauaXjUQCGnD22DMwAUGTDUIMkyxFKWBHmYj0pwErE/s57/evernote-icon.png' width='57'/></a></li>
<li><a class='addthis_button_blogger'><img alt='Share to Blogger' border='0' height='57' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRDPTotwBsOquefCnccpND7sEiqVJHBKrdi9RqQtv5ii68n6aDHyrpACYuP7SBGGLQTXM5rr6DXw01lp93XeCml08Q0uE9TVTdxlwo2PTV0U8Sz9hfnSYR_I6FwQK1zjxJh7tz7j-sioqH/s57/Google%2520Blogger.png' width='57'/></a></li>
<li><a class='addthis_button_email'><img alt='Share to Email' border='0' height='57' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOPrnv4DaA9IaBmTx6YDBnK2rJHqqwDWQGxS05jUwMPani23GiEQmL6rmVyP0vUOv00zKGKlK05u9oTFtyDXh8QnhCpw26oFDvI8kQAbAOfVMAiBuABbrjHo4jZNI9qhHqdZxCReSc51qs/s57/Mail%2520alt.png' width='57'/></a></li>
<li><a class='addthis_button_yahoomail'><img alt='Share to Yahoo Messenger' border='0' height='57' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi79fGSPDhDXE5qIQSLo67ymYBOeFKd3UkLbiEIW6iiS9HWzh3n2d_zPCFauFJakKE2ffKBCCqsV5o8IPPmcEtttqE9HFrtSMkW-LBQbExuXUr-Ke2oVIYMC4ovfY3QTsqR2rmekw_RyZ90/s57/Yahoo%2521%2520alt%25201.png' width='57'/></a></li>
<li><a class='addthis_button_more'><img alt='More...' border='0' height='57' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZVJtmQk_fE2b2K44diLpn0WrqYrMJ95TBvlI0Awgz9zGjsmsq319qC8Yj-EgsdktUaCMhR54ytBX0qR_usUoN4rpC_N0MzLSes9Rg109ORmgiiqzi2krcfUVIzafTYkJ_7L1kWBWbio8-/s57/Share%2520alt%25201.png' width='57'/></a></li>
</ul></span>
</div>
</div>
<div style='clear:both'/>
</b:if>
Tentu sangat mudah mengenai pembuatan sharethis artikel ini yang akan muncul di setiap postingan artikel blog kita. Mohon untuk menyertakan link sumber apabila ingin melakukan copy paste artikel, saya menanamkan hak cipta yang berlaku di setiap negara masing-masing. Terimakasih dan semoga bermanfaat. Itulah tutorial singkat dan padat tentang Cara Membuat Sharethis Button .
No comments:
Post a Comment