BloggersHangout

Tayor Norrish came up with the idea  Printfriendly. Later he found a developer who can write the algorithm for parse and tag relavent content in HTML pages. It makes any webpage print friendly by just entering a URL in textbox and click print preview. It generates print preview where it has options for print, create PDF for printing and email, tweet for sharing the content throughout the world and it also has undo and remove images option. It saves paper which in turn saves trees and also saves ink

Printfriendly.com in their own word

"PrintFriendly makes printing on the web better. You'll save paper and int, plus get great looking documents".

How it works

Their algorithm prints clean by removing navigation, ads and all the junk.
They use best practices in print Typography to format your document for great readibility.
Customization is possible where you can remove images, junk paragraphs and get PDf files.

Features:

It provides exact print preview, greating looking pages w…

The post explains how to add print friendly button to Blogger(Blogspot) blog


What is PrintFriendly?
It is simple web application which makes makes printing on the web better.
Why should we make webpage or blog post  PrintFriendly?
We make webpage or blog post print friendly to save paper and ink.

How to make blog post or webpage PrintFriendly?
It is very simple, just use PrintFriendly button.




Advantages:

Their algorithm removes ads and all the junk.  Cusotmization is possible before printing webpage or blog post.Save Money & the Environment and It also creates PDF file from your webpage or blog post.

How to add print friendly button to blog:

Step 1: Sign into Blogger account.

Step 2: Choose a blog  from your blogger dashboard to make print friendly.

Step 3: Go to Design> Edit HTML>Edit Template and select or checkmake the expand widget templates and   do as shown below

If you are using Google Chrome press f3 key and search for the below line
If you are using Mozilla Firefox or In…

This post explains "Adding Related Posts with Thumbnails in Blog"

What is the use of adding related posts with thumbnails in blog?
It will not let your past posts go to waste.
It increases pageviews.
It  keep readers engaged.
It makes blogs or websites look professional.
Its design is simple and unobtrusive.
The widget is  free and the good thing about this widget is ad-free.
Last but not least, it is easy to install.

How to add related posts with thumbnails:

Step 1: Sign into your Blogger account.

Step 2: Select Design>Page Elements and leave it

Step 3: Click the link  LinkWithin and fill form and click get widget


and then it will take you to a page where install widget link is present and some steps to implement in your blog. Click the install widget link and follow the steps given in that page.

Step 4: Change title to "You may also like these posts" or you may change according to your wish.

Step 5: Save the Page Elements.

It looks like this

That's it! You succ…

This post explains how to embed Youtube video to blog or embedding a video from YouTube into Blogger:

Bloggers hangout presents a simple way to embed Youtube video to blogger blog.

Step 1: Create an account in Youtube by clicking this link YouTube.

           You will be taken YouTube website and then click Create Account as shown below



            and fill up the form

            and then click I accept. That's it, you successfully created an YouTube account.


Step 2: Sign In to your Youtube account and upload original videos. After uploading each video you will get an embed link.

Step 3:Copy the embed link and paste it in your blog.


And you can change the look and feel of the player as shown above.

Step 4: Publish post.                                                                  
                                                                         (or)
Alternative: 

Step 1: Go to www.youtube.com and search for the video which you would like to post in blog

Step 2: Select the v…

This post explains, how to uploading video to Blogger Blog:

Uploading video to blog is made easy by blogger by selecting small video icon on editor.

Step 1: Sign into your Blogger account.

Step 2: Select the blog for which you want to add video in new post from the dashboard.

Step 3: Select new post and then click small video icon on editor



Step 4: You will be taken to add a video page and then select choose video to upload from computer and then click upload button.

Step 5: After that add the selected video to your blog and publish post.
That's it! You successfully uploaded video to your blog.

Read:How to generate youtube thumbnails?
If you have any doubts about this "How to Upload Video to Blogger Blog", please don't hesitate to comment.

What is favicon?
A favicon is a short form for favorites icon. It is also known as shortcut icon, website icon, URL icon or bookmark icon. It is a small icon or image displayed at the beginning of the address bar of the browser and also displayed at the beginning of the title on the tab of the browser.

Advantages: Favicon makes it easy to find blogs/websites/webpages when someone bookmarked your blog/website/webpage among several blogs/websites/webpages.And also It also makes your blog/website look professional



Adding a favicon to the blogger blog:

Step 1: Sign into your Blogger account.

Step 2: Select the blog for which you want to add favicon from the dashboard.

Step 3: Select Design>Edit HTML>Edit Template and then search for this line

<title><data:blog.pageTitle/></title>

Step 4: Add below tag  just after the above line

<link href='your image url' rel='shortcut icon' type='image/x-icon'/>

This format is supported by all popular browse…

What is favicon?
A favicon is a short form or achronym for favorites icon. It is also known as shortcut icon, website icon, URL icon, or bookmark icon. It is a small icon or image displayed at the beginning of  the address bar of the browser and also displayed at the beginning of the title in the browser.

Favicon size: Favicon icon files can be either 16 x 16 or 32 x 32 pixels in size but displays 16 x 16 pixels in size.

