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.
Pada kesempatan ini saya akan memberikan sedikit Tutorial Memasang Tombol Share di Blog. 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 berikut ini adalah tombol share yang sedang saya gunakan saat ini.
Nah, berikut Tutorial Memasang Tombol Share di Blog :
1.Buka Dasbor > Template > Edit HTML
2.Tekan Ctrl + F, dan cari kode ]]></b:skin> serta Copy-Pastekan kodeCSS dibawah ini tepat diatasnya
/* SHARE BUTTON */#share-just4rt{font-size:13px;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'><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>
4.Lalu klik 'Simpan'
Sekarang blog anda sudah terdapat tombol share Facebook, Twitter, Google+, Digg, Technorati, Reddit dan LintasME. Demikianlah Memasang Tombol Share di Blog dari saya. Semoga Bermanfaat.
Terimakasih Telah Bekunjung !
Terimakasih Telah Bekunjung !
0 komentar:
Posting Komentar