Pathik Shah

How to Embed Twitter Tweets in WordPress Blog Posts or Web pages

If you ever want to embed or insert tweets in your blog posts or web pages, you have three options

1. Copy the tweet text and link it to the Twitter URL

2. Take a screenshot and post an image of the tweet

3. Embed the tweet in your blog post, the way Twitter intended it.

The first way is lame, and the second one isn’t very SEO friendly. The third – embedding tweets – is what I prefer.

How to Embed Twitter Tweets in Blog Posts

You can use Twitter Blackbird Pie to generate code for embedding tweets which you can then post in your blog posts.

Just visit Blackbird Pie – Twitter

Enter the URL of the specific tweet that you want to embed and click on Bake it.

Copy the code that is generated and paste it in the ‘HTML’ view of your blog post.

Here is how this tweet would look like:

Twitter recently rolled out its official Tweet buttons using which you can directly tweet about any webpage. In this tutorial, I will explain how you can add the Twitter Tweet button to your WordPress or Blogspot blog. The procedure is nearly the same for adding it on any website.

Get the Twitter Tweet Button code

Go to Twitter > Goodies > Tweet Button

Choose the button you want and copy the generated code.

This is the sample code for the horizontal Tweet button with the tweet count.

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="pathik">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Add Twitter Button to WordPress Blog

Open your WordPress hosting account and navigate to wp-content/themes/yourthemefolder

Assuming that you want to add the code to every blog post, open single.php and edit it.

Add the code wherever you want the button to be displayed.

Alternatively, you could also add the Tweet button to your sidebar. Just login to your WordPress Dashboard and go to Appearance > Widgets.

Add a new Text widget to your sidebar and enter the Tweet button code there.

Add Twitter button to Blogspot Blog

Log in to your Blogger account and click on the Design tab. Select Edit HTML and add the Twitter button code wherever you want it to appear.

If you aren’t good with HTML/CSS, you can also just go to Page Elements in the Design tab and click on Add a Gadget.

Select the HTML/Javascript widget and add it to your sidebar. In the content tab, just add the Twitter button code.

You should see the Tweet button on your blog/website. Click on it and send a test tweet to check if it’s working or not.

Similarly, you can also add a Facebook Like button to your WordPress and Blogger blogs. Check out this tutorial – Add the Facebook Like Button to WordPress

Universal Ping Service – Just-Ping.com

Often, when you set up a new website or when you change the host nameservers, the DNS records take about 24-48 hours to propagate across the world. This simple service can tell you if your website address is accessible worldwide or not. It pings your website from many different countries and reports back with the ping results.

Check it out at http://just-ping.com

Just enter your site URL and click Ping! . You can also ping IP addresses if you want.

Today, Facebook officially released its social plugins as part of its world domination plans. Now you can like every page on the internet and share it on Facebook. For website owners, it can be a great source of traffic.

This tutorial will show you how to add the Facebook Like Button to your WordPress Blog.

Go to http://developers.facebook.com/plugins

Select the Like Button Plugin – http://developers.facebook.com/docs/reference/plugins/like

Customize the button as you want -

Select the layout, width, font etc and click on Get Code. Keep the dummy URL as it is – http://developers.facebook.com/

For static pages, you can directly enter the URL and get the code.

If you have a WordPress blog, you can get dynamically generate Like buttons for every page without having to generate new code every time.

The sample code for my blog is
-
<iframe src=”http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.pathikshah.com%2F&amp;layout=button_count&amp; show_faces=false&amp; width=450&amp; action=like&amp; font=trebuchet+ms&amp; colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:450px; height:px”></iframe>
-
Replace the blog URL with

<?php_the_permalink();?>

Just copy this code if you want -
-
<iframe src=”http://www.facebook.com/plugins/like.php?href=<?php_the_permalink();?>&amp; layout=button_count&amp;show_faces=false&amp; width=450&amp; action=like&amp; font=trebuchet+ms&amp; colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:450px; height:px”></iframe>
-
This will automatically create Facebook Like buttons for every page of your blog. Just place this code in your sidebar or on single.php of your WordPress theme.

This is the code I added on single.php just below the page title.
-
<iframe src=”http://www.facebook.com/plugins/like.php?href=<?php the_permalink();?>;&amp ;layout=button_count&amp; show_faces=false&amp; width=80&amp;action=like&amp; font=trebuchet+ms &amp; colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:80px; height:20px”></iframe>
-
Just tinker with the code and add it to your blog. If you have any doubts, leave a comment.

This tutorial will show you How to add the Google Buzz Share button on your WordPress or Blogspot/Blogger blog.

Get the Google Buzz Button code

Visit http://www.google.com/buzz/stuff and get the code for the Post to Buzz button. Keep all the options set to their default values. Copy the Buzz button code.

Add the Google Buzz Button to WordPress Blog

Just browse to your <blog directory>/wp-content/<theme directory>/single.php

Add the code depending on where you want your button.

Try inserting the code just after <div class=entry>. Align / Float the button to the left if you want to.

Save the file and open any post in your WordPress blog. You should see a Post to Buzz button with the Buzz count.

Google Buzz WordPress Plugin

If you don’t want to mess with the code,  just download this Google Buzz Plugin for WordPress and install it.

Add the Google Buzz Button to Blogspot/Blogger Blog

Sign in to your Blogger Dashboard and goto Layout > Edit HTML.

Add the Buzz Button code in the theme code where you want to place the button. The exact location will vary with the theme.