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 : 346 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 : 201 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 : 437 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 : 583 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 : 399 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 : 330 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 : 414 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...
No Promotions For Macc Officers With Bmi Above 27 From Next Year

Tnb S Share Price Falls After Federal Court Decision On Lhdn Case

Piraum 16 Semua Parti Politik Berpeluang Jadi Kerajaan

Pengalaman Laparoskopi Buang Cyst Ovari Dari Tanda Sampai Sembuh

Dua Maut 16 Cedera Nahas Bas Persiaran Dengan Dua Lori

Nak Tanya Bekas Ketua Polis Negeri Sarawak Apa Manfaat Vape Ni Ye

Resepi Sup Bayam Dengan Cendawan

Senior Glc Manager In Sabah Nabbed Over Alleged Bribery


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


Percutian 3h2m Ke Pulau Redang Terengganu Part 1

Opening Up Zero Knowledge Proof Technology To Promote Privacy In Age Assurance

Cara Mudah Naikkan Jualan Harian Anda Dengan Sleeve Cup Custom

Insiden Letupan Gas Putra Heights Menteri Besar Selangor Dakwa Siasatan Dilakukan Dengan Bebas Dan Telus

Huawei Mungkin Dahului Apple Guna Memori Telefon Berkelajuan Tinggi

Kelantan Lombong Emas Haram Di Gua Musang Diserbu Rampasan Lebih Rm1 Juta