Sabtu, 02 Februari 2013

Sharethis Button In Bottom Article Post

Berbagai macam widget cantik diterapkan, untuk membuat sebuah postingan dalam sebuah artikel diminati dan disukai para pengunjung. Tetapi tidak karena widget atau gadget yang menjadi hal utama. Hal Terpenting adalah isi dan kualitas artikel yang disampaikan kepada para pembaca. Bagi para pengunjung yang mendapatkan artikel dengan kualitas informasi yang baik, tidak sedikit dari mereka akan menyukai artikel yang kita buat bahkan hingga ingin melakukan share kembali kepada publik melalui media lain atau situs jejaring sosial.

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 = {&quot;data_track_addressbar&quot;:true};</script>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=nguoiaolam' type='text/javascript'/>
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 )

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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/AVvXsEiXVaCHEGst5Rd9-HwOhyuBvp4hZ2KdOw0_TSDcgPzAa2cxOToPVXG3a-4oOldtMAUQBLfjNCCsDZ8KnlC_SS4qS2UchBrwAH_Kefa0WEo-aNGGnYCXWOBkoSkqcfeaU4kN8rXWsL2LafjP/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/AVvXsEi9pB1n7rNKrFMV6BXfRl2WO_YguViRGcJumgMCGe9Jxk-7T8V_9Vpb33mLrP8ae6nAVHsz1bLDplMEloWdimTf6teZ-vHNdwNhnN_BMKdEGm3Sy-mvEO3nKraDmcYa3zXDrl1nWM6TIaYn/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/AVvXsEjZrLiqQCPFj3Vf2sKv61JS5cNufw0ltQK8e_pz6H9EuvJEkkcP5BileoAOiz3XnkhThUD8qAYXjvacR7qPma1h7innskEfCnrejU9PlnX3P0iHJElSG6S2sNC55864Ie0eEwNQY3cuGGxs/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/AVvXsEhop5EuHevd6hZ0FyysyPUg-osgh-tppnbUVThMQ5Jz0KGb6ceWqw-DHJEs4WSmNXwuPUiUg12rsvYz82vvOTfFvAUZ7Du8dmj8tHFbQZ8BIox8d_g7u_vRL9Dpez9KcA1kYv6Xz9Ehtz7n/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/AVvXsEhYACrmSfbHSpmOTiaabhHLPF3V-aCO9D6hgdsbFzUm_Qh3bl9cDuPaqFCGIDDgNxcm171i65sFrVZZa6dFja_fLS6yoPrTbB8f3ldyXUtr5iaZUlAkK-KT45SyjADU5OrwjqVZokgX1cbo/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/AVvXsEjpHb1sVDehJVYKinuJ24iYkvTCWt2PcD_vqFszVjOCJgVnfy93ulaFgyTHoQz8GP3rsGLDBxPH1-p1-OKcuUa-ySv7bn7vtOOkOu33N36awzclceQgYUHzsl8PlgRUQYa3glI8AQtkbOgw/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/AVvXsEiO-C2z3W2so-qByfNa7HsGqgltVSMToUbzExOTyRu6IVmmogcSKhDvJRyvrPd0O9Cruwomg96oHfKYoYjuoxgnuIvGlKgl4URMzHgpgcoxO_oH3wTcXV_IPhJOaHC0oiKguzwwK2DuIETR/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/AVvXsEiB0aPrgfYxGIPoxlCXoLA9wbv6JILHTHCmHoBJ_IE4srU3UxfGfWPbVHcrk70pDVgUnnBmkoxCkG-K7F1mfMIeFtiY_8oROFPxaRm8WeZQZ5rCb7vF3Nt3MVhdWFBZFFsdC3QtdaE0i_Io/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/AVvXsEiKVQSpxlre-eY51Mb2ZFTR2trFyvhW8iyU5INt0RNdikc4-9Zwv1d09xRJhFvVPgOSVN5jWvwNgFjxcQTfT2B_sKvLdgkgQikX2azyDvr6sE-ODhQ5p7fp9oZyoYA1PWxU8hLbXvdmyKNj/s57/Share%2520alt%25201.png' width='57'/></a></li>
</ul></span>
</div>
</div>
<div style='clear:both'/>
</b:if>
5. Save Templates

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 .

Tidak ada komentar:

Posting Komentar