Blogger Helper: Tweet from Your Blog with TweetBox

See that nifty little twitter box (over on top of the left sidebar)? Try it out! Now look at the bottom of the tweet see how it says via Mission to Read? Yeah, it actually links back to the blog. How awesome would it be for every single tweet that you send include a link back to your blog in a non-pushy way? Yep all of that happens with all of this incredibly simple tutorial.

All of this is directly from twitter so it is secure and easy.

As always if there is anything that you do not understand tweet me or email me and I’ll do all I can to help.

Set up the link:


Go to twitter dev and input some information.

It’s really that easy. Fill out the captcha and click enter and you are done!

Now go to the next tab and click Settings:

Input any image you’d like to represent the app. I would use something that you use to represent your blog in general.

Now this is important! Scroll down from inputing your image and click Read and Write. Just for clarification this too is in the Settings tab.

Go back to the first tab “Details” and note your Consumer Key. You will need this key for the next step.

Code the Tweetbox:


Now comes some incredibly easy coding:

<script src="http://platform.twitter.com/anywhere.js?id=YOUR_API_KEY" type="text/javascript"></script>

Where it says Your_API_Key input the Consumer Key.

This entire code goes directly under <title> in your html code for your page.

It’ll look something like this:

    <title><data:blog.pageTitle/></title>

<script src='http://platform.twitter.com/anywhere.js?id=API_KEY' type='text/javascript'/>

The title code is already there and then you just input your code with your Consumer Key underneath.

Put a Tweetbox in your Sidebar:

Where you want the box to show up in your sidebar input this code:

<div id="tbox"></div>
<script type="text/javascript">

  twttr.anywhere(function (T) {

    T("#tbox").tweetBox({
      height: 100,
      width: 300,
      defaultContent: "Text Inside Box"
    });

  });

</script>

See where it says Text Inside Box? That is where you put anything you want to show inside the box. I have “Tweet @missiontoread”.

I would recommend you include your twitter handle in this text so people can easily tweet you from the box.

And that’s it! You are done! You now have your own twitter app directly from your blog.

Rie

I'm a wife, student, and a dog-lover who reads when I should be folding laundry (bane of my existance), I write (rarely as academic papers consume my life), and love getting wrapped up in fiction.

Categories: Blog Helper