Tips Membuat Widget Tombol Berbagi Muat Dengan Cepat

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 penting bagi pengelola blog agar artikel bisa dibagikan oleh pengunjung bila artikel tersebut terbaik.

Dengan membuat widget tombol berbagi artikel sobat mempunyai nilai positif dan terdapat nilai lebih bagi visitor sobat dan akhirnya pengunjung akan bersedia menyebarkan postingan sobat melalui tombol berbagi yang sudah dimunculkan secara baik pada lokasi yang tepat sebelum atau setelah konten postingan.

Didalam pembuatan widget tombol berbagi 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 membuat widget tombol berbagi 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 widget tombol berbagi.

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 :

Tips Membuat Widget Tombol Berbagi Muat Dengan Cepat
  • 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 tombol berbagi 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 widget tombol berbagi dengan cepat dan tidak memberatkan permintaan atau perenderan laman.
Previous Post
Next Post

post written by:

0 20 komentar: