Share Button atau Tombol Berbagi sudah merupakan hal yang harus
di punyai bagi setiap blog karena dapat meningkatkan popularitas artikel
yang di-share kan. Dan juga tombol share salah satu Teknik SEO Onpage.
Backlink yang diberikan pun sangatlah berkualitas, itu bergantung dari
situs mana yang akan artikel yang anda miliki untuk di submitkan. Namun
banyak sekali Social Bookmark dan Social Profile yang memberikan
backlink dofollow.
Tombol share ini terdiri dari Social Bookmark dan Social Profile yang sudah terkenal, yaitu : Facebook, Twitter, Google+, Digg, Technorati, Reddit dan LintasME. Tombol share ini sangatlah sederhana, tidak memerlukan javascript yang memberatkan atau mendaftar ke penyedia Tombol Share seperti Add This/Share This, dll. Anda cukup dengan mengcopy kode dibawah ini dan meletakkannya di template blog anda.
Tombol share ini terdiri dari Social Bookmark dan Social Profile yang sudah terkenal, yaitu : Facebook, Twitter, Google+, Digg, Technorati, Reddit dan LintasME. Tombol share ini sangatlah sederhana, tidak memerlukan javascript yang memberatkan atau mendaftar ke penyedia Tombol Share seperti Add This/Share This, dll. Anda cukup dengan mengcopy kode dibawah ini dan meletakkannya di template blog anda.
Berikut langkah-langkah yang harus anda lakukan:
1. Buka Dasbor > Template > Edit HTML
2. Tekan Ctrl + F, dan cari kode ]]></b:skin> serta Copy-Pastekan kode CSS dibawah ini tepat diatasnya
3. Cari kode <data:post.body/>, Jika ada 2 pilih yang kedua dan Copy-Pastekan kode HTML dibawah serta letakkan dibawah kode <data:post.body/>
Selamat mencoba, sekarang tombol share sudah ada pada blog anda.
2. Tekan Ctrl + F, dan cari kode ]]></b:skin> serta Copy-Pastekan kode CSS dibawah ini tepat diatasnya
/* SHARE BUTTON */
#share-just4rt{font-size:11px;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)}
3. 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'>4. Lalu klik 'Simpan'
<p><b>Bagikan ke : </b></p>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' style='background:#3b5998;' target='_blank' title='Bagikan ke Facebook'>Facebook</a>
<a expr:href='"http://plus.google.com/share?url=" + data:blog.url' rel='nofollow' style='background:#c0361a;' target='_blank' title='Bagikan ke Google+'>Google+</a>
<a expr:href='"https://twitter.com/intent/tweet?url=" + data:blog.url + "&text=" + data:post.title + "&via=Just4rtBlog&lang=id"' rel='nofollow' style='background:#4099ff;' target='_blank' title='Bagikan ke Twitter'>Twitter</a>
<a expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' style='background:#111111;' target='_blank' title='Bagikan ke Digg'>Digg</a>
<a expr:href='"http://technorati.com/faves?sub=addfavbtn&add=" + data:post.url' rel='nofollow' style='background:#67b500;' target='_blank' title='Bagikan ke Technorati'>Technorati</a>
<a expr:href='"http://www.reddit.com/submit?url=" + data:post.url + "&title=" + 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>
Selamat mencoba, sekarang tombol share sudah ada pada blog anda.
