Popular Post

wanna read this blog in english??

Monday, December 13, 2010

How to display retweet button on your post at blogspot

This tutorial aims to send a kind of bookmark or share to your twitter account

For example it would look just like the picture below....



now lets begin.....
1. Now find the design menu -> Edit HTML, check the Expand Widget Templates (do not forget to backup your template first created in case)

2. Find this code (Use Cltr-F to easier finding the code)

<data:post.body/>

3. Then Copy-Paste the code below right before the code you are looking for, before this code.. <data:post.body/> 


For the left retweet button use this code.

<div style="float:left;padding: 6px 10px 6px 0px;">


<script type="text/javascript">


tweetmeme_url = '<data:post.url/>';


</script>


<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>


</div>



For the right retweet button you use this code.

<div style="float:right;padding: 6px 0px 6px 6px;">


<script type="text/javascript">


tweetmeme_url = '<data:post.url/>';


</script>


<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>


</div>


now save your template and enjoy... ;D



0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment