Hi bloggy readers,
Retweet Button Tweetmeme is one of the powerful tools that works exactly just like many bloggers wanted for their blog, as a traffic generator. Retweet button Tweetmeme is a tool in the button form that can twit one post and then will automatically spread out the article around the Twitter pages.
But, if you still don't understand with how retweet button Tweetmeme works, you might remember with the social bookmarking button from Digg. Yeah, Tweetmeme will work in the same way as Digg button does. As you on my article, retweet button Tweetmeme has been stacked on the top. Interested to apply this widget to your blog? Read on to find out more.
1. Log in to Blogger
To start this article, now enter to your Blogger account.
2. Go to Edit HTML
In the Dashboard page, now go to Layout/Design > Page Element > Edit HTML.
Before editing the code in your blog template, i think it's important for you to save your current template to make a back up template, that later, can be reverted back to normal again using that template file. Now press Download Full Template.
In the Edit HTML Page, there is one small box called Expand Widget Template next to it, now press it.
4. Copy the script code of retweet button Tweetmeme
Now copy the TweetMeme script code below and edit it with your own preference
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'YourTwitterID';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div>
- The property float:right indicates the position of the retweet button Tweetmeme that will appear in your blog article.
- The value right can be changed with the value left if you prefer to put retweet button Tweetmeme on the left position.
- And for the code daniellikin indicates the ID of your Twitter account or the username of your Twitter account, so you must replace it with your own Twitter ID/username.
5. TweetMeme position in your blogger template
Okay, now we want to add this fRetweet Button Tweetmeme on the specific position in our blog post. By using the Find Mode (Ctrl + F) we will be able to put Tweetmeme button in both homepage and also the article page. Firstly, i want to show you how to find the code section that defines the top position of article in homepage.
a) Top right position in homepage
Now Press Ctrl + F and find the code below!
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
To install the Retweet Button Tweetmeme on the top right position of homepage, now paste the widget code inside the code below:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p>
b) Top right position on every blog post
Now find the code section below (Ctrl + F):
<h2 class='date-header'><data:post.dateHeader/></h2>
<div class='title'>
To embed the Retweet Button Tweetmeme on the top right position of every blog post, now paste the widget code inside the code above:
<h2 class='date-header'><data:post.dateHeader/></h2>
6. Save the Change
Now save the current change you've just made by pressing the Save Template button. As you can see both in the homepage and article page, the Retweet Button Tweetmeme has been successfully installed in your blog.
That's all guys. See you at my next tutorial, maybe i will dig more about adding twitter gadget in the future. Who knows.
0 comments:
Post a Comment