2017/04/26

Tips Membuat Widget Tombol Berbagi Muat Dengan Cepat

Bila anda menulis artikel dan telah diterbitkan, tentunya pengunjung blog akan melihat bahwa postingan yang telah dibaca mempunyai nilai manfaat terutama bagi rekan atau kawan dan ada keinginan untuk membagikan secepat mungkin. Sebab dengan adanya widget tombol berbagi muat dengan cepat penting bagi pengelola blog agar artikel bisa dibagikan oleh pengunjung bila artikel tersebut terbaik.

Artikel sobat tentu mempunyai nilai positif dan terdapat nilai lebih bagi visitor dan ini memungkinkan pengunjung tentu bersedia menyebarkan postingan sobat.



Tips Membuat Widget Tombol Berbagi Muat Dengan Cepat

Didalam pembuatan widget tombol berbagi muat dengan cepat yang akan dibahas pada tulisan ini tidak mempunyai permintaan alias native sama sekali diluar bobot tanpa ada beban perenderan/pemuatan laman.


Hanya saja dalam ulasan tips ini ada kelemahan dimana sobat selaku pemilik blog tidak mengetahui jumlah dari hasil berbagi yang dilakukan oleh visitor blog, sebab berapapun angka berbagi artikel dengan diterbitkan ke sosial media dan berapapun jumlah postingan yang disukai pada artikel tersebut tidak menampilkan total keseluruhan berbagi. Hanya saja kelebihannya terdapat pada kecepatan berbagi dari adanya tombol tersebut.


Dari keterangan diatas baik itu kekurangan dan kelebihan mengenai widget tombol berbagi dan sobat ingin menerapkan berikut kode yang bisa ditempel di template sobat, cek dibawah ini skrip kodenya :

  • Buka Blogger ==>> Pilih Thema/ Template ==>> Edit HTML
  • Tempatkan kode skrip berikut setelah kode <style>
widgetshare {font:bold 12px/20px Tahoma !important;padding: 5px 4px; color: #000 !important; margin-top: 10px;}
.widgetshare a{font:bold 12px/20px Tahoma !important; text-decoration: none !important; padding: 5px 4px; color: #fff !important; transition: all 1s ease;}
.widgetshare a:hover {cursor:pointer; background:#A3A3A3 !important}
.fcbok { background: #3B5999; }
.twitt { background: #01BBF6; }
.gplus { background: #D54135; }
.digg { background: #5b88af; }
.lkdin { background: #005a87; }
.tchno { background: #008000; }
.ltsme { background: #fb8938; }

Dan dibawah ini kode skrip HTML, ganti atau pasang yang lama pake kode dibawah ini :



<div class='widgetshare'>
Bagikan ke :
<a class='fcbok' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' rel='nofollow' target='_blank'>Facebook</a>
<a class='twitt' expr:href='&quot;http://twittter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Twitter</a>
<a class='gplus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Google+</a>
<a class='lkdin' expr:href='&quot;http://www.linkedin.com/cws/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Linkedin</a>
<a class='digg' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Digg</a>
<script>
//<![CDATA[
var uri = window.location.href;
var ttle = document.title;
document.write("<a href='http://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' class='ltsme'>Lintasme</a>");
//]]>
</script>
</div>

Cek Demonya : DEMO


Baca Juga : Cara Membuat Widget Artikel Terbaru Dengan Atau Tanpa Gambar


Apakah sudah terpasang widgetnya?..

Lalu hasilnya bagaimana? Gampang tidak?
Terima kasih sudah berkunjung dan telah menerapkan tips membuat tombol berbagi dengan cepat dan tidak memberatkan permintaan atau perenderan laman.
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner