Pasang butang share tweet,like dan Plus One

Butang share kali ini adalah  Facebook like, Tweet,Google dan juga Plus One .Mungkin sebelum ini anda agak sukar untuk meletaknya sebaris kerana memasangnya secara berasingan Jadi  dengan tutorial ini akan lebih memudahkan memasangnya.dalam satu barisan.
share button

Cara memasangnya:
Salin kod dibawah ini terlebih dahulu:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table border='0'><tr>
    <td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/></td>
<td> <a class='twitter-share-button' data-count='horizontal' data-related='' data-via='about-tutorials' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></td>
<td><g:plusone expr:href='data:post.url' size='medium'/></td><td><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:send colorscheme='light' expr:href='data:post.url' font='arial'/></td>
</tr></table>    </b:if>

Kemudian masuk ke design…>> edit HTML
Tandakan pada "Expand Widget Templates"
Cari kod <div class='post-header-line-1'/> jika hendak memasang dibawah tajuk posting jika tiada cari kod  <data:post.body/> dan letak kod tadi diatasnya.

Jika hendak memasangnya dibawah letakkan selepas kod <data:post.body/>

Letakkan kod dibawah ini diatas kod </head>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
Jika pernah memasang butang google plus one sebelum ini,tidak perlu memasang kod diatas.

Simpan template dan lihat hasilnya.
Jika anda menggunakan read more dan hendak ia terpapar dihadapan dan juga pada ruang posting delete kod yang berwarna merah diatas
Gantikan perkataan about-tutorials dengan username twitter anda


klik butang +1 jika suka artikel ini :) :)

G+

0 comments:

Post a Comment