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 : 291 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 : 206 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 : 386 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 : 342 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 : 533 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 : 329 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 : 264 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 : 364 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...
Let S Not Return To The Old Ways Of Tight Media Control

Air Terjun Tujuh Puteri Bukit Sri Permata

Bank Islam Berwajah Baru Melalui Aplikasi Dan Web

Company Director Scammed Of Over Rm1mil By Inspector Harun

How To Survive Thanksgiving Travel

O G Firm Right To Dismiss Worker For Refusing Covid 19 Jab Says Industrial Court

Resipi Cheese Tart

Kyrkoherden Och Draken En F Rh Xande Saga Om Mod Och V Nskap Fr N Antika Spanien


echo '';
Senarai Lagu Tugasan Konsert Minggu 1 Gegar Vaganza 2024 Musim 11

Info Dan Sinopsis Drama Berepisod Dhia Kasyrani Slot Akasia TV3

Biodata Terkini Reshmonu Peserta Gegar Vaganza 2024 Musim 11 GV11 Penyanyi Lagu Hey Waley

Gegar Vaganza 2024 GV 11 Hadiah Tiket Peserta Juri Format Pemarkahan Dan Segala Info Tonton Live Di Astro Ria Dan Sooka

6 Janji Donald Trump Kalau Dia Naik Jadi Presiden Semula


Orang Tua Sekarang Membunuh Anaknya Secara Halus

Apabila Wanita Tertinggi Dan Paling Pendek Bertemu

Seorang Sahaja Zul Ariffin Tersasul Doa Minta 4 Isteri

Isu Artis Mangsa Buli Syafiq Yusof Gesa Produksi Main Peranan Perlu Wujudkan Suasana Friendly

Kathryn And Sydney S Fantastic Pantyhose Adventure Part One

15 Creative Diy Fall Garlands To Spruce Up Your Autumn D Cor