Thursday, August 11, 2011

Cara letak Button twitter di blog


Ok... Tutorial kali ini sangat "simple". Tujuan dia sama macam "share button Facebook". Cuma kali ini ianya untuk dikongsikan di laman sosial Twitter. Kebanyakkan bloggers mempunyai 2 akaun laman sosial seperti Facebook dan Twitter, Jadi... banyak info yang ingin mereka kongsikan kepada rakan masing-masing.

Meletakkan "Button Twitter" di dalam sesebuah blog dapat memudahkan bloggers lain untuk "reetweet" info atau entri yang menarik perhatian mereka. Selain itu, ianya dapat mempromosikan entri terbaru yang ada di dalam blog anda.

Jika anda seorang bloggers yang mementingkan trafik, dengan meletakkan " share button facebook " atau " button twitter " secara tidak langsung ianya dapat menarik lebih ramai pengunjung ke blog anda. Cuba bayangkan jika seorang rakan bloggers anda "reetweet" salah satu entri anda untuk dikongsikan bersama rakan-rakan di twitter dan rakan tersebut juga meminati entri anda dan terus reetweet entri tersebut untuk dikongsikan dengan rakan-rakan yang lain pula. Nampak tak peningkatan trafik yang anda akan perolehi..???

Berikut adalah langkah-langkah untuk meletakkan " button twitter " di dalam blog anda..

1. Design >  Edit HTML > Tick Expand Widget Templates

2. Tekan "Ctrl + F" dan cari kod di bawah

<div class='post-header-line-1'/>

3. "Copy" kod berikut dan "Paste" selepas kod di langkah ke-2

<!-- Twitter tweet button Start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style='text-align:right;padding:5px 5px 5px 0;'>
<a class='twitter-share-button' data-count='vertical' data-related='' data-via='HafizanMalik' 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'/>
</div>
</b:if>
<!-- Twitter tweet button End --> 

4. Pastikan anda "PREVIEW" terlebih dahulu, Kemudian "SAVE" sekiranya tiada apa-apa masalah.

Selamat mencuba dan semoga berjaya...!!!