Membuat Widget Share(Bagikan) Button Loading Cepat work 100%

Membuat Widget Share(Bagikan) Button Loading Cepat work 100%


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 .

membuat tombol share button fast load


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'>
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>

Untuk demonya : DEMO

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,


Selanjutnya
« Sebelumnya
Sebelumnya
Post Selenjutnya »

Please enable Javascript![ ? ]