Cara Jitu Membuat Tombol Share di Bawah Postingan

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. :)

Cara Membuat Tombol Share.

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 == &quot;item&quot;'>
<div class='clear'/>
<div id='share-button'>
<p>Share to</p>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;' target='_blank'>Facebook</a>
<a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' style='background:#c0361a;' target='_blank'>Google+</a>
<a expr:href='&quot;https://twitter.com/share?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;lang=id&quot;' rel='nofollow' style='background:#4099ff;' target='_blank'>Twitter</a>
<a expr:href='&quot;http://digg.com/submit?url=&quot; + 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
Ditulis Oleh Putra Andana
Rating: 5.0
Anda Telah Membaca Postingan Ini Cara Jitu Membuat Tombol Share di Bawah Postingan