Additional  information about favicon: Favicons are either 8-bit or 24-bit in color depth. GIF files have a limited, 256 color palette entries.



Founder of favicon : Simon Butcher is the founder of favicon.

History: In 2003 the .ico format was registered with the  IANA( Assigned Numbers Authority) under the MIME type image/vnd.microsoft.icon, which standardized the .ico file type. The correct mime for icons is image/x-icon.

Browser support:

BrowserICOPNGGIFanimated GIFsJPEGAPNG

Bloggers hangout presents a simple way to add affiliate banner to Blogger sidebar.

Step 1: Sign into your Blogger account.

Step 2: Select the blog from dashboard for which you want to add an affiliate banner to sidebar.

Step 3: Add Html/JavaScript gadget to sidebar and name it.

Step 4: Get the affiliate banner code and paste in the content of the gadget.

Step 5: Save gadget.

Note: If the width of affiliate banner is more than the width of sidebar then affiliate banner will disturb your layout or goes out of the sidebar which looks ugly.

That's it! You successfully completed adding an affiliate banner to blogger sidebar.

If you have any doubts about "How To Add An Affiliate Banner To Blogger sidebar", please don't hesitate to comment.

Bloggers hangout presents a simple way to add advertisement space to Blogger sidebar. It consist of  four Ad space blocks and each Ad space block  is of 125px  x 125px.

Step 1: Sign into your Blogger account and select the blog from the dashboard for which you want to add advertisement space to sidebar.

Step 2: Add Html/JavaScript gadget to sidebar and name it as Advertisements.

Step 3: Go to Design>Edit Template and add Css definition as shown below
            Copy and paste this Css defintion  before this code   ]]></b:skin> or before </head>
            #ads
               {
                  height: 125px;
                  width:125px;
                  float: left;
                  margin:10px 10px 10px 10px;
               }
and save template

Step 4: Go to Design>Page Elements and click Advertisements gadget. Copy the code which is given below and paste the code in content of Advertisement gadget.

<div id='ads'>
<img src="http://1.bp.bl…

Blogger in draft is a special version of Blogger where we can try out new features before release. Google think of it as laboratory. Blogger in draft is equal to Blogger + new things.

How can you use Blogger in draft?
To try out Blogger in draft, just go to Blogger In Draft and log in with your Blogger account.

How can you stop using Blogger in draft?
To stop using Blogger in draft, just go to http://www.blogger.com/ and log in with your Blogger account.

What do you get on Blogger in draft?
Access to new features, functionality, and interfaces which are in test mode. To see what's currently available on Blogger in draft, just read the blog at http://www.bloggerindraft.blogspot.com/

Bloggers hangout presents a simple way to add your site to google and verify blog or website in Google webmaster Tools. By doing this your site will be visible in the google search engine.

How To Add A Site And Verify Blog or Website:

Step 1: Sign into your blogger account and move extreme down to "Tools and Resources" and click webmaster tools link.

Step 2: Click Add a site button


 and add your site as www.yourdomainname.com.


Step 3: You can see add or remove owners under verification to extreme right. Click add or remove owners link and you will be taken to verification details page.



Step 4: Click  verify using a different method link and you will be taken to verify ownership page. You can see four different ways to verify and they are


Step 5: Select Add a meta tag to your site's home page.


After that you can see the instructions given below. You must copy  meta tag in rectangular box  and paste it into your site's or blog's home page. It must go into the head tag s…

Bloggers hangout present a simple way to add recent posts gadget to sidebar. Recent posts gadget is a gadget which displays recent posts in the sidebar. It displays post title, thumbnail of image, post description of your wish, comments and read more link. It was developed by bloggerplugins.org. The page views of your blog will definitely increases in few days as I had a personal experience with my blog. It makes your blog look professional.

How To Add Recent Posts Gadget To Sidebar:

Step 1: Sign into your blogger account.

Step 2: Choose a blog from the dashboard for which you want to add recent posts gadget.

Step 3: Select Design>PageElements and click add a gadget from the side bar and you will be taken to a window called add a gadget. In that widow search for recent posts as shown below.

And click plus symbol for adding the gadget( Bloggerplugins.org ) to your layout.

Step 4: Save the Template layout.

Note: This Gadgets seems to have some problem when seen in preview. It displays a…

Meta Tags: Meta Tags are tags which describes the content on the web page or website or blog. Three improtant meta tags are
DescritionKeywordAuthor Search engines uses this information for indexing the website or web page or blog.

Bloggers hangout presents a simple way to add meta tags to blogger( blogspot) blog. Adding meta tags to blogger blog is the first step in seo( Search Engine Optimization) .By adding meta tags to blogger blog search engines will index your site or blog . It is the simple way to get traffic from search engines like google, yahoo and bing.

Example: The result shown by google search engine when bloggershangout is typed in google search.


How To Add Meta Tags in Blogger blog:

Step 1: Sign into your blogger account and choose the blog from the dashboard.

Step 2: Select Design and then select Edit Html.

Step 3: Copy these 3 meta tags and add as shown in step 4.

<meta content='DESCRIPTION HERE'name='description'/>
<meta content='…