Sorry For Inconvenience Everybody, but we have mode to new URL Now.


http://bloggerhowtotips.blogspot.com/

Just URL Changed, rest things will remain same :) Hope to see you there : http://bloggerhowtotips.blogspot.com/

If you are a blogger or a webmaster then visitors and traffic is the scoop of the internet. Do you want your visitors to stay on your website for a while and read your posts thoroughly? I bet you do.

That is why you should know these 10 mistakes that drives your visitors away in less than two minutes. Avoid them and your visitors will enjoy their stay and come back again in future. Making your visitors annoyed quickly is never a good idea for a blog / website, you know. Especially when it's growing.



1. Using large or too many graphics: loads slow



Large and lots of graphics cost bandwidth and and make your site slow to load. If the load time is beyond your visitors' limit of acceptance, they will get impatience obviously. Thus resulting in their leaving at once, and that is not something you want. If a larger image is needed to describe your content, provide a link like "click here to view in larger size" or something. Therefore, the slow loading only occur when your visitor wish to see the larger image. Bigger size is not always better, dude.



2. Playing music automatically: irritating



Have you ever visited a website or blog that plays music automatically without your agreement? What do you feel? 9 of 10 people will get annoyed and quickly close the tab or window to silence it. If you have a plan to add sound effect or music to your site, don't do it, just don't. That's why they created Winamp, so that people can listen to music WHEN they want it. Don't force them to hear it from your site, that's bad.



3. Using bad formatting styles / template



Very simple: if your site is not friendly on the eyes, visitors will feel uncomfortable. It will drive them away fast, especially when the formats break into each other like crazy. Therefore, decide your format / template early and stick with it. There are a lot of free web templates out there that look tidy and good, don't say you can't afford them.



4. Using poor background color or image: text hard to read



Poor background color or image will make your text hard to read, and it is certainly annoying for your visitors. They will leave in half a minute. Improve your site's readability to make your visitors comfortable to stay. Light background is good with dark texts, and vice verse. Your target visitors are not super-men with their super vision, are they?



5. Writing too long posts: boring



No one likes someone who talks too much, and it also applies in blogging. Most internet surfers are modern type of people, and in this modern day, people have lots of things to do. Therefore, if you think people will have the time to read long babbling posts, you are wrong. Always make your articles comprehensive and don't extend them over and over. Yes, cut the crap. Super-duper long post is only good if titled "How to Sleep Quickly: Read This Post".



6. Using elements that blink, bounce, or scroll: distracting



Unless your website or blog is for kids, it is a bad idea to have these elements. They will distract your visitors from your message, reducing your communication effectiveness. Whatever you do, always limit or remove distracting elements from your site. Less is more my friend, less is more.



7. Using poor opening on the posts: negative first impression



Some people tend to open their post lamely, and that is totally bad for visitors. For example, if you are going to write a post about computer technology, don't open it by telling what activity you did yesterday, which has nothing to do with the topic. Some bloggers really do this in their extra long posts, and their annoyed visitors will just say "What the f*&% ?!" and leave at once. Don't do it, unless you are someone really-really famous.



8. Putting excessive advertising



Few ads will make your website looks more professional, but putting too many of them will distract your visitors from your content. It also has a big chance to irritate your visitors and drive them away quickly. You won't get more money from ads if they are annoying for your visitors. Don't look like you desperately wanting money, it's not too good for your brand.



9. Putting a registration page



Trust me folks, it will not make the visitors register. Instead, it will drive them away instantly. Time on site and bounce rate will show it, if you use some traffic analytic. If you really really want to ask people to register to your website, you better offer them something worthy registering. Otherwise, those who have registered may curse you because they feel deceived.



What kind of annoyance do you hate the most from a website (based on your experience)? Let's share on the comment box. Thanks to my friend isaacyassar for this wonderful post.

There are countless bloggers and blogs are there in the web today. Some of these blogs are personal, some are professional, some of them try to sell their products, and most of them are blogs that are created to earn some money.

Everyday huge amount of bloggers are creating new blogs in blogger to start up their online fortune. They all start their blogs with good spirit and ambition to earn some money from the Internet.



However, most of the new blogs are abandoned with failure as people can't see the return of visitors, they expected or spammed by the people and search engine robots. So why do these blogs fail, while others can get lots of visitors and earn lots of money :)



I can tell you why these people stop writing to their blogs. I also have started many blogs. Each blog that created is about different subjects, but after creating many number of blogs i have gave up. Then i have figured out what my mistakes were, and what i need to do to become a successfully blogger.



