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 : 289 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 : 156 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 : 202 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 : 382 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 : 336 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 : 532 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 : 328 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 : 263 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 : 362 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...
Aquarius Career Horoscope December 2021

Leo Promise Report 2021

Mighty White Blackpepper Chicken Bun

10 Health Benefits Of Cashew Nuts

Trump Menang Apa Komen Pas Brics Ganti Dolar

Love Horoscope Sagittarius 2021

Experts Call For Govt Action As Pneumonia Deaths Rise To No 1

Ringgit Ends Stronger On Market Optimism


echo '';
Biodata Terkini Penyanyi Liza Aziz Peserta Gegar Vaganza 2024 Musim 11 GV11 Adik Beradik Kepada Azlina Aziz

Senarai Peserta Gegar Vaganza 2024 Musim 11 GV11 Tonton Konsert Minggu 1 Pada 24 November Live Di Astro Ria Sooka Online

Resepi Sos Hijau Vietnam Roll Paling Lemak dan Berkrim

Biodata Terkini Sheila Abdull Peserta Gegar Vaganza 2024 Musim 11 GV11 Penyanyi Lagu Mungkinkah

Biodata Terkini Illa Sabry Peserta Gegar Vaganza 2024 Musim 11 GV11 Penyanyi Lagu Keranamu Kekasih


Nurul Iman Selumbar Pilu Chord

Resepi Ikan Rebus Versi Thailand

Tanda Buah Pinggang Rosak Punca Dan Cara Mencegah

The Helpful Spirit A Tale Of Filial Piety And Unexpected Consequences

Fuller Moto S Custom Bmw R18 Is Inspired By The Iconic R5

Medical Follow Up Again