Cara Jitu Membuat Tombol Share di Bawah Postingan -
Memasang Button Share di Bawah Postingan -
Mesangan Share Button di Blog - Hallo bro, malem ini gue bakalan kasih beberapa kelebihan tentang widget yang ada di dalam
template blog gue, nah kali ini gue bakalan kasih widget share ini beserta cara memasangnya. Ikutin
tutorial berikut bro. :)
1. Login ke akun Blogger lo.
2. Klik menu tab "
Template" lalu klik "
Edit HTML".
3. Kemudian cari
]]></b:skin> atau supaya lebih mudak tekan tombol
Ctrl + F.
4. Kalo udah ketemu, lo letakan kode dibawah ini tepat diatas kode
]]></b:skin>
#share-button{
border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:10px 0px;width:100%;float:left;height:20px;font-family: 'Noto Sans', sans-serif; font-size: 12px; font-weight: 400;}
#share-button p{
float:left;
background:#fafafa;
display:block;
padding:5px 8px !important;
margin-top:-3px;
border-radius:6px 6px;}
#share-button a{
position:relative;
float:left;
border-radius:6px 6px;
display:block;
color:#fafafa;
padding:5px 8px;
margin:-3px 3px 3px;}
#share-button a:hover{
}
5. Setelah udah diletakan kode tadi, kemudian lo cari kode
<data:post.body/>. Tapi kalo lo udah masang Read More otomatis di template lo, maka lo pilih <data:post.body/> yang ke-3 atau ke-4, tergantung template yang lo gunain bro.
6. Kalo udah ketemu, lo letakin deh kode dibawah ini tepat dibawah kode <data:post.body/>.
<b:if cond='data:blog.pageType == "item"'>
<div class='clear'/>
<div id='share-button'>
<p>Share to</p>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' style='background:#3b5998;' target='_blank'>Facebook</a>
<a expr:href='"http://plus.google.com/share?url=" + data:blog.url' rel='nofollow' style='background:#c0361a;' target='_blank'>Google+</a>
<a expr:href='"https://twitter.com/share?url=" + data:blog.url + "&text=" + data:post.title + "&lang=id"' rel='nofollow' style='background:#4099ff;' target='_blank'>Twitter</a>
<a expr:href='"http://digg.com/submit?url=" + data:blog.url' rel='nofollow' style='background:#000;' 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+"' target='_blank' rel='nofollow' style='background:#FF9900;'>Lintaskan</a>");
//]]>
</script>
<div class='clear'/>
</div>
</b:if>
7. Selesai, dan klik Simpan template. Lihatlah hasilnya bro.
Akhirnya selesai deh... Kalau masih gagal coba deh lo tinggalin komentar di postingan ini, dengan senang hati gue akan membantu.
Itulah panduan tentang Cara Jitu Membuat Tombol Share di Bawah Postingan, semoga hati senang ataupun gundah tetap bermanfaat bagi kalian. Salam hormat.
Judul : Cara Jitu Membuat Tombol Share di Bawah Postingan
Deskripsi : Cara Jitu Membuat Tombol Share di Bawah Postingan - Memasang Button Share di Bawah Postingan - Mesangan Share Button di Blog - Hallo br...