How to extract RGB and HTML code of any color from your PC screen.

You stumbled upon a beautiful color in your PC screen and you want to get HTML and RGB values of that color.Yes, you can get it in 20-30 seconds.

I just need EXACTLY the same color. At times, you may find yourself in a situation where no other alternatives seem to work. You have seen a color, be it in a Photograph, Be it in a webpage, be it in a presentation, and you want to use exactly the same color for your project.

This is HTML color Code Picker. Pick color from Justin Bieber face :)

As a blogger, sometimes I stumble upon a color and I also want to incorporate that color in my blog, so how can I pick the HTML code of EXACTLY the same color?

There are various resources available on the internet that lets you have html code of every color. But, in this case you have to choose the color from their list. There is no way to put your favorite color and get HTML code or RGB value of that color.

I want to tell you that there exists an unknown but excellent free Quick HTML Color Picker (tiny utility with 212kb of size)  from allgraphicstools that lets you extract HTML code and RGB values of any color from anywhere in your PC screen within 30 seconds.  You just stumbled upon any excellent color online or in a picture and want to get HTML code of that color, just open the Quick color Picker and your mouse pointer turns into an HTML code picker tool. Move this pointer to the color you stumbled upon, and press enter, it will automatically pick the HTML color code and RGB values of that color.

What are the possibilities of applications?

You can use Quick color Picker to help you in building a blog with beautiful and accurate-to-the-point color combination. You can use these HTML color codes in any of your project that needs good color combinations and where margin of error is very less.

Keep in mind, if you want to use a color in your PowerPoint presentation, there is no way to use HTML Code. You can only use RGB values to select color in PowerPoint. This Color Picker also gives you RGB values that you may use in PowerPoint software.

Download HTML color Picker for this link. There is no need to install. This is MFC application. This tiny tool becomes usable right after download.

Read more ...

How to Find a Perfect Domain Name in No-Time with Domainhole

Finding a perfect domain name is the first and most important step in blogging. Now as a matter of fact , we all know that .com, domain are the best but it is really difficult to find a good domain name at the regular ($8-$10) price. Because, people have already occupied good domain names in .com sector. After com domains you can also try .net which is the second most popular extensions. how do you normally find a domain name? The most obvious answer will be like this: “I go to godaddy or namecheap etc., enter a name that I need. In most cases, the name is already occupied so I play with the website to get alternatives and suggestions or I try another name and so on……………” But this kind of methodology lakes planning. its just hit and trial method that requires luck. Domainhole.com, a new service that does wonders when it comes finding a good domain name. How? Let me explain. domainhole.com offers various service free of cost that includes. Expired Domain Search This options allows you to search domain names that are about to expire. At times, folks have really good domain , but they don’t have any plans. so the domain just get expired. IF you use this tool. you can keep check on these domain and once it expires, just go to any service and get it registered. When using this option, you can narrow down your search results by choosing from a lot of options available. Just take a look at the screen shot below. For example, I need a domain name with the word “cloud” in it, And I managed to get really good names by using this functions that were about to expire in next 24 hours. Name Spinner One other handy option in domainhole.com that makes it easy to find a good domain name. Sometimes a great domain can come out of adding another word onto your keyword. We enter one word of our choice and name spinner adds another English keyword that is available to get a perfect domain name for us. Instant Availability Check This option can be used if you are interested in getting the real time results as you start typing your desired domain name,. For example, I started typing typing FACEBOOKGEEK and while I was typing, name checker was showing me the availability at every stage for every many top level domains. Take a look below. Name generator If you are interested in name branding instead of using a keyword in it, How about these domain names? iack.net, hirl.net, vegy.org, druz.org, weeck.com, vlabi.com You can find these and thousand other names that are excellent for name branding by using Name generator tool. Al you have to do is to choose how many letter you want in the domain name and what TLD you need, and name generator will create domain names for you that are available. Yo0u can regenerate names again to fin other combinations also. Finally let me know did you like this tool? have you ever used it? and if you fin a good domain that is not for you but that may be of interest for others, let others know in the comments and they will love you!

Read more ...

Gigaomized: Adsense ready blogger template with 5 different color skins

GigaOMized template series is designed by keeping in my mind the famous blog in the world that is gigaom.com. 


GigaOMized template series is completely adsense ready professional theme that gives your blog a highly professional lool. Even better, it give you flexibilty in term of skin colors. I am releasing this blog with 5 color skins you will surly going to love them. At least one of them!

GigaOMized Green

Demo :: Download

GigaOMized Girly 

Demo :: Download

GigaOMized Blue

DEMO :: DOWNLOAD

GigaOMized Grey

Demo :: Download

 GigaOMized Orange

Demo :: Download

