Sabtu, 15 Desember 2012

Mempercantik Blog Dengan Tombol Share Keren

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.
Share this Article:

+ komentar + 4 komentar

9 Desember 2012 pukul 10.58

Mantap gan... ijin nyimak artikelnya,,, :)
#salam blogger...

Terimakasih Iputu Dirga atas Komentarnya di Mempercantik Blog Dengan Tombol Share Keren
9 Desember 2012 pukul 19.09

Silahkan. Moga bermanfaat :)

11 Desember 2012 pukul 23.33

wew keyen gan..
tombolnya bisa mutar mutar :D

Terimakasih Terserah lu ajalah atas Komentarnya di Mempercantik Blog Dengan Tombol Share Keren
12 Desember 2012 pukul 00.50

Thanks sob :)

Posting Komentar

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( :-p =))