Mempercantik Blog Dengan Tombol Share Keren

Posted on

Cara Buat Tombol Share di Blog Keren
Cara Membuat Tombol Share di Blog – Tombol share di Blog sangat bermanfaat untuk Blog anda. Karena para pembaca bisa membagikan Artikel anda, tentu saja Traffik Blog anda bisa meningkat.

Kali ini Press Bloggers akan coba untuk membagikan Tips untuk Mempercantik Blog anda. Caranya dengan Membuat Tombol Share di Blog, terutama yang sering digunakan yaitu Tombol Share Facebook.
Tapi disini lengkap Tombol Sharenya, selain bisa memikat pengunjung. Tombol share ini juga bisa membuat Blog terlihat lebih cantik.

Oke langsung saja berikut cara Membuat Tombol Share Keren Memutar.
Tombol Share berikut ini akan lebih keren dari yang lainnya, karena Tombolnya bisa memutar jika tersentuh oleh Cursor. cekidot:

Pertama Login ke Blogger – klik Rancangan – Edit HTML – Centang Expand Widget ( Backup Template terlebih dahulu).

Cari kode dibawah ini:

<data:post.body/>

Biasanya kode tersebut ada 2 di dalam Template, silahkan anda taruh kode dibawah ini dibawah kode <data:post.body/> yang ke dua.

Jika sudah, Copy Kode dibawah ini dibawah kode ini:

<b:if cond=’data:blog.pageType == “item”‘>
<div class=’spinning_icons’>
<a class=’twitter’ expr:data-text=’data:post.title’ expr:data-url=’data:post.url’ href=’http://twitter.com/share’ rel=’nofollow’ target=’_blank’ title=’Twitter’>Twitter</a>
<a class=’delicious’ expr:href=’&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Delicious’>Delicious</a>
<a class=’digg’ expr:href=’&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Digg’>Digg</a>
<a class=’facebook’ expr:href=’&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Facebook’>Facebook</a>
<a class=’stumbleupon’ expr:href=’&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Stumbleupon’>Stumbleupon</a>
<a class=’rss’ href=’http://feeds.feedburner.com/pressbloggers’ target=’_blank’ title=’RSS’>RSS</a>
</div>
</b:if>

Ganti URL Feed anda dengan RSS Feed Blog anda.
Terakhir Klik Simpan Template.
Lihat hasilnya.

Jika ingin Lihat Demo Livenya bisa lihat di Blog ini:
goo.gl/sLQWz

Nah, demikian semoga artikel Cara Membuat Tombol Share diBawah Postingan ini bisa bermanfaat dan berguna.
Bagikan jika anda menyukai Artikel ini, Beri Link Sumber jika ingin mengCopy Artikel ini.