Untuk membantu pembaca membagi artikel blog ke sosial media yaitu dengan
Cara Memasang tombol share dibawah postingan keren seperti gambat diatas caranya sangat mudah, Anda juga bisa melihat tombol share ke sosial media dibawah postingan blog ini, itu adalah hasil tampilan dari script yang akan
Jasa pembuatan website Murah pada sobat semua, Nah langsung saja, caranya pemasanganya mudah, copy dan paste kode dibawah ini dan letakkan dibawah kode
<data:post.body/> tempate sobat.
<b:if cond='data:blog.pageType == "item"'><br/>
<script type='text/javascript'>var switchTo5x=false;</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: "ur-f47fa722-7a63-345d-ca8b-f9aadea89ef4", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
<div class='shr-btn'>Share This Art!<br/>
<center><span class='st_facebook_hcount' displayText='Facebook'/>
<span class='st_twitter_hcount' displayText='Tweet'/>
<span class='st_linkedin_hcount' displayText='LinkedIn'/>
<span class='st_googleplus_hcount' displayText='Google +'/>
<span class='st_pinterest_hcount' displayText='Pinterest'/>
<span class='st_sharethis_hcount' displayText='ShareThis'/></center></div><br/><br/><style>
.shr-btn{
text-align:center;
font-size: 30px;
font-family: Georgia,serif;
font-style: italic;color:#6D0000;
border-top:1px solid ;
padding:10px;
border-bottom:1px solid;margin-left: -52px;
margin-right: -65px;
}
</style>
</b:if>
Setelah itu simpan dan lihat hasilnya, coba klik postingan blog sobat, jika sudah ada tombol share dibawah posting seperti gambar diatas artinya kode diletakkan di tempat yang tepat, jika gak jalan, silahkan letakkan kodenya dibawah
<data:post.body/> yang kedua.dicoba-coba aja yah.. dicari yang pass.. asal backup dulu templatnya maka dijamin aman.. seperinya selain
membuat daftar isi pada blog maka memasang tombol share sosial media juga keharusan, sso.. jadi silahkan pasang ya.. :-)
Tombol share yang kedua
Untuk tombol-tombol seperti ini kodenya berikut, dan adapun cara pemasanganya sama.
<b:if cond='data:blog.pageType == "item"'>
<div
style='border-top:3px dotted #ccc;border-bottom:1px solid
#b8b8b8;width:100%;height:25px;text-align:left;font:normal 11px
Arial;color:#333;margin:10px 0;padding:10px 0 5px'>
<div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#777'>
<strong>Share this article</strong> :
</div>
<a
expr:href='"http://www.facebook.com/sharer.php?u=" +
data:post.url' style='color: #fff; background: #3b5998; text-decoration:
none; border: 1px solid #313c7d; padding: 3px; border-radius: 3px;
font-family: arial, verdana, sans-serif; font-size: 13px; line-height:
20px;' target='_blank' title='Share to Facebook'>Share on
FB</a> <a
expr:href='"http://twitter.com/share?url=" +
data:post.url' style='color: #fff; background: #4099FF; text-decoration:
none; border: 1px solid #3a8be8; padding: 3px; border-radius: 3px;
font-family: arial, verdana, sans-serif; font-size: 13px; line-height:
20px;' target='_blank' title='Share to Twitter'>Tweet</a> <a
expr:href='"https://plus.google.com/share?url=" +
data:post.url' style='color: #fff; background: #c0361a; text-decoration:
none; border: 1px solid #9c2c15; padding: 3px; border-radius:
3px;font-family: arial, verdana, sans-serif; font-size: 13px;
line-height: 20px;' target='_blank' title='Share to Google+'>Share on
G+</a>
<a
expr:href='"http://digg.com/submit?url=" +
data:post.url' style='color: #fff; background: #808080 ;
text-decoration: none; border: 1px solid #808080; padding: 3px;
border-radius: 3px;font-family: arial, verdana, sans-serif; font-size:
13px; line-height: 20px;' target='_blank' title='Submit to
Digg'>Submit to Digg</a>
</div>
</b:if>
Demikian cara
Memasang tombol share dibawah postingan blog yang keren dan menarik, dengan adanya tombol tersebut akan membantu pada pembaca untuk menyebarkan karya tulis sobat ke berbagai sosial media.
