Butang Like, Share dan Tweet untuk Blogspot

Langkah 1

Home >> Design >> Edit HTML >> Tick Box

Copy CSS bawah ni dan paste sebelum ]]></b:skin>

.tweet,
.fblike .fbshare {
    background: #E8F3F9;
    border: 1px solid #A4CCE5;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 10px 0px ;
    padding: 13px 12px 14px;
    width: 95px;
    float: right;
}

.fbshare {
    background: #ECEEF5;
    border: 1px solid #9DACCE;
    float: left;
    padding: 14px 8px 15px;
    width: 95px;
    margin: 10px 3px 10px 10px;
}

.fblike {
    background: #ECEEF5;
    border: 1px solid #9DACCE;
    padding: 12px 15px 0px;
    width: 320px;
    float: left;
}

Langkah 2

Cari <data:post.body/>

Jumpa dah? Letak code bawah ni selepasnya:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Kalau tak faham boleh contact aku kat http://munzirshafie.com/ ye -->
<!-- Facebook Like Button Start -->
<div class='fblike'><iframe expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;action=like&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;font=arial&amp;colorscheme=light&quot;' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
</div>
<!-- Facebook Like Button End -->

<!-- Facebook Share Button Start -->
<div class='fbshare'><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/></div>
<!-- Facebook Share Button End -->

<!-- Twitter Share Button Start -->
<div class='tweet'><a class='twitter-share-button' data-count='horizontal' data-via='syazary' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<!-- Twitter Share Button End-->
</b:if>

Yang korang kena buat sendiri:

Ubah width
Tukar username Twitter