Few days ago Twitter has introduced their own tweet buttons for web masters.Now you can use this twitter button directly share your posts through twitter without any third party web site.So you and your visitors don't want to authenticate any third party web site to access your Twitter account.These new tweet button loads very fast and anyone can share your article with in few seconds.There are 3 types of Beautiful Tweet buttons : Vertical count, Horizontal count and No count.Here I am going to describe how to add these Twitter buttons to your blogger blog.

If you like o add these Twitter official share button to your blogger blog,then follow the steps given below.



1.Login to your blogger Dashboard--> Design- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:

4.Now Copy your "Twitter tweet button" code and paste it just below the above code.

NOTE: If you can't find

in your template, paste your "Twitter tweet button" code just before .

Code 1 : Vertical Count

TWITTER-USERNAME">Tweet

Result:


Code 2 : Horizontal Count

TWITTER-USERNAME">Tweet

Result:


Code 3 : No Count

TWITTER-USERNAME">Tweet

Result:


Note :
Remember to replace "TWITTER-USERNAME" with your real Twitter username.

If you want to show Tweet buttons not only Post pages but also Home page,Archive pages,Label pages,etc... , then remove "" and "" from above codes.

5.Now save your template.

You can view more info from here:

http://twitter.com/goodies/tweetbutton

Want to build a custom tweet button for your site? Check out developer documentation for the Sharing API to provide the same Tweet Button sharing functionality with your own style :

http://dev.twitter.com/pages/tweet_button

How To Display Recent Twitter Tweets Using JQuery

Do you want to show your recent tweets inside your website or blogger blog?Then,this tutorial will helpful for you, to add recent tweets into your website using Jquery.Your recent tweets will load fast using jquery and also you can change number of tweets must display very easily.If you want you can read advanced details about tutorial from here: http://www.thewebsqueeze.com/web-design-tutorials/displaying-your-tweets-on-your-website-with-jquery.html

Twitter is a social networking and microblogging service, owned and operated by Twitter Inc., that enables its users to send and read other user messages called tweets. Tweets are text-based posts of up to 140 characters displayed on the author's profile page.

Now follow the steps given below to add this recent tweets widget to your website or blog.

1.Login to your blogger dashboard--> Design - -> Edit HTML.

2.Scroll down to where you see tag .

3.Copy below code and paste it just before the tag .

NOTE :
btipandtrick : Replace this with your twitter username.

5 : Number of tweets must appear.

4.Now save your template.

5.Go to Layout --> Page Elements.

6.Click on 'Add a Gadget'.

7.Select 'HTML/Javascript' and add the code given below:

There was a problem fetching tweets
Currently loading your tweets...

btipandtrick">Follow me on twitter

You are done.

This tutorial will explain to you how to add Twitter Follow me Button to your blogger blog or any other web site.This service is provided by Tweetmeme.com.This Follow button is for website and blog publishers that want to encourage their audience to follow them on twitter. This button provides the interface to see the follower count of a particular user and a button which upon pressing opens the follow pop-up providing a number of different views and statistics about the user from additional services such as Twitter Grader, Twitalyzer and Twitter Counter.

If you are a blogger then follow the steps below to add this 'Twitter follow button' to your blogger post.



1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:

4.Now Copy your "Tweetmeme Follow Button" code and paste it just below the above code.

NOTE: If you can't find

in your template, paste your "Tweetmeme Follow Button" code just before .

Code 1:

Result:


Code 2:

Result:


Code 3:

Result:


NOTE : Remember to replace yourtwitterusername with your real twitter username.

If you are not a blogger,you can too add this code simply your website.

5.Now save your template and you are done.

How To Display Number of Twitter Followers as Text

This quick tutorial will explain how to show your number of twitter followers in text.If there are many services as Twitter Remote,to show your number of Twitter followers,their badges will add a ugly appearance to your site.So I think this will help you to show how many twitter followers have for your twitter account without using third-party services.This is very easy to do and only spend few seconds.Now follow the steps given below for this.

1.Log in to your dashboard--> layout- ->Page Elements

2.Click on 'Add a Gadget'.

3.Select 'HTML/Javascript' and add the code given below and click save.

I have    Twitter followers.

NOTE : Replace YOUR-TWITTER-USERNAME with your real twitter username.

You are done.

How To Add Twittley Retweet Counter Buttons to Blogger

Twittley is a social network for users to find and share links on Twitter.Harness the power of social networks and viral marketing with the Twittley button. Millions of users use Twitter as a social network so it only makes sense to get your link out to those users.

When a Twitter user arrives at your site, they'll quickly see the distinctive Twittley button. When they click on the button your link will automatically be posted onto their Twitter status so all of their followers can then see the link. Your link will also appear on the Twittley web site where the community can then retweet and comment. All of this is done without the user leaving your site, Twittley does everything behind the scenes.

In this post I explain how to add a Twittley Retweet Counter Button to your blogger blog.If you like to add this Twittley retweet button to your blog then follow the steps given below.

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:

4.Now Copy your "Twittley Retweet" bookmarking buttons code and paste it just below the above code.

NOTE: If you can't find

in your template, paste your "Twittley Retweet" bookmarking buttons code just before .

Code 1:

How To Add Beautiful Subscribe Section to Blogger

Posted by SoMeOnE at 1:56 AM

Do you like to add a good looking Subscribe section to your blog?Then simply follow the steps below.

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see tag .

3.Copy below code and paste it just before the tag .

NOTE : Host RSS.png , EmailRSS.png , twitter.png yourself.



4.Now go to Layout-->Page Element and click on "Add a gadget".

5.Select "html/java script" and add the code given below and click save.

YOUR-RSS-FEED-URL">SUBSCRIBE VIA RSS

YOUR-FEEDBURNER-EMAIL-SUBSCRIPTION-URL">SUBSCRIBE VIA EMAIL

YOUR-TWITTER-URL">FOLLOW ON TWITTER

NOTE : Replace YOUR-RSS-FEED-URL , YOUR-FEEDBURNER-EMAIL-SUBSCRIPTION-URL , YOUR-TWITTER-URL with your urls.

Look at the example below:

http://feeds2.feedburner.com/blogspot/WyNa">SUBSCRIBE VIA RSS

http://feedburner.google.com/fb/a/mailverify?uri=blogspot/WyNa&loc=en_US">SUBSCRIBE VIA EMAIL

http://www.twitter.com/btipandtrick">FOLLOW ON TWITTER

You are done.

Twitter Followers Counters For Blogger/Websites

Posted by SoMeOnE at 12:53 AM

To show your site visitors to how many people follow you on twitter use the one of below code:

1.Login to your blogger dashboard-->Layout > Page Elements

2.Click on 'Add a Gadget'.

3.Select 'HTML/Javascript' and add the one of code given below and click save.

1.Big Twitter followers counter button:

3.Black Twitter followers counter button:

4.Show your Twitter followers in Text:

How To Add Topsy Retweet Counter Buttons For Blogger

Posted by SoMeOnE at 12:23 AM

This tutorial explains to you how to add Topsy Retweet Counter Buttons in below header of your every blog post.There are 2 sizes of this Topsy Retweet Counter Button.You can add any button you like.Follow the steps below to do it:



1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

4.Now copy below code and paste it just after the above line.

For Large Button:

How To Add Retweet Counter Button to Blogger

Posted by SoMeOnE at 5:40 PM

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:

4.Now Copy your Retweet Counter Button code and paste it just below the above code.

NOTE: If you can't find

in your template paste your Retweet Counter Button code just before .

CODE 1:

Result:


You are done.

Subscribe to: Posts (Atom)