TIPS CARA MEMBUAT TOMBOL SHARE DI BAWAH POSTING BLOG TIPS CARA MEMBUAT TOMBOL SHARE DI BAWAH POSTING BLOG - mizipediacom TIPS CARA MEMBUAT TOMBOL SHARE DI BAWAH POSTING BLOG | mizipediacom

Iklan Semua Halaman

TIPS CARA MEMBUAT TOMBOL SHARE DI BAWAH POSTING BLOG

07 Februari 2017


Membuat Tombol Share di Bawah Posting Blog
Bagi anda yang ingin membuat tombol share berbagi di blog, anda bisa mengikuti langkah-langkah di bawah ini.
  • Anda  Login ke akun blogger.
  • Kemudian Masuk ke Template lalu pilih Edit HTML.
  • Dan anda Copy kode berikut ini lalu taruh di atas kode ]]></b:skin>
.widgetshare {font:bold 12px/20px Tahoma !important; background: #333;border: 1px solid #444; padding: 5px 4px; color: #fff !important; margin-top: 10px;}
.widgetshare a{font:bold 12px/20px Tahoma !important; text-decoration: none !important; padding: 5px 4px; color: #fff !important; border: 1px solid #222; transition: all 1s ease;}
.widgetshare a:hover {box-shadow: 0 0 5px #00ff00; border: 1px solid #e9fbe9;}
.fcbok { background: #3B5999; }
.twitt { background: #01BBF6; }
.gplus { background: #D54135; }
.digg { background: #5b88af; }
.lkdin { background: #005a87; }
.tchno { background: #008000; }
.ltsme { background: #fb8938; }
  • Selanjutnya copy kode berikut ini, lalu taruh di bawah kode <data:post.body/> atau bisa juga <div class='post-footer'>
<div class='widgetshare'>
Share artikel 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='tchno' expr:href='&quot;http://technorati.com/faves?sub=addfavbtn&amp;add=&quot; + data:post.url' rel='nofollow' target='_blank'>Technorati</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>
  • Langkah terakhir langsung tinggal Simpan template dan lihat hasilnya.
  • Demikian tutorial untuk Membuat Tombol Share di Bawah Posting Blog
  • Perlu diperhatikan dalam langkah pemasangannya, biasanya didalam template blog terdapat beberapa kode <data:post.body/> dan <div class='post-footer'> maka dari itu silahkan sesuaikan dengan template blog yang anda gunakan.
Jika kurang jelas bisa di tanyakan, terimaksih sudah berkunjung.

Bila Anda merasa memang artikel-artikel di blog ini bisa bermanfaat, maka Anda bisa membantu memberikan donasi melalui Paypal Dana hasil dari donasi akan digunakan untuk memperpanjang domain mizipedia.com - Terima kasih.