December 2012 - irnovo - Latest Personal Technology around you!

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.

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!

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:

And replace this whole line with your adsense code.

Similarly, find the lines

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.

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

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.

<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>

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.

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.

Is your Blog's Sidebar painfully slow loading? Here is the solution

Do you own a blog?

Is the sidebar of your blog is painfully slow loading. I mean it takes ages to load?

I have figured out why this happens and what is the solution of this problem. After implementing this techniques you will see drastic improvement in your page loading and main content as well as sidebar will load almost simultaneously.

First of all you should understand what the page loading sequence is. In most of the case, the first thing that loads is the header of the page. After header, main content area is loaded. Then comes the sidebar and finally the footer loads.

IF the header is stuck, no other sections of the page will be loaded until the header is loaded completely. Same is the case with sidebar. Sidebar will only load once the main section of the page is fully loaded.

What cause the sidebar to load slowly?

Slow loading javascript in the main section of your blog is the main reason.

If you have some gadgets installed above or below the main section of your webpage in Blogger and these widgets contain code that is quite unresponsive and takes ages to load, it will stop the sidebar loading until that code is fully loaded.

Let’s take my own blog’s example. I was using a commenting system that was similar to DISQUS but it was extremely slow loading. Because the javascript of that commenting system required to be placed after main post section, so it was stopping the sidebar to be loaded. It was really annoying for me but it took me only a few minutes to figure out the reason.

What is the solution?

There is no solution expect to find work-around or alternatives. Sometimes we have flexibility and we can move the java scripts from main sections to the footer section or sidebar. Like share, widgets can be moved from main sections to another place, but some widgets are bound to be rested above or below the main section. In that case, you should try to make the javascript fast loading or if this is not possible, you should remove the javascript to make your sidebar fast loading.

In Summary.

1: If possible, move all the slow loading widgets from main section to footer or sidebar.

2: If this is not possible, remove these java scripts and find alternatives.

ALTERNATIVELY, your can also change the Javascript servers to Google servers through a simple method and you know that Google is always the best option.

Read my post on how to host javascripts on Google sites for free to make it fast loading.

Tooinspired: A Magazine Style Professional Blogger Template

Tooinspired is a professional blogger template loaded with many features. I have not included features posts sliders and too many java scripts in it because I want to make it fast loading.

Here are some of the features of this template.

1. Magazine style fast loading template.
2. Auto read more links on homepage with summary and thumbnail.
3. Author bio box at the end of the post.
4. Social book marking icons at the top and end of the post.
5. Beautiful subscription widget in the sidebar.
6. Beautiful fluid width header and footer that adapts the screen resolution automatically.
7. Two navigation bars (Top and bottom of the header)
8. Related posts have 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.

And many more…

Download ::: Live Demo

How to install this template.

Download the file.

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 URL-ONE, URL-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 these words: TWITTER-USER-NAME
and replace it with your twitter user name.

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 and "YOUR-BIODATA-URL" with your about page url

That’s it.

One more thing, Pages widget is used as a navigation bar. After installing the template, remove the title of pages widget otherwise it will miss align the widget.

If you want to have that features in your blog, I may help you.These features are.

Multi-optional Feed subscription widget.
Modified Email subscrtion widget.
Ads placement under the title of the post and bottom of the post.
Ad sense link unit with Google search as the main navigation bar.
Finally yet importantly, Posts filter widgets that categories the posts based on their label. (See screenshot below).