Share Button Pada Blog

Share Button memiliki fungsi yang sangat mebantu blog kita, apalagi ditahun 2013 ini Social Media menjadi perhatian khusus dan yang terutama yaitu Google Plus . nah kali ini saya ingin berbagi informasi tentang memasang share button di blog
.


Langkah Pertama masukan code css tepat dibawah

Code:

]]></b:skin>

Code:

#share-button{margin:0 0 8px;padding:0;overflow:hidden}#share-button p{float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#fafafa;display:block;padding:5px 8px !important;margin:0 3px 3px 0;border-radius:6px 6px;border:1px solid #fff}#share-button a{position:relative;float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);border-radius:6px 6px;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff}#share-button a:hover{top:1px;
left:1px;box-shadow:0px 0px 3px rgba(1,1,1,.1)}

selanjutnya Letakkan kode HTML berikut tepat di bawah kode HTML post anda

Code:

<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;'>Facebook</a>
<a expr:href='"http://plus.google.com/share?url=" + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a>
<a expr:href='"https://twitter.com/intent/tweet?url=" + data:blog.url + "&text=" + data:post.title + "&lang=id"' rel='nofollow' style='background:#4099ff;'>Twitter</a>
<a expr:href='"http://digg.com/submit?url=" + data:blog.url' rel='nofollow' style='background:#000;'>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+"' rel='nofollow' style='background:#FF9900;'>Lintaskan</a>");
//]]>
</script>
<div class='clear'/>
</div>
</b:if>

Source : Hack4rt

 

pertamax ni di thread agan

pertamax ni di thread agan samuel
anyway nice info gan, jadi tambah tahu nih
ane buton share nya pake yang di kiri samping itu loh gan lebih simple pasang nya soal nya hehehe

 

Dng adanya Share Button

Dng adanya Share Button memang mantap and keren dah.
Kalau saya pake pluginnya Add This dari Blog Wordpress itu lho.

 

semutkecil wrote:

kalau wordpress memang lebih mudah dan simple , karena adanya plugin

 

Share buttonnya cuma beberapa

Share buttonnya cuma beberapa saja ya Sam , saya lihat diblog lain banyak sekali Buttonnya

 

Andre wrote:

kalo kebanyak Buttonnya juga berat loading blog

 

Termasuk backlink juga ini.

Termasuk backlink juga ini. CMIIW. KAJAS.

 

keliatan simple share

keliatan simple share buttonnya tapi mesti oprek template

 

Apakah tombol share di atas, sudah responsif ?..
Postingannya sudah lama.
Hehehe

 

Sebenarnya pada template blogger tombol share sudah ada jadi ngak perlu bingung-bingung pasang tombol share lagi. Tapi jika ingin tampilannya lebih keren barulah kita pasang.....