Jumat, 01 April 2016
Advertisement
Advertisement
Widget sharing button memang sangat berguna sekali bagi para pengunjung untuk membagikan artikel terbaik, dikarenakan artikel kita mendapatkan point positif oleh pengunjung kita dan akhirnya ya seperti itu dia bersedia membagikan postingan / artikel kita melalui tombol share button yang sudah ditempatkan baik di dalam area setelah maupun sebelum konten artikel .
Didalam widget sharing button yang akan saya sampaikan ini tidak memiliki request sama sekali alias native tanpa ada beban dengan pemuatan / perenderan halaman .
Ternyata tidak hanya widget ini mempunyai kelebihan di sisi kecepatan tetapi widget ini juga memiliki kekurangan yaitu pengunjung atau kita tidak bisa melihat berapa jumlah orang yang sudah mempublishnya ke social media maupun berapa orang yang menyukai sebuah artikel tersebut .
Baca juga :
Cara Membuat Recent Post Fast Loading Blog
Membuat Random Post Loading Cepat Blogspot
Jika kita sudah melihat dari sisi kelebihan dan kekurangan widget share button ini, silahkan jika anda ingin membutuhkan kode ini silahkan di ambil gratis, berikut kodenya :
Kode css, pasang 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; }
Kode html, pasang atau ubah tombol share button lama dengan kode ini :
Berikut kodenya :
<div class='widgetshare'>Untuk demonya : DEMO
Bagikan ke :
<a class='fcbok' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' rel='nofollow' target='_blank'>Facebook</a>
<a class='twitt' expr:href='"http://twittter.com/share?url=" + data:post.url' rel='nofollow' target='_blank'>Twitter</a>
<a class='gplus' expr:href='"https://plus.google.com/share?url=" + data:post.url' rel='nofollow' target='_blank'>Google+</a>
<a class='lkdin' expr:href='"http://www.linkedin.com/cws/share?url=" + data:post.url' rel='nofollow' target='_blank'>Linkedin</a>
<a class='digg' expr:href='"http://digg.com/submit?url=" + 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>
Sudah anda pasang widgetnya ?
Bagaimana hasilnya ? mudah ?
Itulah sedikit skrip atau kode widget share button ringan atau fast loading tanpa membebankan request maupun perenderan halaman, jika ada yang perlu dipertanyakan silahkan berkomentar .
Hafid pratama,
Advertisement
Advertisement