Wednesday, September 16, 2009

Free Folder Menu Tabs

Hello! I come back again with another Free Design Box files. A set of Folder Menu Tabs in PSD file format.

photoshop,Free Design Box,vectors

The set includes 10 different sizes and 10 gradient variations menu tabs. They are sleek, and there's a shading effect layer for each tab.
You will have multi-layered and well arranged menu tab vector shapes based on color choices.

PSD file example (demo) to use the folder-like menu tabs is also available. Therefore you can set a box under the default state of it, along with the shading shape for each tab. I use Arial font for the demo file.

Read More

Saturday, September 5, 2009

A Fully Customized TweetMeme ReTweet Button for Your Blog Post

Follow me on Twitter
The thumbnail for this post is using Birdies~Cute Free Twitter Icons

Just few weeks ago, I added a TweetMeme Button to Graphic Identity Blog post. As you know already, that Twitter has became a big community to exchange links about latest news, pictures, blip of songs, and of course a blog post. These exchange is made happened by some ReTweet actions chain.
If you have a particular blog and you are familiar enough with this ReTweet term (or you can make it short as "RT"), then you may want to know about how to add a TweetMeme ReTweet Button to your blog post. It will track the number of RTs made for each blog post.
Actually the instruction to install the TweetMeme Button is clearly stated on Tweetmeme Help page. But I just want to let you know that I've combined several codes all together, so you will know that it is a fully customized TweetMeme RT button.

Read More

First of all, let's try to understand some options that make TweetMeme button as a smart RT add on for you blog.


Custom RT @username

tweetmeme_source = 'talktweetmeme';
By default the RT button will direct you in the format of "RT [@tweetmeme] [blog post title] [link]". If you want to see different format as if the RT comes after you, just change 'talktweetmeme' with your own Twitter username. This is pretty good because not only your blog post is spread out via RTs chain, but the other Twitter users can check your Twitter profile when someone RT your blog post and probably become your new follower :).
This is the example of how the customized code like:
 tweetmeme_source = 'graphicidentity';
Follow me on Twitter


Your Blog Permalink URL

tweetmeme_url = 'http://yoururl.com';
As it is intended as a RT for each blog post Permalink. Be sure to add your Permalink (permanent link) of your blog post with an exact CMS link format code. I'm using Classic Blogger Blogspot CMS, so I included ‹$BlogItemPermalinkURL$› to have a correct blog post link in the RT. Here is how the code will look like:
 tweetmeme_url = '‹$BlogItemPermalinkURL$›';

If you are using New Blogger Blogspot, there is a great tutorial to get the right permalink posted by Chetan. He is also my nice Twitter mate :)
Wordpress CMS users won't find any difficulties with coding to install this add on, because TweetMeme has provided a TweetMeme Button Wordpress plugin.



URL Shortener Service

tweetmeme_service = 'bit.ly';
The TweetMeme button add on allows you to use any URL shortener you like. The default option is: bit.ly URL shortener. Long URL won't help other Twitter user to RT your blog post right? :D
If you prefer to have tr.im as the URL shortener, just change the "tweetmeme_service" parameter as shown here:
tweetmeme_service = 'tr.im';



Button Styling

tweetmeme_style = 'compact';
The last options to complete the customization steps could be the button styling. Some of you may like a compact button. For that you just need to include the code above. Don't include this code if you want more bigger button.
Here is another tutorial, written by AllBlogTools.com to style your TweetMeme button if you are a New Blogger Blogspot user.

Follow me on Twitter


The next step is to to save all combined codes to your template. Please remember that I'm using Classic Blogger Template. So here is the codes that I've included in the end of Blogger HTML post tags, just before the comment tags:
‹script type="text/javascript"›
tweetmeme_source = 'graphicidentity';
tweetmeme_url = '‹$BlogItemPermalinkURL$›';
tweetmeme_service = 'bit.ly';
tweetmeme_style = 'compact';
‹/script›
‹script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript"›
‹/script›

If you wanna know where your TweetMeme code is supposed to be added in New Blogger Template? Just visit this Anshul Dudeja's tutorial post to find out.

I hope you will find this tutorial useful and a RT is much appreciated! ;) Have a lovely weekend everyone!

Featured Post

New Vector Set: Vintage Piano Badges

Hello again! Here's my latest vector set that you can check on Creative Market. Four designs of Vintage Piano Badge that are available ...