Cara Letak Button Share Berwarna Di Blog

Sememangnya button share ini penting pada blog,ini bertujuan untuk memudahkan pengunjung untuk sharing entry dan secara tidak langsung dapat mempopularkan blog anda.Disini terdapat Cara Letak Button Share Berwarna Di Blog yang kelihatan lebih menarik.

Tutorial ini khas buat pengguna yang menggunakan blogspot,anda boleh lihat langkah selanjutnya dibawah ini:

                                              contoh button share
Share this article :
Share on FB Submit to Digg Tweet Share on G+

1. Login ke Blogger.

2. Pilih Template.

3. Klik Edit HTML

4. Dengan menggunakan kekunci Ctrl + F cari kod <div class='post-footer'>

5.Copy paste kod dibawah ini selepas kod yang anda cari diatas

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='border-top:3px dotted #ccc;border-bottom:1px solid #b8b8b8;width:100%;height:25px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'><div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#777'><strong>Share this article</strong> :</div><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' style='color: #fff; background: #3b5998; text-decoration: none; border: 1px solid #313c7d; padding: 3px; border-radius: 3px; font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Facebook'>Share on FB</a><a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url' style='color: #fff; background: #808080; text-decoration: none; border: 1px solid #000000; padding: 3px; border-radius: 3px;font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Submit to Digg'>Submit to Digg</a><a expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' style='color: #fff; background: #4099FF; text-decoration: none; border: 1px solid #3a8be8; padding: 3px; border-radius: 3px; font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Twitter'>Tweet</a><a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' style='color: #fff; background: #c0361a; text-decoration: none; border: 1px solid #9c2c15; padding: 3px; border-radius: 3px;font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Google+'>Share on G+</a></div></b:if>
6.Preview template anda terlebih dahulu jika tiada error terus sahaja save template.

1 ulasan: