Pasang butang share tweet,like dan Plus One

Butang share kali ini adalah  Facebook like, Tweet,dan juga Google  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='teknikbuatblog' 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…>> Template>edit HTML



Cari kod <div class='post-header-line-1'/>
 Gunakan fungsi search(klik didalam ruangan kod pada template tekan butang CTRL + F untuk mengaktifkan fungsi search)
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 teknikbuatblog dengan username twitter anda


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

update 8/5/2013

Catat Ulasan

12 Comments:

DiEza berkata...
Teknik Buat Blog

nice post... :)

widhi online berkata...
Teknik Buat Blog

Assalammualaikum... nice tutorial for share button.
kalau boleh tukeran link yuk...hehehhe
ditunggu kabar baiknya ya :)
salam kenal dari blogger indonesia :)

suzie rahman berkata...
Teknik Buat Blog

nice bro..

Albab berkata...
Teknik Buat Blog

wah, bermanfaat sekali sobat, saya ijin praktekkan yah
salam hangat selalu dari Albab's Blog

Blog Keperawatan berkata...
Teknik Buat Blog

Terima kasih sahabat atas berbagi tipsnya ini serta tutorialnya

faizfakhirin berkata...
Teknik Buat Blog

tankiyuuuu

TEMBANG KENANGAN berkata...
Teknik Buat Blog

nice post,,link sukses,,link back ya, cek http://tembangkenanganmu.blogspot.com/

arie5758 berkata...
Teknik Buat Blog

Terima kasih telah share tutorial ini. Saya nak ganti butang buat share artikel di media share.

Rudy Hartono berkata...
Teknik Buat Blog

keren sob, salam kenal aja

HJH SAPURA BT IHSAN berkata...
Teknik Buat Blog

Terima kasih dapat membantu membina blog untuk kerja kursus pembinaan blog Bahasa Melayu PJJ UPSI.

daimpressive berkata...
Teknik Buat Blog

Wow.. mcm berminat nak cuba, tp tak kena jiwa naluri ni, hehehe

Syaheed berkata...
Teknik Buat Blog

waaa.. terima kasih. jelas.. :))