Sunday, September 5, 2010

How to create a "Tweet Box" for Blog

Now I explain about twitter and blogs. there is a connection?
hmm not really. ehhe
Do you have a twitter account? Surely you've got, because twitter is now more global.
I describe how to add the Tweet box to blogger. Like what?
For example, see the bottom of this post. There will be a twitter box to share. Try to click on "Tweet" there. it will automatically post to twitter your share. Obviously you have to login to twitter.

Want to create one? Perform the following ways.

1. Login to your blog and twitter.
2. Then go to Twitter Developer. You can click here. There you should list yourself to make an application.

3. Make Sure that you have checked the Read & Write Option when you Register your Application. When you complete the signup process, you will get some JavaScript codes, with a unique  API Key.

Copy out the JavaScript from there(the code in the red box) as shown in this Screenshot.

4. Now Login to your Blogger Dashboard and navigate to the Edit HTML Tab under Design and “Expand your Widget Templates
5. find this code: </ head>
and paste the copied Twitter JavaScript just above that line and save the template. 
6. Now find this code: <data:post.body/>  
and immediately below that paste the following JavaScript Code and save your template. (Editable parts are shown in red)  
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='bp_tweetBox'/>
<script type='text/javascript'>
bp_tweet_link=&quot;<data:post.url/>&quot;;
twttr.anywhere(function (T) {
T(&quot;#bp_tweetBox&quot;).tweetBox({
width: 560,
label: &quot;Share This&quot;,
defaultContent: &quot;RT @barbozzz <data:post.title/>&quot;+&quot; &quot;+bp_tweet_link
});
});
</script>
</b:if>

Nb: colored text in bold red and can you replace it. example:
@Barbozzz Can you replace with your twitter username.
Share This Title Box will appear.

Thanks to bloggerplugins for this tip. Thanks my friend.

0 comments:

Post a Comment