Patience:

If you are new to blogging era then you must sustain the growth of your blog. key to a blogs success is patience. That is the only thing you have to have from the start. Experts will tell you lots of things about good blogging, but if you don't have the patience, all those good advices will going from one ear and go out from the other. Those experts will tell you that you need to create good content. You need to write about something that you enjoy, something that you know. All of these are right. But without patience you can't do any of these advices. Because it takes time for a blog to become successful and start making money.

- You should have the patience to write regularly.

- You should have patience to create back links.

- You should have patience to do SEO for your blog.



So Patience is the very important key to run any blog successfully.



If you need any help please Leave a response.

Recently blogger team has launched Popular Posts Widget for all blogspot users. I have noticed a strange behavior of the Popular Posts Gadget when i got comment from on of my reader MXL. He want to remove snippet and thumbnail section from his Top Post widget.

After getting admin rights from him when i have tried to turn off the snippet and image thumbnail (from gadget unchecked the snippet and thumbnail option) , but i was not able to make it up to the mark because whenever i tried to change the snippet and thumbnail settings it is going back to its original configuration.



One thing which i have noticed is, he was using Blogger Template Designer, so his template was created using the template designer. So i have made changes in his template code, and fix the things manually.



If you also has the same issue then see the below steps and learn How to Remove Snippet and Thumbnail from Popular Posts Gadget Manually in Blogger



Steps to remove snippet and image thumbnail from popular posts gadget in blogger



Prerequisite Steps: You must have popular posts gadget added in your template already. You can check it in the Design > Page Element section.

Note: Before making any changes to your template, take a full backup of your blogger template.

#Step 1. Log in to your Blogger Dashboard and Navigate to Design> Edit HTML and Check the Expand Widget Templates Check box.







#Step 2. Find this type of code in your template:

<ul>

<b:loop values='data:posts' var='post'>

<li>

<b:if cond='data:showThumbnails == &quot;false&quot;'>

<b:if cond='data:showSnippets == &quot;false&quot;'>

<!-- (1) No snippet/thumbnail -->

<a expr:href='data:post.href'><data:post.title/></a>

<b:else/>

<!-- (2) Show only snippets -->

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>

<div class='item-snippet'><data:post.snippet/></div>

</b:if>

<b:else/>

<b:if cond='data:showSnippets == &quot;false&quot;'>

<!-- (3) Show only thumbnails -->

<div class='item-thumbnail-only'>

<b:if cond='data:post.thumbnail'>

<div class='item-thumbnail-center'>

<a expr:href='data:post.href' target='_blank'>

<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

</a>

</div>

</b:if>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>

</div>

<b:else/>

<!-- (4) Show snippets and thumbnails -->

<div class='item-content'>

<b:if cond='data:post.thumbnail'>

<div class='item-thumbnail'>

<a expr:href='data:post.href' target='_blank'>

<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

</a>

</div>

</b:if>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>

<div class='item-snippet'><data:post.snippet/></div>

</div>

<div style='clear: both;'/>

</b:if>

</b:if>

</li>

</b:loop>

</ul>

#Step 3. Follow this step, if you just want to remove image thumbnail from the gadget.



- Find this line and remove it (you will find it two times).

<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>



#Step 4. Follow this step, if you just want to remove Snippet from the gadget.



- Find this line and remove it (you will find it two times).

<data:post.snippet/>

#Step 5. Follow #Step 3 and #Step 4, if you want to hide both image thumbnail and Snippet from the gadget.



#Step 6. Save template and done!.

If you need any help please Leave a response.

How to Make Blogger Blogs Mobile Phone Compatible? .If you are running a blogspot blog then you should think about making your blogger blogs mobile friendly. Actually today i was seeing my Google Analytic account and i was surprised when i saw in the browser details that 15% of the users are using mobile browsers.

