Cara Memasang Tombol Share di Blog

Assalamu'alaikum wr. wb.

Selamat malam teman teman, sudah lama nih kita gak berjumpa lagi. ya kira kira 1 bulan lah :D hehe..

pada kesempatan ini, saya mau berbagi dikit nih tentang Tutorial membuat Blog : Memasang dan memasang Tombol Share di Blog. sebelumnya saya akan menjelaskan dulu tombol apa saja yang ada di widget ini. ini dia :  Facebook, Twitter, Google+, Digg, Technorati, Reddit dan LintasME. Lihat screenshotnya di bawah ini nih :

eh tenang, widget ini gak berat kok :)

mau coba? ini caranya :

1. Buka Dasbor > Template > Edit HTML

2. 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)}

#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='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;' target='_blank' title='Bagikan ke 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='Bagikan ke 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='Bagikan ke 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='Bagikan ke Digg'>Digg</a>
<a expr:href='&quot;http://technorati.com/faves?sub=addfavbtn&amp;add=&quot; + data:post.url' rel='nofollow' style='background:#67b500;' target='_blank' title='Bagikan ke Technorati'>Technorati</a>
<a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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>

nah, sekian dari postingan saya tentang Tutorial membuat Blog : Cara Membuat Memasang Tombol Share di Blog.

Artikel Terkait

Cara Memasang Tombol Share di Blog

4/ 5

Oleh Gilang Ramdhani

Gilang Ramdhani 3:35 AM 2 Komentar