Friday, 8 November 2013

Cara Memasang Tombol Share / Berbagi Artikel Di Blog

Share Button adalah tombol untuk berbagi artikel blog melalui social network, tekhnik ini sangat berguna untuk promosi blog kita oleh setiap pengunjung, (tapi tergantung pengunjung, mau share atau tidak) yang jelas tombol share ini wajib ada disetiap blog. kali ini bentuk share botton akan saya buat seperti gambar dibawah ini :


Nieh Ane kasih caranya :
  • Buka Dasbor > Template > Edit HTML
  • Tekan Ctrl + F, dan cari kode ]]></b:skin> serta Copy-Pastekan kode CSS dibawah ini tepat diatasnya.
/* SHARE BUTTON */#share-just4rt{font-size:13px;margin:10px 0px 10px;padding:8px 5px;}#share-just4rt p{float:left;display:block;padding:4px 0px 5px 0px;margin:5px 3px 0;}#share-just4rt a{position:relative;float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);border-radius:5px 5px;display:block;color:#fafafa;padding:5px 8px;margin:2px 3px 3px;border:2px solid #fff;}#share-just4rt a:hover{top:1px;left:1px;box-shadow:0px 0px 3px rgba(1,1,1,.1)}
  • Cari kode <data:post.body/>, Jika ada 2 pilih yang kedua dan Copy-Pastekan kode HTML dibawah serta letakkan dibawah kode <data:post.body/>
<div id='share-just4rt'><p><b>Bagikan ke : </b></p><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;' target='_blank' title='Bagikan ke Facebook'>Facebook</a><a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' style='background:#c0361a;' target='_blank' title='Bagikan ke Google+'>Google+</a><a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;via=Just4rtBlog&amp;lang=id&quot;' rel='nofollow' style='background:#4099ff;' target='_blank' title='Bagikan ke Twitter'>Twitter</a><a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' style='background:#111111;' target='_blank' title='Bagikan ke Digg'>Digg</a><a expr:href='&quot;http://technorati.com/faves?sub=addfavbtn&amp;add=&quot; + data:post.url' rel='nofollow' style='background:#67b500;' target='_blank' title='Bagikan ke Technorati'>Technorati</a><a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' style='background:#4E7DA9;' target='_blank' title='Bagikan ke Reddit'>Reddit</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+"' target='_blank' rel='nofollow' style='background:#FF9900;' title='Bagikan ke LintasME'>Lintaskan</a>");//]]></script><div class='clear'/></div>
Note : Kode yang saya blok merah itu adalah salah satu batas kode social network yang bisa dihapus jika sobat anggap tidak perlu 
  • Lalu klik 'Simpan' dan selesai....
BAGIKAN ARTIKEL : Facebook Twitter Google+ Linkedin

Dee Gazaa

Perhatian : Semua artikel blog ini sudah diprotect, Bagi yang ingin copy-paste artikel ini, mohon lampirkan sumber linknya. Terima Kasih!

0 komentar:

Post a Comment

 

Copyright @ 2015 INFORMASI DAN TEKNOLOGI.

Designed by Deddy De Gazaa | Boh Jak