Tutorial Letak button Twitter di setiap entry dalam blog



(1) Pergi ke Dashboard > Design > Edit HTML

(2) Sila Back Up template anda

(3) Klik Expand Widget

(4) Kemudia tekan (Ctrl + F)

(5) Dan taip atau copy code ini :- <data:post.body/>

(6) Copy code di bawah dan letakkan di bawah kod di atas.

<!-- Twitter tweet button Start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='twitter-share-button' data-count='vertical' expr:data-text='data:post.title' expr:data-url='data:post.url' data-via='@syzulaikha' data-related='' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</b:if>
<!-- Twitter tweet button End -->

(7) Ketika Preview anda boleh melihat Tweet Button anda di sebelah kiri. Anda boleh menukar kedudukan Tweet Button mengikut kesukaan anda.

(8) Untuk kedudukan sebelah kanan, tukar 'text-align:left kepada 'text-align:right

(9) Untuk kod static di page anda boleh buang kod yang berwarna merah di line 2 dan 11

(10) Untuk butang tweet yang hanya dipaparkan di page entry, gantikan kod di line 2 (warna merah), dengan kod <b:if cond='data:blog.pageType == &quot;item&quot;'> dan delete kod expr:data-text='data:post.title' di line 4.

Selamat Mencuba :)

1 comment:

Related Posts Plugin for WordPress, Blogger...