How to embed official Tweet Buttons on a self-hosted WordPress Blog

Categories: Blog, Resources | Tags: Blog, How To, Resources, Social Media, Tweet Button, Twitter, Wordpress

Tweet

Greetings, everyone! Genevieve here. I was just browsing through one of my favorite sites Mashable where I chanced upon the following article on HOW TO: Use Tweet Buttons as a Blogger or Site Owner. After reading the full post and the comments, I realized no one had posted any instructions for embedding the official Tweet Button code in a blog page template so I commented (accidentally as David so look for the comments from [ david teng photography ] LOL) on how I was able to achieve this. So here you go!

How to embed Tweet Buttons in an individual post

Edit your Single Post (single.php) file. Copy and paste your customized code from http://twitter.com/goodies/tweetbutton as is where you’d like to place your Tweet Button. It’s that easy.

For those of you who aren’t too familiar with code, a good place to put your Tweet Button near the top of your post is after your post title and before your post content. So you would want to paste the Tweet Button code somewhere between the lines that contain the_title(); and the_content(); tags.

How to embed Tweet Buttons in a blog page template

Generate your Tweet Button code at http://twitter.com/goodies/tweetbutton to your liking. Put some placeholder text for the URL (data-url) and Tweet Text (data-text) options so that the code generator will include those options in the code. To properly tweet 1) the permalink to the individual post instead of the URL of your blog page (for example, www.yoursite.com/blog) and 2) the title of the individual post instead of the title of your blog page, you’ll want to edit your placeholder text as follows:

Edit your Blog Page Template (page-blog.php) and paste your modified Tweet Button code where you’d like to place it. Again, a good place to put the code is somewhere between the lines that contain the_title(); and the_content(); tags if you’d like your Tweet Button to show up near the top after your post title and before your post content.

I hope you all found this helpful!

Posted on Friday, August 13th, 2010 at 5:29 am. | Categories: Blog, Resources | Tags: Blog, How To, Resources, Social Media, Tweet Button, Twitter, Wordpress | RSS 2.0 feed.