I also noticed that my blog is getting more visitors from the US region, where majority of users using mobile phones, tablets and iPhones. So i have decided to make my blog(http://besthowtoblogger.blogspot.com) mobile compatible. Below here you will find how to make blogger blog mobile phone compatible.





Steps to Make Blogger Blog Mobile Phone Compatible

Note: Before making any changes to your template, take a full backup of your blogger template.

#Step 1. Log in to your Blogger Dashboard and Navigate to Design> Edit HTML and Check the Expand Widget Templates Check box.







#Step 2. Find this code:

<b:include data='blog' name='all-head-content'/>

and replace it with this code.

<b:include data='blog' name='all-head-content'/>

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>

<b:if cond='data:blog.isMobile'>

<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>

<b:else/>

<meta content='width=1100' name='viewport'/>

</b:if>

#Step 3. Save template and done!.



If you need any help please Leave a response.

How to Add Favicon to Blogger?, When you create a blog in Blogger, the default favicon you will notice in your browser navigation bar is Bloggers default icon as favicon. If you want to add custom favicon to blogger and set an enrich favicon in your blogspot blogs then this is the final place for you.

Now you can set Favicon (Favorite Icon) as you need and which suits to your blog logo and design. Follow the below given steps to add favicon in your blogspot blog with ease.



A "favorite icon" or favicon (pronounced fav-eye-con) is a 16x16 pixels icon that appears next to a website's URL in the address bar of a web browser. To see the demo just see this image here and see my blogs favicon.

Before going ahead you must have your image(16x16 or 32x32) be either a .gif or a .png, get your image code ready to use ahead in the post as given below.



<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidCr2LEib-iRLGtDJ38EAQ4eqo1m9QhjkjyEzjjM7Azo2a-PwzUDPVeqKUy4jB2wKfPnnmLuvE2lU185jg6zQ8nCuwaHDMIc4LUXJD_QzwrL2ntixO_fNspsa4YcqRo7MMru5EwHLJ3cNh/s1600/Favicon.png" border="0" />

Steps to Add Favicon to Blogger

Note: Before making any changes to your template, take a full backup of your blogger template.

#Step 1. Log in to your Blogger Dashboard and Navigate to Design> Edit HTML.





#Step 2. Find </head> tag and just before the </head> tag add One of the following HTML image code. (Add.gif or .png code for firefox and .ico code for IE)



<link rel="icon" href="static_favicon.ico"/>

<link rel="icon" href="animated_favicon.gif"/>

<link rel="icon" href="static_favicon.png"/>

After Adding one of the above favicon image type, your code should be something like this:

<link href='http://www.siddharthr.in/favicon%20%281%29.ico' rel='icon'/>

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsGr5wGYbwUOYw1v7sXw_mvq6qp47W23o4yPBHWOM2N5vRxDImxXhbV6gZ1-3UUE7Q1TU7ZuDk2Vzhz4En_f9CJWDcn4ApVDBldbShn7aT14rttCXDIiZPchAW89nEW_2eLHZGq6iovGWd/s1600/favicon.png' rel='icon'/>

</head>

For those of you wanting desperately to have your favicon to work in Internet Explorer you have to use a .ico file, since it appears that Internet Explorer simply does not want to support the .png or other formats for the favicon.



You can’t upload a .ico file to Blogger.com, that means you will need to host your favicon somewhere other that on Blogger.com. An option could be Google Page Creator.



Some more help (resources) for adding a favicon in blogger.

• HTML-Kit favicon generator (download as favicon package) – Enables you to create a static or animated favicon; you can even create a favicon quickly using your Twitter username!


• Use Favicon Validator for making sure that the favicon works.


• Use image converterlink to convert your .jpg, .gif or .png image into .ico image

Video to know & set Favicon in your Blogspot Blogs







#Step 3. Save template and done!.

If it does not work for you leave a comment and we will see if it can be sorted out. Leave a response.

Blogger has just launched Popular Posts Widget in Blogger for all blogspot user, and i would like to guide you on how to add this popular posts widget in blogger. You can show this widget with thumbnail and without thumbnail. You will also be able to show text snippet of your post.

The Popular Posts gadget will help your readers quickly find out which of your posts have been viewed the most by your readers. The gadget also comes with several different styles and configurations. To add one of the best gadget you have to follow some simple steps given below.



Steps to Add Popular Posts Widget With Thumbnail in Blogger



#Step 1. Log in to your Blogger Dashboard and Navigate to Design> Page Element.





#Step 2. Now Find Popular Posts Gadget and (Click on Plus sign) Add it, before adding gadget you can configure the settings as per your need given in #step 3.



#Step 3. You can choose most viewed, snippet, thumbnail and title of the widget. (Recommended settings from me are as given below.

1. Enter Title of the widget as "Popular Posts".


2. In Most Viewed Choose All time.


3. If you want your popular posts with thumbnail and snippet then check bot check boxes else choose as per your need. ( I suggest you not to use any of these both)

#Step 4. Click on Save button and done!.

Update: Currently you will find this Gadget only in Blogger in Draft. Login with your blogger credential and add this wonderful widget.

If you need any help please Leave a response.