Here are some of the features of this template.


1. Magazine style template.
2. Auto read more links on homepage with summary and thumbnail.
4. Social book marking icons at the top and end of the post.
5. Multi-optional feed subscription widget in the sidebar.(Rare!)
6. Adsense ready. ad in the middle of the post is also included. (Rare!)
7. Featured Post slider on Homepage. Without Slider template is also available.
8. Related posts hack already installed under the post. 
9. In the comment section, Blogger author comments are always highlighted to make it unique from others.
10. Author bio box at the end of the post.


Here is how to install this template.


1. Upload the template (Do not forget to backup your previous template. In case something goes wrong, you may revert back easily.)

2. First of all, expand the template and Find LINK-ONE, LINK-TWO etc (by using Ctrl+F to use browser search function) and replace it with your links. Also, replace # with your corresponding URL.

3. Now again by using browser search function, find FACEBOOK_PAGE_URL and replace it with your Facebook fan page actual URL. Also, search for TWITTER_USER_NAME and AUTHOR_INFO_URL and replace it with your twitter user name and your information page etc.. You may find these terms in more than one places. Replace all of them.

4. For modification of Author bio, find this URL 

https://lh6.googleusercontent.com/_fpfGknlVKcc/TYiQKP15vNI/AAAAAAAABsA/foVznETpZNE/IMG_1859.jpg 

and replace it with your image URL.

Then find these lines in the template by using any of the words from these lines as your text in browser search.

I am as real as anyone else! The only difference is that I love Google and Googling the technology quite vividly.

and replace it with your own short bio. 

How to modify Feed subscription widget.

Find FEEDBURNER_FEED_ADDRESS by using browser search function and replace it with your actually feed burner feed address. You will find this term in more than one places. Replace all of them.

Also make sure that you only replace it with the username part of the feed address. For example, my main blog's Feed burner URL is http://feeds.feedburner.com/irnovo. In this URL, only the last word irnovo is my Username part of the URL. SO, in my case, I will replace FEEDBURNER_FEED_ADDRESS with irnovo only. You will also follow this.

How to customize adsense ads in the template.

For top 728*15 link ads, get the code of this ad from Google adsense and parse it. parsing is very important to avoid errors. Its very simple if haven't done it already. Go to http://www.blogcrowds.com/resources/parse_html.php to parse this code.

 In the template find this line:

<!--parsed 336*280 adsense code goes here-->

And replace this whole line with your adsense code.

Similarly, find the lines

<!--ad under the post title/middle: parsed 336*280 adsense code goes here-->

<!--ad at the end of the post : parsed 336*280 adsense code goes here-->

and replace them with your adsense ad codes. 

Modify featured content slider.

First of all, find this line by search function:
Features slider content starts
Then take a look at the slider dummy content and replace it with you image URL, post URL, Post title and brief description. 

Keep in mind, the dimensions of the image should be 400x250 for best appearance.

--------------------------------------------------------------------------

Finally, if you have any problem in installation of this template, please comment here and I'll follow up shortly.

--------------------------------------------------------------------------

Read more ...

How to organize recent posts of your blog by category/Label

How to Organize or filter recent posts of your blog by category/Label?

You do not need to be an HTML prodigy to separate posts on the homage or side bar according to category/label.

I always like the blogs or website that are magazine like and have separated their posts into different categories on the homepage instead of just showing all the recent posts in single category. In fact, it gives a very clean look to the homepage of your blog if you have several categories.

So, how to do it with minimum knowledge of HTML?

In fact, I have found 3 different methods that do the trick without touching the template code of Blogger.

So, even dummies are able to do this by just following the steps I am going to write down here.

METHOD 1: Through Feed Burner.

If you are blogging, I can safely assume that you are aware of RSS feeds and the role of feed burner.

You probable have burned your blog feed through feed burner but you may not be aware of the fact that you can have several feed for a single blog based on each label .For example, I have a feed account for my main blog but I also have feed account for each of my label e.g, “Browser” or “Blog/website Development”.

First step is to burn your feed for each specific label.

Go to Feedburner.com ad login to your account.

Create new feed by entering original atom feed address as http://yourblogaddress/feeds/posts/default/-/labelname

Replace “yourblogaddress” with your actual Blog address and “Labelname” with your label. If your label consist of more than one word, write %20 between them (%20 is equal to space).

After burning feed, skip towards feed management and go to Publicize option.

In Publicize window, go to Buzz boost and customize all the options as per your liking.

Copy the Script.

Go to you blog and add new HTML/Java Script gadget. Place the code into that gadget and you are done.

Feed burner will automatically show recent posts in that category.

Method 2: Using Yahoo Pipes

Go to http://pipes.yahoo.com/pipes/pipe.info?_id=a12ea06cb64f2e32b3456cf426a0eec6

