How To : Add Twitter’s Tweet Button to WordPress, Blogger, Tumblr Read more: How To : Add Twitter’s Tweet Button to WordPress, Blogger, Tumblr | SocialBlogr Under Creative Commons License: Attribution Non-Commercial Share Alike

Twitter has released the official Tweet Button some time ago, this is a good news for the bloggers. It is very easy to use, the javascript code is very compatible with many blogging platforms, like WordPressBlogger, and Tumblr.

Now, how to add the Tweet Button to your blog?
Go to Twitter’s Tweet button setup page, set your preferences button.
There are three styles available:

vertical tweet button How To : Add Twitters Tweet Button to WordPress, Blogger, Tumblrvertical

horizontal tweet button How To : Add Twitters Tweet Button to WordPress, Blogger, Tumblrhorizontal

none tweet button How To : Add Twitters Tweet Button to WordPress, Blogger, Tumblrnone

To set the button style, change the ‘data-count‘ parameter to ‘vertical’, ‘horizontal’, or ‘none’. Look at the default code:
<a href=”http://twitter.com/share” data-count=”horizontal” data-via=”socialblogr”>Tweet</a><script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script>

Now, how to add Tweet Button to WordPress blog?
Copy the following code and paste into your single or index page.

<a href=”http://twitter.com/share” data-text=”<?php the_title(); ?>” data-url=”<?php the_permalink() ?>” data-count=”vertical” data-via=”socialblogr“>Tweet</a><script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script>

If you’re using WordPress.com, just enable the tweet button from your admin page.

Add Tweet Button to the Blogger template.

Copy of the Following code:

&lt;a href='http://twitter.com/share&#039; class='twitter-share-button' data-text='<data:post.title/>' data-url='<data:post.url/>' data-count='vertical' data-via='socialblogr'&gt;Tweet&lt;/a&gt;<script src=’http://platform.twitter.com/widgets.js’ type=’text/javascript’/>

Add Tweet Button to Tumblr blog.

Copy of the Following code between {block:Posts} and {/block:Posts} :

<a href=”http://twitter.com/share” data-text=”{Title}” data-url=”{Permalink}” data-count=”vertical” data-via=”socialblogr“>Tweet</a><script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script>

NOTE : Change the Twitter username (red-printed) with yours.

Read more: How To : Add Twitter’s Tweet Button to WordPress, Blogger, Tumblr | SocialBlogr
Under Creative Commons License: Attribution Non-Commercial Share Alike

About anggieherdian

SMPN2 SMG SMAN3 SMG UNDIP 07 USM 14 Berdikusi dg Santun & Elegan, dg Semangat Persahabatan. Menuju Indonesia yg Lebih Baik, in Commonality & Shared Destiny. ❥ Desy Herma Fauza S.E., M.M

Posted on 15 Mei 2011, in Bukan Apa - Apa :). Bookmark the permalink. 1 Komentar.

  1. kalau menempatkannya di sebelah kiri gimana caranya yah…?

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: