Memasang Simple Share Button Di Blog


Jika sebelumnya Saya pernah share artikel sejenis yaitu Membuat Tombol Facebook, Twitter dan Google Plus Valid HTML5, kali ini Saya share artikel serupa yaitu membuat tombol share sederhana dengan penambahan Linkedin dan Pinterest. Tombol share ini sederhana dan tidak menggunakan sama sekali JavaScript, jadi cocok agar loading blog tetap stabil. Langsung saja bagaimana pemasangannya pada blog.
Memasang Simple Share Button Di BlogPertama silakan Anda simpan CSS ini diatas kode ]]></b:skin> atau </style>.
/*Share Button*/
.sharebutton{display:block;list-style:none;margin:10px 0;padding:0}
.sharebutton a{color:#FFFFFF!important;display:block;text-decoration:none!important}
.sharebutton li{float:left;margin-right:5px;}
.share{font-weight:bold;margin-right:10px;padding:7px 0}
.fb a{background:#306199;padding:7px 15px}
.fb a:hover{background:#244872}
.linkedin a{background:#007bb6;padding:7px 15px}
.linkedin a:hover{background:#005983}
.twitter a{background:#26c4f1;padding:7px 15px}
.twitter a:hover{background:#0eaad6}
.gplus a{background:#e93f2e;padding:7px 15px}
.gplus a:hover{background:#ce2616}
.pinterest a{background:#b81621;padding:7px 15px}
.pinterest a:hover{background:#8a1119}
.pinterest{margin-right:0}Kemudian simpan kode dibawah ini <ul class='sharebutton'>
<li class='share'>Bagikan :</li>
<li class='fb'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=700,resizable=0,top=50,left=100&quot;);return false;' target='_blank' title='Share on Facebook'>Facebook</a>
</li>
<li class='linkedin'>
<a expr:href='&quot;http://www.linkedin.com/cws/share?url=&quot; + data:post.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=700,resizable=0,top=50,left=100&quot;);return false;' target='_blank' title='Share on Linkedin'>Linkedin</a>
</li>
<li class='twitter'>
<a expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=700,resizable=0,top=50,left=100&quot;);return false;' target='_blank' title='Share on Twitter'>Twitter</a>
</li>
<li class='gplus'>
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=700,resizable=0,top=50,left=100&quot;);return false;' target='_blank' title='Share on Google Plus'>Google+</a>
</li>
<li class='pinterest'>
<a href='javascript:void((function(){var%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos; ,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)})());' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=700,resizable=0,top=50,left=100&quot;);return false;' target='_blank' title='Share on Pinterest'>Pinterest</a>
</li>
</ul>Untuk memasang Simple Share Button pada blog silakan Anda cari dahulu kode seperti dibawah ini.

<b:includable id='post' var='post'>
<article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
.....
<data:post.body/>
.....
</article>
</b:includable>Setelah ditemukan kode diatas silakan Anda simpan kode tombol share tersebut diatas kode <data:post.body/> bila ingin menyimpanya diatas artikel atau simpan dibawah kode <data:post.body/> bila ingin menyimpannya dibawah artikel. Sehingga menjadi kode dibawah ini, perhatikan kode yang Saya tandai.
<b:includable id='post' var='post'>
<article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
.....
<data:post.body/>
<ul class='sharebutton'>
<li class='share'>Bagikan :</li>
<li class='fb'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=700,resizable=0,top=50,left=100&quot;);return false;' target='_blank' title='Share on Facebook'>Facebook</a>
</li>
<li class='linkedin'>
<a expr:href='&quot;http://www.linkedin.com/cws/share?url=&quot; + data:post.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=700,resizable=0,top=50,left=100&quot;);return false;' target='_blank' title='Share on Linkedin'>Linkedin</a>
</li>
<li class='twitter'>
<a expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=700,resizable=0,top=50,left=100&quot;);return false;' target='_blank' title='Share on Twitter'>Twitter</a>
</li>
<li class='gplus'>
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=700,resizable=0,top=50,left=100&quot;);return false;' target='_blank' title='Share on Google Plus'>Google+</a>
</li>
<li class='pinterest'>
<a href='javascript:void((function(){var%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos; ,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)})());' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=700,resizable=0,top=50,left=100&quot;);return false;' target='_blank' title='Share on Pinterest'>Pinterest</a>
</li>
</ul>
.....
</article>
</b:includable>Demo

Artikel ini hanyalah simpanan cache dari url asal penulis yang berkebarangkalian sudah terlalu lama atau sudah dibuang :

https://www.kangmousir.com/2014/09/memasang-simple-share-button-di-blog.html

Kempen Promosi dan Iklan
Kami memerlukan jasa baik anda untuk menyokong kempen pengiklanan dalam website kami. Serba sedikit anda telah membantu kami untuk mengekalkan servis percuma aggregating ini kepada semua.

Anda juga boleh memberikan sumbangan anda kepada kami dengan menghubungi kami di sini
Cara Lajukan Loading Blog Tahap Maksimum

Cara Lajukan Loading Blog Tahap Maksimum

papar berkaitan - pada 2/9/2020 - jumlah : 345 hits
Cara lajukan loading blog tahap maksimum Ketahui rahsia melajukan loading blog tahap maksimum Tutorial blogspot malaysiaBoleh ke Boleh ikut tutorial blogspot malaysia ini satu persatu Tapi sebelum tu aku nak ingatkan beberapa perkara yang b...
Proteksi Artikel Blog Agar Tidak Bisa Disalin

Proteksi Artikel Blog Agar Tidak Bisa Disalin

papar berkaitan - pada 30/8/2020 - jumlah : 199 hits
Seorang blogger itu kerjaannya pasti menulis artikel untuk mereka publish di blognya Pekerjaan menulis itu bukan hal yang mudah dan instan butuh proses waktu yang cukup lama untuk membuatanya Namun banyak para blogger yang seenaknya menyali...
Cara Melaporkan Blog Copas Ke Google Dmca

Cara Melaporkan Blog Copas Ke Google Dmca

papar berkaitan - pada 30/8/2020 - jumlah : 260 hits
Copas adalah istilah menyalin artikel orang lain secara sembarangan perilaku ini sangat buruk dampaknya Oleh karena itulah Saya membuat artikel ini karena Saya kesal dengan para pelaku copas yang seenaknya asal copas saja Masalahnya bukan s...
Pembangunan Blog 2020 Membuat Post Baru

Pembangunan Blog 2020 Membuat Post Baru

papar berkaitan - pada 3/9/2020 - jumlah : 435 hits
Blog yang bagus adalah blog yang penuh dengan content yang berguna Content bergantung pada niche blog kita Contohnya kalau blog kita khas untuk masakan dan resepi content blog adalah resepi pelbagai makanan dan sebagainya Blog ini ada pelba...
Pembangunan Blog 2020 Daftar Akaun Blog Google

Pembangunan Blog 2020 Daftar Akaun Blog Google

papar berkaitan - pada 3/9/2020 - jumlah : 392 hits
Salam semua lama dah rasanya tak buat tutorial Boleh tengok tutorial yang saya pernah buat sebelum ini di Ada banyak tutorial blog Microsoft Office dan lain lain Tutorial kali ini ialah bagaimana cara untuk Daftar Akaun Blog Google mengguna...
Senarai Blog September Oktober Dan November 2020 Di Blog Kak Zarida Ishak

Senarai Blog September Oktober Dan November 2020 Di Blog Kak Zarida Ishak

papar berkaitan - pada 4/9/2020 - jumlah : 582 hits
Selamat malam kepada sahabat sahabat semua Alhamduillah Naim nak share kegembiraan pabila blog Naim masuk bloglist kak Salatul Zarida untuk 3 bulan iaitu September November dan Oktober Kenapa Naim sering join segmen sebegini Antaranya sebab...
Tips Menulis Artikel Seo Blog Dan Website Tahun 2020

Tips Menulis Artikel Seo Blog Dan Website Tahun 2020

papar berkaitan - pada 4/9/2020 - jumlah : 396 hits
Sedikit perkongsian tentang SEO untuk kita sama sama amal dan buat di tahun 2020 ini The post appeared first on
Performance Blog Dianarashid Com Bulan Ogos Meningkat

Performance Blog Dianarashid Com Bulan Ogos Meningkat

papar berkaitan - pada 3/9/2020 - jumlah : 328 hits
PERFORMANCE BLOG DIANARASHID COM BULAN OGOS MENINGKAT Selepas setahun berehat bersenang senang dan mengabaikan blog ini saya buat comeback pada pertengahan Julai lalu Keputusan yang saya yakin kali ni saya mampu menguruskan blog saya dengan...
Cara Menghasilkan Uang Dengan Blog

Cara Menghasilkan Uang Dengan Blog

papar berkaitan - pada 30/8/2020 - jumlah : 412 hits
semua orang juga pasti bisa namun jika ditanya tentang menghasilkan uang lewat blog masih banyak teman teman blogger yang belum tahu caranya Nah pada kesempatan kali ini Saya ingin berbagi pengalaman tentang cara Saya Pertama tama ada baikn...
Pelancaran Aji Ya Sup Gourmet Segera Halal Pertama Malaysia Di Soup Erlicious Party

Our Real Boss Sebenarnya Bank Ya Bank

Sabtu Cari Makan Di Bandar Keningau

Bayi Lelaki Dijumpai Tepi Jalan Berhampiran Masjid

Pengalaman Tukar Skrin Retak Samsung S23 Ultra

Aisha Retno Tak Adil Chord

Wekongsi Perlindungan Perubatan Rm1 Juta Sebulan Bawah Rm50 Sahaja

Anak Sulung Daddy Rasa Macam Daddy Dah Tak Sayang Dia Lagi Luahan Anak Fizo Omar Raih Perhatian Netizen


echo '';
Info Dan Sinopsis Drama Berepisod Dendam Seorang Madu Slot Tiara Astro Prima

10 Fakta Biodata Amira Othman Yang Digosip Dengan Fattah Amin Penyanyi Lagu Bila Nak Kahwin

5 Tips Macam Mana Nak Ajak Orang Kita Suka Dating Dengan Kita

Info Dan Sinopsis Drama Berepisod Keluarga Itu Slot Lestary TV3

Bolehkah Manusia Transgender Mencapai Klimaks Selepas Bertukar


Lirik Lagu Rahsia Hati Ibu Fateh Family

Perhimpunan Di Kl Anggota Polis Cedera Dalam Pergelutan Selepas Peserta Bakar Suar

Ernie Zakri Nyanyi Dengan Peminat Netizen Terhibur Video

Coolblog Love At First Bite

Sakit Ini Biar Jadi Rahsia

Kalendar Islam 2026 Tarikh Penting Bulan Islam Jakim