Memasang Tombol Share di Blog Beserta LintasME

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, 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.

Memasang Tombol Share di Blog :

• Buka Dasbor > Template > Edit HTML
• Tekan Ctrl + F, dan cari kode ]]></b:skin> serta Copy-Pastekan kode CSS 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)

• 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>Share on: </b></p>

<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;' target='_blank' title='Share on Facebook'>Facebook</a>

<a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' style='background:#c0361a;' target='_blank' title='Share on Google+'>Google+</a>

<a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;via=Just4rtBlog&amp;lang=id&quot;' rel='nofollow' style='background:#4099ff;' target='_blank' title='Share on Twitter'>Twitter</a>

<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' style='background:#111111;' target='_blank' title='Share on Digg'>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;' title='Share on  LintasME'>Lintaskan</a>");

//]]>

</script>

<div class='clear'/>

</div>

•  Lalu klik 'Simpan'

Demikianlah Bila kesulitan bisa bertanya melalui kolom komentar dibawah, silahkan.

Related Post