your text here (tab1)
your text here (tab2)
your text here (tab3)
your text here (tab4)
your text here (tab5)

Saturday, June 5, 2010

Blogger Tricks

Blogger Tricks


How to Add Retweet Button to your Blogger Posts

Posted: 05 Jun 2010 04:23 AM PDT

Since Twitter is getting huge popularity these days, adding a cool Retweet Button to your Blogger blog posts can easily get you some decent amount of traffic and promote your content/products to large people in quick time. If you have tons of followers, then you can easily milk it.. ;)

So, here is how to add a nice Retweet button to your blogspot blog posts:

There are two versions of retweet buttons.. one is the default one (looks like digg button) and the other one is Compact version which can fit in small space..

twitter retweet button for blogger


The Code for the Default version is :


<script type="text/javascript">

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

</script>

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


and for Compact version is :


<script type="text/javascript">

tweetmeme_style = "compact";

</script>

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



Here is how to add them to your blogger post..

If you want it to the left side of blog post..

twitter retweet button aligning left

Find


<data:post.body/>


And Paste this code BEFORE that line..

<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>


If you want it to the Right Side of post..

adding retweet button on the right side of blog post

Find


<data:post.body/>


Add this code BEFORE that line..


<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>



Note: In the above two cases, if you want Compact button instead of default style, Just simple replace the default style code with compact one (refer step 1)

Finally SAVE THE CHANGES!



No comments:

Post a Comment

सरफरोशी की तमन्ना अब हमारे दिल में है...........

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus facilisis, risus at tempor volutpat, eros nulla malesuada augue, vitae consectetuer quam quam eu nibh. Suspendisse laoreet dignissim neque. Sed semper. Nullam facilisis. Nam tristique sapien. Sed turpis justo, lobortis sit amet, posuere at, tristique id, nunc. Vestibulum rutrum dui at lectus. Sed enim. Ut eros eros, pulvinar a, vestibulum sit amet, ornare ac, eros. Suspendisse imperdiet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus facilisis, risus at tempor volutpat, eros nulla malesuada augue, vitae consectetuer quam quam eu nibh. Suspendisse laoreet dignissim neque. Sed semper. Nullam facilisis. Nam tristique sapien. Sed turpis justo, lobortis sit amet, posuere at, tristique id, nunc. Vestibulum rutrum dui at lectus. Sed enim. Ut eros eros, pulvinar a, vestibulum sit amet, ornare ac, eros. Suspendisse imperdiet.
कबीरा खड़ा 
     बाज़ार में

  • REGISTER NOW AND PUT THIS CODE ON YOUR BLOG/SITE

  • BLOG 
लोचाकबीरा खड़ा 
     बाज़ार में DARE ITमेराSEO
    "कबीरा खडा़ बाज़ार में" आपका स्वागत है। इस ब्लाग से जुडने के लिये अपना ई-मेल का पत्ता और फोन हमें लिख भेजें-kabirareply@gmail.com "कबीरा खडा़ बाज़ार में" पर चिठ्ठों की प्रकाशन को त्वरित करने के उद्देश्य से आप सभी ब्लागर बंधुओं से आग्रह है कि अपनी सहमती देते हुए मुझे अपने ब्लाग का पता तुरन्त प्रेषित करें। इस हेतु तकनीकी तैयारी हो चुकी है। आपका चिठ्ठा स्वत:"कबीरा" पर प्रदर्शित होने लगेगा। इस ब्लाग से जुडने के लिये अपना ई-मेल का पत्ता और फोन हमें लिख भेजें-kabirareply@gmail.com चिठ्ठा सूचि देखें