Monday, January 16, 2012

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:


  1. Ubah width

  2. Tukar username Twitter