Enter your Blog address and label name for which you want to show recent posts.

Or alternatively I have written the yahoo pipes script here for your convenience .

<script src="http://l.yimg.com/a/i/us/pps/listbadge_1.4.js">{"pipe_id":"a12ea06cb64f2e32b3456cf426a0eec6","_btype":"list","pipe_params":{"urlinput1":"http:\/\/YOURBLOGADDRESS","textinput1":"WIDGETS","numberinput1":""}}</script>

Replace YOURBLOGADDRESS with your actual blog address. Replace WIDGET with your label name and paste this code into HTML/JavaScript widget.

Reposition the widget to any place where you want to show up recent posts for that specific category.

Method 3[Simplest]

This is by far the most favourite method for me and most simple for you.

Just copy the code below.

<!-- Recent Posts by Category Start -->

<script type="text/javascript">

function recentpostslist(json) {

 document.write('<ul>');

 for (var i = 0; i < json.feed.entry.length; i++)

 {

    for (var j = 0; j < json.feed.entry[i].link.length; j++) {

      if (json.feed.entry[i].link[j].rel == 'alternate') {

        break;

      }

    }

var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs

var entryTitle = json.feed.entry[i].title.$t;

var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";

 document.write(item);

 }

 document.write('</ul>');

 }

</script>

<script src="YOUR-BLOG-URL/feeds/posts/summary/-/LABEL?max-results=ADDNUMBER&alt=json-in-script&callback=recentpostslist"></script>

<span style="font-size: 60%; float:right;"><a href="http://www.irnovo.com"><i>i</i></a></span>

<!-- Recent Posts by Category End -->

Now replace  YOUR-BLOG-URL with your website or blog URL and replace LABEL with the name of the label for which you want to show recent posts and replace ADDNUMBER with any numnber like 5.

Add HTML/Javascript widget in blogger template and paste this code in that widget. it automatically pull recent posts in in that specific category.

You can repeat the same mehtod for next label also by adding one more widget. 

If you have any problem in implementing this method to your blog, please mention in the comments and I’ll follow you ASAP.

Read more ...

How to upload and call javascript files from Google Servers.

When you download a template for your blog, it always contains some type of JavaScript files to trigger specific operations on demand. That operation could be a JQuery based navigation menu or Tabbed sidebar or Featured posts slider or any other effect that are based on Java script. However, you never notice these things and you just copy the template code and upload it to blogger (Excluding some curious bloggers who always take notice of what they are uploading and what kind of Java scripts are there in the template code.)

Now what’s the Problem?

Problem is simple that I also have experienced a few times in my early days of blogging. Sometimes, these java scripts are delayed or even don’t work at all distorting the look and functionality of your blog. These JavaScript files simply don’t work as these were intended to be.

Why this happens?

These JavaScript are files are uploaded to a particular server, usually the same server from where you are getting template. If there are too many users for the same template, everyone is calling their JavaScript from the same server, and servers are not good enough to provide all the bandwidth then you face this kind of problem.

2nd Problem is the up-time of the server, If that server is doing some maintenance and down for a good time, your JavaScript will also not work.

What is the solution?

How about uploading the JavaScript files to a place of your own choice, So that you are not depending on others ‘servers to make your blog fully functional all the time?

How about using Google’s server to host JavaScript where you can upload it for free? You know that Google Servers are more efficient than any other server is and up time is almost more than 99.99%.

So how to do it?

First of all, you need to find the URL of your JavaScript code.

You can find all the JavaScript files in your template.

1.    Expand the template code.

2.    Find “.js” through browser’s search function. Normally, all the JavaScript url ends at .js.

3.    After finding the url, copy it, and paste this url in browser bar.

4.    Script will be opened in the browser window or alternatively browser will prompt you to save the file. You can save it ad open it in Notepad.

I am taking a particular example here to elaborate the process.  This example uses already a Google hosted JavaScript.

Say this is the JavaScript code.

<script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>

If I paste http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js in browser then see below the screenshot with Snipping tool.

5.     Save it, then open it and copy the code and make a .txt file and save it again.

6.    Now, in case if you don’t have it already, create a Google site from this link. (Its free!)

7.    After creating this website, create a new page in this website and search for “attachment” link. Upload your txt file here.

8.    This file will have a specific URL. Copy the URL by using right click of mouse and copy URL option.

9.    Paste this URL in browser bar

Remove the highlighted part as in below screenshot. 

Copy the remaining part of URL and replace it with the original URL in the JavaScript code.

And you are done!

IF you have any problem in implementing this method or you have anyother question please leave a comment below.

Also check how to categorize posts by label name on homepage or sidebar.

Read more ...