Di posting kali ini saya akan Berbagi Tutorial Blogger tentang
Cara membuat Tombol Share SEO di bawah Posting Blog. Sebenarnya tombol share memiliki beragam tampilan yang cukup menarik tapi di sini saya memberikan tutorila membuat tombol share yang simple dan seo ^_^. Dari berbgai tampilan tombol share yang ada kesumanya memiliki peran yang sama.
Apa keguanaan dari tombol share bagi blog?
Tombol Share adalah salah satu fasilitas yang wajib ada di blog, karena dengan adanya tombol share ini pengunjung/ pembaca dapat dengan mudah menshare posting artikel blog anda yang dirasa menarik dan bermanfaat ke akun jejaring sosial yang mereka miliki. Dengan di sharenya postingan artikel blog anda oleh pengunjung/ pembaca, otomatis teman - teman akun jejaring sosial dari pengunjung/pembaca yang telah nensahre postingan blog anda tadi akan ikut membaca artikel yang di share oleh pengunjung/pembaca blog anda tadi yang dirasa menarik dan bermanfaaat, nahh hal intu bisa menjadi pemicu blog anda akan mendapatkan banyak pengunjung, Bagi anda yang ingin memasang tombol share di blog silahkan ikuti tutorila blog di bawah ini
Cara Membuat Tombol Share
1. Login ke akun Blogger
2. Klik menu tab "
Template" lalu klik "
Edit HTML".
3. Kemudian cari kode
]]></b:skin> untuk memudahkan pencarian tekan tombol
Ctrl + F.
4. Kalo udah ketemu, 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. Selanjutnya cari kode
<data:post.body/>
6. Kalo udah ketemu, letakkan kode dibawah ini tepat dibawah kode <data:post.body/> yang ke3 / ke 4, tergantung dari struktur template yang anda gunakan.
<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. Jika sudah selesai meletakkan kode - kode tadi, klik Simpan template. Hasilnya akn seperti dibawah ini:
