chsaqlain: blogger

Showing posts with label blogger. Show all posts

Put google adsense ads below each post in blogger easy

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; text-align: justify;">
Adsense is the first choice of many expert bloggers for their blog monetizing because it is a contextual based ad which shows relevant to the content. To increase the ad revenue webmasters try various ad spot on their blog to get maximum output from their advertisement programs. You might have observed an ad below post title in most of the big blogs. Why they prefer adding ads below the post title? It is because the spot just after the post title is the best place to put ads to increase <b>Click Through Rate</b> (CTR). But you should not rely on what other follows. You should keep trying to add adsense at various locations to check which spot works best for you. Come to our today’s tutorial which is about how to show Google Adsense Ad below post titles in blogger. So, let start the tutorial.</div>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
</div>
<h2 style="background-color: white; font-family: Raleway, Helvetica, Arial, sans-serif; font-size: 35px; line-height: 30px; margin: 0px 0px 20px; text-align: justify;">
Creating Google Ads</h2>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
</div>
<ol style="background-color: white; font-size: 21px; line-height: 34.3125px; list-style-image: none; list-style-position: inside; margin: 0px 0px 20px 30px; padding: 0px; text-align: justify;">
<li style="margin-bottom: 10px;">Go to your Google Adsense account.</li>
<li style="margin-bottom: 10px;">Create a new ad unit.</li>
<li style="margin-bottom: 10px;">For better results choose wide area ad sizes like <strong>300*250</strong>Medium Rectangle or <strong>336*280</strong> Large Rectangle.</li>
<li style="margin-bottom: 10px;">Customize your ad colors and click on save and get code button.</li>
<li style="margin-bottom: 10px;">Now parse this code using this HTML Parse Tool to change special characters into their corresponding HTML entities. The ads won’t appear if you use that code directly.</li>
<li style="margin-bottom: 10px;">Now copy the parsed code.</li>
</ol>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
</div>
<h2 style="background-color: white; font-family: Raleway, Helvetica, Arial, sans-serif; font-size: 35px; line-height: 30px; margin: 0px 0px 20px; text-align: justify;">
Adding Google Adsense in Blogger Below Post Titles</h2>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
</div>
<ol style="background-color: white; font-size: 21px; line-height: 34.3125px; list-style-image: none; list-style-position: inside; margin: 0px 0px 20px 30px; padding: 0px; text-align: justify;">
<li style="margin-bottom: 10px;">Go to <strong>Blogger</strong> >> <strong>Template</strong>.</li>
<li style="margin-bottom: 10px;">Backup your blog template.</li>
<li style="margin-bottom: 10px;">Click on Edit HTML button.</li>
<li style="margin-bottom: 10px;">Tick on Expand Widget Template box.</li>
<li style="margin-bottom: 10px;">Press <kbd style="font-family: Consolas, 'Andale Mono', Courier, 'Courier New', monospace; font-size: 11px; font-weight: bold; line-height: 18px;">Ctrl</kbd>+<kbd style="font-family: Consolas, 'Andale Mono', Courier, 'Courier New', monospace; font-size: 11px; font-weight: bold; line-height: 18px;">F</kbd> and search for</li>
<div style="margin-bottom: 20px;">
</div>
<blockquote style="font-size: 16px; font-style: italic; line-height: 24px; margin: 30px 60px; quotes: none;">
<data:post .body=""><div style="margin-bottom: 20px;">
</div>
</data:post></blockquote>
<div style="margin-bottom: 20px;">
</div>
<li style="margin-bottom: 10px;">Now paste below code just above it.</li>
<div style="margin-bottom: 20px;">
</div>
<blockquote style="font-size: 16px; font-style: italic; line-height: 24px; margin: 30px 60px; quotes: none;">
<b:if cond="data:blog.pageType == "item""></b:if><br /> PLACE YOUR AD CODE HERE<br /><div style="margin-bottom: 20px;">
</div>
</blockquote>
<div style="margin-bottom: 20px;">
</div>
<li style="margin-bottom: 10px;">Replace PLACE YOUR AD CODE HERE with your parsed ad code.</li>
<li style="margin-bottom: 10px;">Click on save template button.</li>
<li style="margin-bottom: 10px;">You are done!</li>
</ol>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
Once you performed these steps then visit any of your blog posts. Ad below post title will look something like this:</div>
<div align="center" style="background-color: white; font-size: 21px; line-height: 34.3125px;">
</div>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
The ad below post title will appear at the left side. If you want to show it at the right side or at center then use below code.</div>
<blockquote style="background-color: white; font-size: 16px; font-style: italic; line-height: 24px; margin: 30px 60px; quotes: none; text-align: justify;">
<div style="margin-bottom: 20px;">
<b:if cond="data:blog.pageType == "item""></b:if></div>
<div align="<span>center</span>“><br /> <span>PLACE YOUR AD CODE HERE</span></div>
<p><span></b:if></span>
</p></blockquote>
<p>If you are unhappy with the results and want to wrap text around Google adsense ads like this:</p>
<div align=" center="">
</div>
<div style="margin-bottom: 20px;">
then use below code.</div>
<blockquote style="margin: 30px 60px; quotes: none;">
<div style="margin-bottom: 20px;">
<b:if cond="data:blog.pageType == "item""></b:if></div>
<div 03="" 2013="" http:="" social-sharing-widget-below-post-title.html="" style="margin: 10px;" title="Add Social Sharing Widget Below Every Post Title in Blogger" www.bloggertipstricks.com="">
Add Social Sharing Widget Below Every Post Title in Blogger<div style="margin-bottom: 20px;">
</div>
<h3 style="font-family: Raleway, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 28px; margin: 0px 0px 15px;">
It’s Your Turn!</h3>
<div style="margin-bottom: 20px;">
</div>
<div>
These were all the ways to put Google Adsense ads below post title in blogger. Now it’s your turn to check which format works best for you. If you want to increase your ad revenue then you have to increase your blog traffic. Read these two posts on 6 “blog optimization tips” and an ultimate guide of “Search Engine Optimization Tips for Bloggers” which will help you to gain more traffic from search engines to increase Adsense income. Please share your views with me on increasing Adsense CTR and revenue through comments. Happy Making Money!</div>
</div>
</blockquote>
</blockquote>
</div>

Put google adsense ads below each post in blogger easy

Adsense is the first choice of many expert bloggers for their blog monetizing because it is a contextual based ad which shows relevant to...

6:41 AM

how To Get write Error Free Articles

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
<span style="background-color: #eeeeee;">writing error free articles is a tough job. You might be having a vast knowledge to share with the readers but sometimes it may happen that you are not able to deliver the content you were supposed to deliver because of some very simple mistakes done by you.</span></div>
<div style="font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
<span style="background-color: #eeeeee;">While writing articles your primary job should not only to write article and provide information to your readers but also make that article error free.</span></div>
<div style="font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
<span style="background-color: #eeeeee;">I am a content writer cum Blogger. After completing my article my job has not finished. One of the important parts that is left after my article is written is that i have to <b>proofread</b> that article and make it<strong>fully error free</strong>. So, in this post I am going to share the best 5 sources which I use to proofread my documents after I have written my article.</span></div>
<h2 style="font-family: Raleway, Helvetica, Arial, sans-serif; font-size: 35px; line-height: 30px; margin: 0px 0px 20px; text-align: justify;">
<span style="background-color: #eeeeee;">Online Proofreading Tools For Blog Posts</span></h2>
<div style="font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
<span style="background-color: #eeeeee;">So, these are the five tools which will help you get your article error free. You will be happy to know that all these tools are absolutely free of cost to use and using them you will get a proper article without any mistakes. So read about them and decide which tool meets your requirements the most.</span></div>
<h3 style="font-family: Raleway, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 28px; margin: 0px 0px 15px; text-align: justify;">
<span style="background-color: #eeeeee;">1# PolishMyWriting</span></h3>
<div style="font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
<span style="background-color: #eeeeee;">The very fist tool which comes to my list is <strong>PolishMyWriting</strong>. You can find all the errors in your article with the help of this tool very easily. Copy the article which you have written and which you want to proofread and paste it in the PolishMyWriting website. All the errors which will be founded in the article will be displayed in three different colors to you.</span></div>
<div style="float: none; font-size: 21px; line-height: 34.3125px; margin: 10px 0px; text-align: center;">
</div>
<span style="background-color: #eeeeee;"><br style="font-size: 21px; line-height: 34.3125px; text-align: justify;" /><span style="font-size: 21px; line-height: 34.3125px; text-align: justify;">All the </span><strong style="font-size: 21px; line-height: 34.3125px; text-align: justify;">spellings mistakes</strong><span style="font-size: 21px; line-height: 34.3125px; text-align: justify;"> will be identified by </span><span style="font-size: 21px; line-height: 34.3125px; text-align: justify;">Red color</span><span style="font-size: 21px; line-height: 34.3125px; text-align: justify;">, Polishmywriting will provide you different writing suggestions in</span><span style="font-size: 21px; line-height: 34.3125px; text-align: justify;">blue color</span><span style="font-size: 21px; line-height: 34.3125px; text-align: justify;"> and your </span><strong style="font-size: 21px; line-height: 34.3125px; text-align: justify;">grammatical mistakes</strong><span style="font-size: 21px; line-height: 34.3125px; text-align: justify;"> will be displayed in</span><span style="font-size: 21px; line-height: 34.3125px; text-align: justify;">green color</span><span style="font-size: 21px; line-height: 34.3125px; text-align: justify;">. Apart from telling your spelling, grammatical mistakes PolishMyWriting will also help you in giving suggestions for active and passive writing.</span></span><div style="font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
</div>
<div class="wp-caption aligncenter" id="attachment_320" style="clear: both; font-size: 21px; font-style: italic; line-height: 34.3125px; margin: 20px auto; max-width: 100%; text-align: center; width: 510px;">
<span style="background-color: #eeeeee;"><img alt="Content Polish" class="size-full wp-image-320" height="294" src="http://www.bloggertipstricks.com/wp-content/uploads/2013/07/polish-my-writings.jpg" style="border: 0px none; height: auto; margin: 0px; max-width: 100%; padding: 0px;" width="500" /></span><div class="wp-caption-text" style="padding: 5px;">
<span style="background-color: #eeeeee;">Get Your Content Polished <img alt=";)" class="wp-smiley" src="http://www.bloggertipstricks.com/wp-includes/images/smilies/icon_wink.gif" style="border: 0px none; height: auto; margin: 0px; max-height: 13px; max-width: 100%; padding: 0px;" /></span></div>
</div>
<h3 style="font-family: Raleway, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 28px; margin: 0px 0px 15px; text-align: justify;">
<span style="background-color: #eeeeee;">2# Ginger</span></h3>
<div style="font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
<span style="background-color: #eeeeee;">The second tool which comes to my list is <strong>Ginger</strong>. You will see many features as same as polishmywriting in Ginger. But you will not get all the features same as you get one advanced feature in Ginger that all your mistakes like a, an, have, the will also be pointed out. If you write a lot of articles each day and it is hectic for you to visit the website again and again to check the articles you can use the add on tool for the various web browsers provided by Ginger.</span></div>
<div class="wp-caption aligncenter" id="attachment_323" style="clear: both; font-size: 21px; font-style: italic; line-height: 34.3125px; margin: 20px auto; max-width: 100%; text-align: center; width: 560px;">
<span style="background-color: #eeeeee;"><img alt="Ginger Proofreader" class="size-full wp-image-323" height="238" src="http://www.bloggertipstricks.com/wp-content/uploads/2013/07/Ginger.jpg" style="border: 0px none; height: auto; margin: 0px; max-width: 100%; padding: 0px;" width="550" /></span><div class="wp-caption-text" style="padding: 5px;">
<span style="background-color: #eeeeee;">Proofread Your Content With Ginger <img alt=":)" class="wp-smiley" src="http://www.bloggertipstricks.com/wp-includes/images/smilies/icon_smile.gif" style="border: 0px none; height: auto; margin: 0px; max-height: 13px; max-width: 100%; padding: 0px;" /></span></div>
</div>
<h3 style="font-family: Raleway, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 28px; margin: 0px 0px 15px; text-align: justify;">
<span style="background-color: #eeeeee;">3# Slick Write</span></h3>
<div style="font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
<span style="background-color: #eeeeee;">Delivering a professional article to your client?? Is that your motto for the day?? If it is that you need to use <strong>Slick Write</strong> as most of the professionals and firms prefer to use this free online tool for<strong>proofreading their documents</strong>. Not only all your errors are recovered with the help of slick write but this tool also analyzes your writing and will give you suggestions so that your writing skills can be improved.</span></div>
<div class="wp-caption aligncenter" id="attachment_330" style="clear: both; font-size: 21px; font-style: italic; line-height: 34.3125px; margin: 20px auto; max-width: 100%; text-align: center; width: 560px;">
<span style="background-color: #eeeeee;"><img alt="SlickWrite Proofreader Tool" class="size-full wp-image-330" height="209" src="http://www.bloggertipstricks.com/wp-content/uploads/2013/07/SlickWrite.jpg" style="border: 0px none; height: auto; margin: 0px; max-width: 100%; padding: 0px;" width="550" /></span><div class="wp-caption-text" style="padding: 5px;">
<span style="background-color: #eeeeee;">Get Your Articles Proofread Professionally <img alt=":)" class="wp-smiley" src="http://www.bloggertipstricks.com/wp-includes/images/smilies/icon_smile.gif" style="border: 0px none; height: auto; margin: 0px; max-height: 13px; max-width: 100%; padding: 0px;" /></span></div>
</div>
<h3 style="font-family: Raleway, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 28px; margin: 0px 0px 15px; text-align: justify;">
<span style="background-color: #eeeeee;">4# PaperRater</span></h3>
<div style="font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
<span style="background-color: #eeeeee;"><strong>PaperRater</strong> is another tool which makes to my list. Apart from checking your errors and recovering them your title of the article will be analyzed and proper suggestions will be given to you by<strong>PaperRater</strong>. Your article will be analyzed with the help of this tool and you will be given a final score on the basis of your writing skills.. Impressive!! Isn’t it??</span></div>
<div class="wp-caption aligncenter" id="attachment_334" style="clear: both; font-size: 21px; font-style: italic; line-height: 34.3125px; margin: 20px auto; max-width: 100%; text-align: center; width: 560px;">
<span style="background-color: #eeeeee;"><img alt="PaperRater Proofreader tool" class="size-full wp-image-334" height="350" src="http://www.bloggertipstricks.com/wp-content/uploads/2013/07/paperrater.jpg" style="border: 0px none; height: auto; margin: 0px; max-width: 100%; padding: 0px;" width="550" /></span><div class="wp-caption-text" style="padding: 5px;">
<span style="background-color: #eeeeee;">Get Your Articles Rated By Paper Rater <img alt=";)" class="wp-smiley" src="http://www.bloggertipstricks.com/wp-includes/images/smilies/icon_wink.gif" style="border: 0px none; height: auto; margin: 0px; max-height: 13px; max-width: 100%; padding: 0px;" /></span></div>
</div>
<h3 style="font-family: Raleway, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 28px; margin: 0px 0px 15px; text-align: justify;">
<span style="background-color: #eeeeee;">5# SpellChecker</span></h3>
<div style="font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
<span style="background-color: #eeeeee;"><strong>SpellChecker</strong> is the last tool which makes to our list. It gives you the option to check your articles in many different languages. If you want to <i>proofread a blog</i> which is not having a lot of articles written you can use spellchecker.net because it also checks your entire blog for errors and recovers them.</span></div>
<div class="wp-caption aligncenter" id="attachment_335" style="clear: both; font-size: 21px; font-style: italic; line-height: 34.3125px; margin: 20px auto; max-width: 100%; text-align: center; width: 560px;">
<span style="background-color: #eeeeee;"><img alt="Spell Checker Proofreading" class="size-full wp-image-335" height="232" src="http://www.bloggertipstricks.com/wp-content/uploads/2013/07/spellchecker.jpg" style="border: 0px none; height: auto; margin: 0px; max-width: 100%; padding: 0px;" width="550" /></span><div class="wp-caption-text" style="padding: 5px;">
<span style="background-color: #eeeeee;">Proofread Your Entire Blog with SpellChecker <img alt=":D" class="wp-smiley" src="http://www.bloggertipstricks.com/wp-includes/images/smilies/icon_biggrin.gif" style="border: 0px none; height: auto; margin: 0px; max-height: 13px; max-width: 100%; padding: 0px;" /></span></div>
</div>
<div style="font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
<span style="background-color: #eeeeee;">These were the best tools which I use for <strong>proofreading of my documents</strong> when I am online. Use them and let us know if you find any more exciting features than mentioned above.</span></div>
</div>

how To Get write Error Free Articles

writing error free articles is a tough job. You might be having a vast knowledge to share with the readers but sometimes it may happen th...

6:38 AM

increase Internal Links to Boost Blog Ranking

increase Internal Links to Boost Blog Ranking

Internal linking within content is very important. As you may already know, website or blog that provide easy navigation to its users m...

6:34 AM

Google Penguin 2.0 Update Recovery

Google Penguin 2.0 Update Recovery

After Penguin 2.0 update, bloggers, whose blog got hit, are worrying to recover their blog from the penalty. They are definitely lookin...

6:32 AM

add keyword in blogger post?

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; text-align: justify;">
<img alt="Keywords in Blogger Posts" height="211" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWOSZ_PDTgrPEYO7_dwkq-CJveigqeDjQz3YhjQUQOzG4AB3joBqjC79aHS8RU6uoruHJR9B5SYG3VDdRb8k16UDlqu5teKhrEDEzCMZwOgN71i0PMi7QB_XlfVnCpeQE-w7_VsVLY7Y4e/s1600/blogger-posts-keywords.jpg" style="height: auto; max-width: 100%;" title="Add Keywords in Blog Posts" width="586" /></div>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
If you have original and SEO friendly content in your blog, then no doubt you can surely get high ranking in search results. Writing SEO friendly blog posts is not much tough as beginners think. We just need to focus on some places where we can add keywords in our blog posts to make them optimized for search engines. Don’t forget, optimizing blog posts for search engines is not mean to compromise with content quality. We have to add keywords in a proper way so that it looks natural for our readers and for search engines too. I’ll outline 6 best locations to add keywords in blogger blog posts. Hope you would like to know them.<br /></div>
<h2 style="background-color: white; font-family: Raleway, Helvetica, Arial, sans-serif; font-size: 35px; line-height: 30px; margin: 0px 0px 20px; text-align: justify;">
Optimize Blog Posts By Adding Keywords Smartly</h2>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
Before I cover today’s topic, you must need to know that adding too much keywords in blog posts is not good for our blog health. We should keep it’s density below 3% for better optimization of our blog posts.</div>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
The locations I’m going to tell you to add keywords are the safest and best locations of our blog area. If you want to get your blog posts rank high in search results, then don’t miss to target below locations:</div>
<h3 style="background-color: white; font-family: Raleway, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 28px; margin: 0px 0px 15px; text-align: justify;">
1# Starting and Ending Para of Content</h3>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
Whenever you write new post for your blog, always remember to add your main keyword in first and last paragraph of your content’s. Both the locations are best for this purpose and search engines also look for keywords in these two places to decide the ranking of our blog posts.</div>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
We can add more targeted words in the form of phrases between the content to make it more SEO friendly.</div>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
Note: Don’t use same words again and again. Better to use multiple and relevant words. Using multiple related word not only protect our content from keyword stuffing penalty but also help it to appear high with multiple search terms. Hence more targeted traffic to our blog.. <img alt=":)" class="wp-smiley" src="http://www.bloggertipstricks.com/wp-includes/images/smilies/icon_smile.gif" style="height: auto; margin: 0px !important; max-height: 13px; max-width: 100%;" /></div>
<h3 style="background-color: white; font-family: Raleway, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 28px; margin: 0px 0px 15px; text-align: justify;">
2# Image Name, Alt Tag and Title Tag</h3>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
We all know that images plays best role in explanation of the topic. But using images we can also optimize our blog posts even better.</div>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
We just need to optimize our images before inserting them into our posts. The better we optimize the images, the better our posts will optimize for search engines. Read below mentioned post to know best 6 ways to optimize images.</div>
<ul style="background-color: white; font-size: 21px; line-height: 34.3125px; list-style: square outside none; margin: 0px 0px 20px 45px; padding: 0px; text-align: justify;">
<li style="margin-bottom: 10px;">6 Tips To Optimize Images For SEO</li>
</ul>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
If we talk about adding targeted words in blog posts using images, then let me tell you that image’s name, title tag and alt tag are the best and prominent places. I had covered this topic in very depth with full explanation in below mentioned post. Don’t forget to read it.</div>
<ul style="background-color: white; font-size: 21px; line-height: 34.3125px; list-style: square outside none; margin: 0px 0px 20px 45px; padding: 0px; text-align: justify;">
<li style="margin-bottom: 10px;">Add Title and Alt Attribute To Optimize Images For SEO</li>
</ul>
<h3 style="background-color: white; font-family: Raleway, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 28px; margin: 0px 0px 15px; text-align: justify;">
3# Title Of Our Posts</h3>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
Our post titles are the top most places to add our targeted keywords. You may listen that we should use catchy post titles to attract more readers. But with catchy post titles we should also remember to add our keywords there.</div>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
Meaningful post titles grab more audience. Not only from social sharing sites, but from search engines too.</div>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
So, always try to use meaningful and catchy post titles to boost your posts traffic.</div>
<h3 style="background-color: white; font-family: Raleway, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 28px; margin: 0px 0px 15px; text-align: justify;">
4# Permalink of Posts</h3>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
Permalink is the URL of our blog posts. It’s a killer location to add really targeted keywords.</div>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
By default, permalinks create on the basis of our post’s titles. But we can use our custom permalinks to add our keywords.</div>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
To add custom permalinks go to your <strong>Post Editor</strong> > click on<strong>Permalink</strong> from the right side menu and choose <strong>Custom Permalink</strong>. Add your main keywords there and press <strong>Done</strong> button.</div>
<div align="center" style="background-color: white; font-size: 21px; line-height: 34.3125px;">
<img alt="optimize blog posts" height="294" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQF0L6LYD967uDM5JQuJq8bnKQz9knL8rsm3rLm4ql3lXtXHE1jrazIQpRxvMJqHw1oNbvD6gEW8qBsSPoAHEcZeyLXDL7qKmF5hoCCjRgennbeH35lwn_RZe9TlsCimXI8Ufj6188YiY/s1600/optimize-blog-posts.jpg" style="height: auto; max-width: 100%;" width="274" /></div>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
Note: Always try to use only targeted keywords in permalinks. Other non important words should be ignored.</div>
<h3 style="background-color: white; font-family: Raleway, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 28px; margin: 0px 0px 15px; text-align: justify;">
5# Post Labels</h3>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
Post labels not only used to categorize our blog posts. If used smartly then we can take their benefits to optimize our blog posts too.</div>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
Stop using non keyword rich names for your labels. Named them correctly and put your really targeted words there.</div>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
If you had forgetten to insert your keywords in label’s name, then don’t worry. We can rename them too. Read below tutorial for very easy steps.</div>
<ul style="background-color: white; font-size: 21px; line-height: 34.3125px; list-style: square outside none; margin: 0px 0px 20px 45px; padding: 0px; text-align: justify;">
<li style="margin-bottom: 10px;">How To Rename Labels in Blogger?</li>
</ul>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
</div>
<h3 style="background-color: white; font-family: Raleway, Helvetica, Arial, sans-serif; font-size: 28px; line-height: 28px; margin: 0px 0px 15px; text-align: justify;">
6# Post Comments</h3>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
Many bloggers are unaware with this trick that we can use our blog comments too to add some keywords in our blog posts.</div>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
Yes, you heard it right. There are lot of benefits of blog commentsand if we use them effectively then no doubt we can get higher ranking in search results.</div>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
Whenever you reply your reader’s comment on your blog, try to add some keyword phrases in your reply in a natural way that looks obvious while reading.</div>
<div style="background-color: white; font-size: 21px; line-height: 34.3125px; margin-bottom: 20px; text-align: justify;">
Note: Instead of adding your focused words try to use some long tail keywords in your comment section. In that way you can improve your keywords ranking too.</div>
</div>

add keyword in blogger post?

If you have original and SEO friendly content in your blog, then no doubt you can surely get high ranking in search results. Writing SE...

6:30 AM

Disable light box in blogger fast working

Disable light box in blogger fast working

Blogger also provides lightbox for viewing images.But if you take one image,it will open and the whole pictures in the page are listed ,S...

6:55 AM

Rainbow animation Link Widget for Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<img height="145" src="https://sphotos-a.xx.fbcdn.net/hphotos-prn1/p480x480/931212_555691994477791_982141989_n.png" width="320" /><br />
<span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">This is a simple Blogger Blog Trick,Changing the color of Link when Mouse over it.7 colors are changing like animation when hover the link.</span><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">Follow the simple steps below..</span><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><br /><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">If you are a beginner in HTML editing,Use our 1 Click Widget Below(Click </span><b style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">Add to Blogger</b><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;"> Button below)</span><br />
<form action="http://www.blogger.com/add-widget" method="POST" style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" target="_blank">
<br /><br /><br /><input name="go" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_AeRmVO7wPtMx0h37DOFH8x1sQzAGghCSgrkypwZqN4MbfoVss2ZyLuD008SQkzKBOimBPA_zmSOEK0Ot2Qu7cJa8NYn8WUDEA7MYJ31ohVQdq_3v25vI-_5i1_BQiD0z0vnSfkVZUiM/s1600/netoop_add+to+blogger+_small.png" type="image" /></form>
<h2 class="h2title" style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdVR6nqiZQFRff0hYFqc1mA77HKQW8HZgf2qpg2EUj7NE-xa0RY8IC1RLgrPvRTuo79e4dJSFkSQPe0iYG480WeOXRugb4LoLAnmj0qvvOTzS5dqz4sZFv9MTQFkoHx8EGKN_Rhm6R18U/s1600/h2title+tickkkk.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-top-left-radius: 14px; border-top-right-radius: 14px; border: 3px solid rgb(13, 112, 5); box-shadow: rgb(171, 171, 171) 3px 3px 3px; color: #25991c; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 0px 0px 1em; padding: 0px 1px 4px 34px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Install Rainbow Animation Hover Effect Manually.</h2>
<h4 class="notice" style="background-attachment: scroll; background-color: #b8e9ff; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz-0ouWbHeFYSlQPbbFxA0v74UB0TgOSuX7iMLDPfhxEbrNq4ajwwW3Fi1Xla7W-puOUo9lRvQ_0O8qOmMQ4egp_RKJ1zCmpEvsV47xhh4QzQcKZ0sDdjPsz83dByc5OuWS_dqsymuLz4/s1600/information.png); background-position: 0px 0px; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 4px solid rgb(0, 180, 255); color: white; font-family: Cuprum; font-size: 19px; margin: 0px; padding: 4px 36px 6px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 1px;">
Note:Remember that Back up your Template First.(<span style="color: #057cf6;"><span style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; transition: color 0.5s, font-size 0.5s ease-in-out 0s;">How to Backup Template</span></span>)</h4>
<ul style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Sign In to you Blogger Account.</li>
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Go to Design->Edit HTML</li>
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;"><span style="color: #057cf6;"><span style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; transition: color 0.5s, font-size 0.5s ease-in-out 0s;">Find <head> section</span></span> and Place the below code inside it.</li>
</ul>
<div class="codes" style="background-attachment: scroll; background-color: #ffedde; background-image: none; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border: 2px solid; box-shadow: rgb(133, 133, 133) 0px 0px 4px; color: #222222; font-family: Cuprum; font-size: 15px; height: 300px; line-height: 21px; overflow: auto; padding: 7px;">
<br /><script type='text/javascript'><br />//<![CDATA[<br />var rate = 20;<br />if (document.getElementById)<br />window.onerror=new Function("return true")<br />var objActive;  // The object which event occured in<br />var act = 0;    // Flag during the action<br />var elmH = 0;   // Hue<br />var elmS = 128; // Saturation<br />var elmV = 255; // Value<br />var clrOrg;     // A color before the change<br />var TimerID;    // Timer ID<br />if (document.all) {<br />document.onmouseover = doRainbowAnchor;<br />document.onmouseout = stopRainbowAnchor;<br />}<br />else if (document.getElementById) {<br />document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);<br />document.onmouseover = Mozilla_doRainbowAnchor;<br />document.onmouseout = Mozilla_stopRainbowAnchor;<br />}<br />function doRainbow(obj)<br />{<br />if (act == 0) {<br />act = 1;<br />if (obj)<br />objActive = obj;<br />else<br />objActive = event.srcElement;<br />clrOrg = objActive.style.color;<br />TimerID = setInterval("ChangeColor()",100);<br />}<br />}<br />function stopRainbow()<br />{<br />if (act) {<br />objActive.style.color = clrOrg;<br />clearInterval(TimerID);<br />act = 0;<br />}<br />}<br />function doRainbowAnchor()<br />{<br />if (act == 0) {<br />var obj = event.srcElement;<br />while (obj.tagName != 'A' && obj.tagName != 'BODY') {<br />obj = obj.parentElement;<br />if (obj.tagName == 'A' || obj.tagName == 'BODY')<br />break;<br />}<br />if (obj.tagName == 'A' && obj.href != '') {<br />objActive = obj;<br />act = 1;<br />clrOrg = objActive.style.color;<br />TimerID = setInterval("ChangeColor()",100);<br />}<br />}<br />}<br />function stopRainbowAnchor()<br />{<br />if (act) {<br />if (objActive.tagName == 'A') {<br />objActive.style.color = clrOrg;<br />clearInterval(TimerID);<br />act = 0;<br />}<br />}<br />}<br />function Mozilla_doRainbowAnchor(e)<br />{<br />if (act == 0) {<br />obj = e.target;<br />while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {<br />obj = obj.parentNode;<br />if (obj.nodeName == 'A' || obj.nodeName == 'BODY')<br />break;<br />}<br />if (obj.nodeName == 'A' && obj.href != '') {<br />objActive = obj;<br />act = 1;<br />clrOrg = obj.style.color;<br />TimerID = setInterval("ChangeColor()",100);<br />}<br />}<br />}<br />function Mozilla_stopRainbowAnchor(e)<br />{<br />if (act) {<br />if (objActive.nodeName == 'A') {<br />objActive.style.color = clrOrg;<br />clearInterval(TimerID);<br />act = 0;<br />}<br />}<br />}<br />function ChangeColor()<br />{<br />objActive.style.color = makeColor();<br />}<br />function makeColor()<br />{<br />// Don't you think Color Gamut to look like Rainbow?<br />// HSVtoRGB<br />if (elmS == 0) {<br />elmR = elmV;    elmG = elmV;    elmB = elmV;<br />}<br />else {<br />t1 = elmV;<br />t2 = (255 - elmS) * elmV / 255;<br />t3 = elmH % 60;<br />t3 = (t1 - t2) * t3 / 60;<br />if (elmH < 60) {<br />elmR = t1;  elmB = t2;  elmG = t2 + t3;<br />}<br />else if (elmH < 120) {<br />elmG = t1;  elmB = t2;  elmR = t1 - t3;<br />}<br />else if (elmH < 180) {<br />elmG = t1;  elmR = t2;  elmB = t2 + t3;<br />}<br />else if (elmH < 240) {<br />elmB = t1;  elmR = t2;  elmG = t1 - t3;<br />}<br />else if (elmH < 300) {<br />elmB = t1;  elmG = t2;  elmR = t2 + t3;<br />}<br />else if (elmH < 360) {<br />elmR = t1;  elmG = t2;  elmB = t1 - t3;<br />}<br />else {<br />elmR = 0;   elmG = 0;   elmB = 0;<br />}<br />}<br />elmR = Math.floor(elmR).toString(16);<br />elmG = Math.floor(elmG).toString(16);<br />elmB = Math.floor(elmB).toString(16);<br />if (elmR.length == 1)    elmR = "0" + elmR;<br />if (elmG.length == 1)    elmG = "0" + elmG;<br />if (elmB.length == 1)    elmB = "0" + elmB;<br />elmH = elmH + rate;<br />if (elmH >= 360)<br />elmH = 0;<br />return '#' + elmR + elmG + elmB;<br />}<br />//]]><br /></script><br /></div>
<ul style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Save It and Enjoy. . . !</li>
</ul>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">I think you enjoyed this post.Surely you will get excited after using this widget.</span></div>

Rainbow animation Link Widget for Blogger

This is a simple Blogger Blog Trick,Changing the color of Link when Mouse over it.7 colors are changing like animation when hover the link...

6:42 AM

Stylish google connect add in blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="background-color: white; clear: left; color: #222222; float: left; font-family: Cuprum; font-size: 15px; line-height: 21px; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img alt="Google Friend Connect" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOih-0OZNz8luJ0Uix6TrSCMuOyhnn6ixEEqHBMcJ-3QbhdwUy-pJGPWt8XOdgEyv5Wjz8X4qmEKNFgQm3-caCOR59wMKv58ACk3HYpH1vO4Vya42_c0XMZSG-3BecZqiU6VzRfab_JzQ/s200/google+friend+connect.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px;" width="200" /></div>
<span style="color: #057cf6; font-family: Cuprum;"><span style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; background-color: white; font-size: 15px; line-height: 21px; transition: color 0.5s, font-size 0.5s ease-in-out 0s;">Google Friend Connect</span></span><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;"> is an awesome Tool that lets your visitors to Follow your Blog and Increase your Blog Rank,gets Higher Traffic.</span><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">Here I am saying about how to add a Standalone Google Friend connect Button or Link to Your Blog/Page or anywhere in your Blog.</span><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">This Google Friend Connect Widget can only be place at Widget.This Standalone Friend connect button can place at anywhere also in the Post.</span><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">Follow the instructions below.</span><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><br />
<h2 class="h2title" style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdVR6nqiZQFRff0hYFqc1mA77HKQW8HZgf2qpg2EUj7NE-xa0RY8IC1RLgrPvRTuo79e4dJSFkSQPe0iYG480WeOXRugb4LoLAnmj0qvvOTzS5dqz4sZFv9MTQFkoHx8EGKN_Rhm6R18U/s1600/h2title+tickkkk.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-top-left-radius: 14px; border-top-right-radius: 14px; border: 3px solid rgb(13, 112, 5); box-shadow: rgb(171, 171, 171) 3px 3px 3px; color: #25991c; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 0px 0px 1em; padding: 0px 1px 4px 34px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Add Follow Button With Text</h2>
<blockquote style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; padding: 8px 9px;">
<a href="http://www.blogger.com/follow-blog.g?blogID=<b style="color: red;">PLACE YOUR BLOG ID HERE</b>" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjvdvvzxXln5T4L_f4z1Oe2Gyw-fhJhQpbptiv1DEiIOV7VdV0D9A864Ar8ssawW6AK6chveQI9NmmflcDn7ySv4SZTdNhTY2GfOMj538o-A7pBqnXkGykSA0eKJ0eL2a4bYhyphenhyphenDRcRJB4/s1600/google+friend+connect+netoops.jpg" /></a><br /><u><b>Preview </b></u><br /><span style="color: #057cf6;"><span style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; -webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; box-shadow: 0px 0px 0px; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjvdvvzxXln5T4L_f4z1Oe2Gyw-fhJhQpbptiv1DEiIOV7VdV0D9A864Ar8ssawW6AK6chveQI9NmmflcDn7ySv4SZTdNhTY2GfOMj538o-A7pBqnXkGykSA0eKJ0eL2a4bYhyphenhyphenDRcRJB4/s1600/google+friend+connect+netoops.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></span></span></blockquote>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" />
<div style="background-color: white; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 21px;">
<span style="font-size: medium;"><b><span style="color: #057cf6;"><span style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 3px dashed; padding: 6px 46px; transition: color 0.5s, font-size 0.5s ease-in-out 0s;">How to Find your BLOG ID?</span></span></b></span></div>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" />
<h2 class="h2title" style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdVR6nqiZQFRff0hYFqc1mA77HKQW8HZgf2qpg2EUj7NE-xa0RY8IC1RLgrPvRTuo79e4dJSFkSQPe0iYG480WeOXRugb4LoLAnmj0qvvOTzS5dqz4sZFv9MTQFkoHx8EGKN_Rhm6R18U/s1600/h2title+tickkkk.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-top-left-radius: 14px; border-top-right-radius: 14px; border: 3px solid rgb(13, 112, 5); box-shadow: rgb(171, 171, 171) 3px 3px 3px; color: #25991c; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 0px 0px 1em; padding: 0px 1px 4px 34px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Add A Stylish Follow Button</h2>
<blockquote style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; padding: 8px 9px;">
<a href="http://www.blogger.com/follow-blog.g?blogID=<b style="color: red;">PLACE YOUR BLOG ID HERE</b>" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6wIDTABIknJwwd8xbcwZrFEknDUOQpXbQOeWSWPXEabaPV4j8zSyYouZVlKyt9y8ebBk-5fb1-yMq_iM3bEVYDLvQ2VxSkWY2zYEEKJHZzbWX8zDAI-G90113IFz9j9hfUA1HXBZd9Wk/s1600/google+friend+connect+style.jpg" /></a><br /><u><b>Preview</b></u><br /><br /><span style="color: #057cf6;"><span style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; -webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; box-shadow: 0px 0px 0px; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6wIDTABIknJwwd8xbcwZrFEknDUOQpXbQOeWSWPXEabaPV4j8zSyYouZVlKyt9y8ebBk-5fb1-yMq_iM3bEVYDLvQ2VxSkWY2zYEEKJHZzbWX8zDAI-G90113IFz9j9hfUA1HXBZd9Wk/s1600/google+friend+connect+style.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></span></span></blockquote>
<h2 class="h2title" style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdVR6nqiZQFRff0hYFqc1mA77HKQW8HZgf2qpg2EUj7NE-xa0RY8IC1RLgrPvRTuo79e4dJSFkSQPe0iYG480WeOXRugb4LoLAnmj0qvvOTzS5dqz4sZFv9MTQFkoHx8EGKN_Rhm6R18U/s1600/h2title+tickkkk.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-top-left-radius: 14px; border-top-right-radius: 14px; border: 3px solid rgb(13, 112, 5); box-shadow: rgb(171, 171, 171) 3px 3px 3px; color: #25991c; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 0px 0px 1em; padding: 0px 1px 4px 34px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Another Stylish Follow Button</h2>
<blockquote style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; padding: 8px 9px;">
<a href="http://www.blogger.com/follow-blog.g?blogID=<b style="color: red;">PLACE YOUR BLOG ID HERE</b>" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi403SR-vz-11qa2_K3Serto14yADbuc2z-Ckci8BXrU19OTFFwqqhu91mpfBL18fSxdp_sYbRS6_RsO2sXxRlNEoo37_pD-Xl3OXG0fyZDpGabXFDlttF9OimkAbCBIHkRnitHY4cOZbE/s1600/google+friend+connect+style2+netoops.jpg" /></a><br /><u><b>Preview</b></u><br /><br /><span style="color: #057cf6;"><span style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; -webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; box-shadow: 0px 0px 0px; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi403SR-vz-11qa2_K3Serto14yADbuc2z-Ckci8BXrU19OTFFwqqhu91mpfBL18fSxdp_sYbRS6_RsO2sXxRlNEoo37_pD-Xl3OXG0fyZDpGabXFDlttF9OimkAbCBIHkRnitHY4cOZbE/s1600/google+friend+connect+style2+netoops.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></span></span></blockquote>
<h2 class="h2title" style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdVR6nqiZQFRff0hYFqc1mA77HKQW8HZgf2qpg2EUj7NE-xa0RY8IC1RLgrPvRTuo79e4dJSFkSQPe0iYG480WeOXRugb4LoLAnmj0qvvOTzS5dqz4sZFv9MTQFkoHx8EGKN_Rhm6R18U/s1600/h2title+tickkkk.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-top-left-radius: 14px; border-top-right-radius: 14px; border: 3px solid rgb(13, 112, 5); box-shadow: rgb(171, 171, 171) 3px 3px 3px; color: #25991c; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 0px 0px 1em; padding: 0px 1px 4px 34px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Another Water Blue Stylish Follow Button</h2>
<blockquote style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; padding: 8px 9px;">
<a href="http://www.blogger.com/follow-blog.g?blogID=<b style="color: red;">PLACE YOUR BLOG ID HERE</b>" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxFkiMuh7tR16VHllKvHgYSKDnWxbpTpBiD53UBIrFDizc6AgNDVAmsPDwljKlvhwfaZvWCvdpjvxmmUfSRfWXs4DtBT_i-8Bhj9Me-K3VxLUUeMYK7ZRUJ6YSQ6VyV7y2y-yKNke7OGU/s1600/google+friend+connect+style3+netoops.jpg" /></a><br /><u><b>Preview</b></u><br /><br /><span style="color: #057cf6;"><span style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; -webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; box-shadow: 0px 0px 0px; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxFkiMuh7tR16VHllKvHgYSKDnWxbpTpBiD53UBIrFDizc6AgNDVAmsPDwljKlvhwfaZvWCvdpjvxmmUfSRfWXs4DtBT_i-8Bhj9Me-K3VxLUUeMYK7ZRUJ6YSQ6VyV7y2y-yKNke7OGU/s1600/google+friend+connect+style3+netoops.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></span></span></blockquote>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><br />
<h2 class="h2title" id="findblogid" style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdVR6nqiZQFRff0hYFqc1mA77HKQW8HZgf2qpg2EUj7NE-xa0RY8IC1RLgrPvRTuo79e4dJSFkSQPe0iYG480WeOXRugb4LoLAnmj0qvvOTzS5dqz4sZFv9MTQFkoHx8EGKN_Rhm6R18U/s1600/h2title+tickkkk.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-top-left-radius: 14px; border-top-right-radius: 14px; border: 3px solid rgb(13, 112, 5); box-shadow: rgb(171, 171, 171) 3px 3px 3px; color: #25991c; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 0px 0px 1em; padding: 0px 1px 4px 34px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
How To Find Your Blogger ID</h2>
<ul style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Simply Go to Design or Settings or Posting or any other of the TAB</li>
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Watch the URL on Address Bar of the Browser and copy the Blog ID number and replace "<b style="color: red;">PLACE YOUR BLOG ID HERE</b>" with your blog id .</li>
</ul>
<div align="left" style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">
<img border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLjxBRtH5NfmXPKiC7cJrtgk6xgk8qmQ8YPO4kJ6UUR0am-y8avwINcR7EVd2PzzyyK1uw3jPPv2aNAN0qTqnTOQdIr7R0g_CXNMtjcG0kprHwuwsd78_nY372mtkobhj3i5WD9QkbzmE/s640/blog+id.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px;" width="640" /></div>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><br />
<h2 class="h2title" style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdVR6nqiZQFRff0hYFqc1mA77HKQW8HZgf2qpg2EUj7NE-xa0RY8IC1RLgrPvRTuo79e4dJSFkSQPe0iYG480WeOXRugb4LoLAnmj0qvvOTzS5dqz4sZFv9MTQFkoHx8EGKN_Rhm6R18U/s1600/h2title+tickkkk.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-top-left-radius: 14px; border-top-right-radius: 14px; border: 3px solid rgb(13, 112, 5); box-shadow: rgb(171, 171, 171) 3px 3px 3px; color: #25991c; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 0px 0px 1em; padding: 0px 1px 4px 34px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
How To Add Follow Button Below Every Post.</h2>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" />
<h4 class="notice" style="background-attachment: scroll; background-color: #b8e9ff; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz-0ouWbHeFYSlQPbbFxA0v74UB0TgOSuX7iMLDPfhxEbrNq4ajwwW3Fi1Xla7W-puOUo9lRvQ_0O8qOmMQ4egp_RKJ1zCmpEvsV47xhh4QzQcKZ0sDdjPsz83dByc5OuWS_dqsymuLz4/s1600/information.png); background-position: 0px 0px; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 4px solid rgb(0, 180, 255); color: white; font-family: Cuprum; font-size: 19px; margin: 0px; padding: 4px 36px 6px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 1px;">
Remember that Backup your Template Before Editing (<span style="color: #057cf6;"><span style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; transition: color 0.5s, font-size 0.5s ease-in-out 0s;">How to Backup Template</span></span>)</h4>
<ul style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Go to Design->Edit HTML</li>
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Tick the Checkbox  <b>Expand Widget Templates</b></li>
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;"> <span style="color: #057cf6;"><span style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; transition: color 0.5s, font-size 0.5s ease-in-out 0s;">Find the following code</span></span></li>
</ul>
<div class="code" style="background-attachment: scroll; background-color: #fffdf1; background-image: none; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 2px solid rgb(218, 169, 38); color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; padding: 3px 7px;">
<div class='post-footer-line post-footer-line-1'></div>
<div style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; text-align: center;">
<span style="font-size: medium;"><b>OR</b></span></div>
<div class="code" style="background-attachment: scroll; background-color: #fffdf1; background-image: none; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 2px solid rgb(218, 169, 38); color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; padding: 3px 7px;">
<p class='post-footer-line post-footer-line-1'></div>
<ul style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Place the following code Before it</li>
</ul>
<blockquote style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; padding: 8px 9px;">
<b:if cond='data:pageType == &quot;item&quot;'><br /><div style="color: red;">
<b>PLACE THE CODE OF FOLLOW BUTTON YOU WANT (that described above)</b></div>
<.b:if></blockquote>
<blockquote class="tr_bq" style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; padding: 8px 9px;">
Example:<br /><blockquote style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; padding: 8px 9px;">
<b:if cond='data:blog.url == &quot;item&quot;'><br /><a href="http://www.blogger.com/follow-blog.g?blogID=585509540650265660" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxFkiMuh7tR16VHllKvHgYSKDnWxbpTpBiD53UBIrFDizc6AgNDVAmsPDwljKlvhwfaZvWCvdpjvxmmUfSRfWXs4DtBT_i-8Bhj9Me-K3VxLUUeMYK7ZRUJ6YSQ6VyV7y2y-yKNke7OGU/s1600/google+friend+connect+style3+netoops.jpg" /></a><br /><.b:if></blockquote>
</blockquote>
<ul style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Save the Template..Done..</li>
</ul>
<span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">I hope you enjoyed this Post ,If any bugs with this please Comment it....</span></div>

Stylish google connect add in blogger

Google Friend Connect is an awesome Tool that lets your visitors to Follow your Blog and Increase your Blog Rank,gets Higher Traffic. He...

6:40 AM

Add beautiful favicon in blogger

Add beautiful favicon in blogger

Changing the favicon of your blog is a simple trick.By default blogger puts the blogger orange color logo to favicon.This can change to y...

6:32 AM

Stylish 404 Error For blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="background-color: white; clear: left; color: #222222; float: left; font-family: Cuprum; font-size: 15px; line-height: 21px; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img alt="Custom 404 Error Page for Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5qHJoGVViu2SnHZDW4NsYMJSx1L0_JJUDDyDEoIU7Y3MOk30bp4A3u9vOKhxamSY-CgB_QQbC9AOsiOjJtHt-WIDH2NCuLbGa1XYBkIKbzggsmVMIEMqPaO9otu6U6ne2nh57V8ONsME/s1600/custom+404+error+page.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px;" title="Custom 404 Error Page for Blogger" /></div>
<span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">404 Error or Page Not Found Error generated by Blogger when a user enters an invalid URL or 404 Error is an HTTP status code that means the page you are trying to reach on your Blog couldn't found or Page not exist in the Server.</span><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">By Default Blogger shows Error page message in a box and its not look Style.</span><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">Here I am saying about how to Customize it much better...</span><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><br />
<h2 class="h2title" style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdVR6nqiZQFRff0hYFqc1mA77HKQW8HZgf2qpg2EUj7NE-xa0RY8IC1RLgrPvRTuo79e4dJSFkSQPe0iYG480WeOXRugb4LoLAnmj0qvvOTzS5dqz4sZFv9MTQFkoHx8EGKN_Rhm6R18U/s1600/h2title+tickkkk.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-top-left-radius: 14px; border-top-right-radius: 14px; border: 3px solid rgb(13, 112, 5); box-shadow: rgb(171, 171, 171) 3px 3px 3px; color: #25991c; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 0px 0px 1em; padding: 0px 1px 4px 34px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Only Custom Message [No Style]</h2>
<span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">If you want to show only a custom message then First Go to </span><b style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">updated Blogger Interface</b><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">Then Go to </span><b style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">Setting->Search Preferences</b><br />
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8TfNvoOYr9u10G2vo5jlAf755OVvpv16r8lcginj2qgXrkOQ9MgDOMHQH4yC2aDyxNrF1VuRZkmC0KvNHgGoz15reK5FzWHe7QRDKHQnUFukLdxTgTQexzmAkso7qTrAacNvLs_SZxNc/s1600/404+error+page.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px;" /></div>
<h2 class="h2title" style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdVR6nqiZQFRff0hYFqc1mA77HKQW8HZgf2qpg2EUj7NE-xa0RY8IC1RLgrPvRTuo79e4dJSFkSQPe0iYG480WeOXRugb4LoLAnmj0qvvOTzS5dqz4sZFv9MTQFkoHx8EGKN_Rhm6R18U/s1600/h2title+tickkkk.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-top-left-radius: 14px; border-top-right-radius: 14px; border: 3px solid rgb(13, 112, 5); box-shadow: rgb(171, 171, 171) 3px 3px 3px; color: #25991c; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 0px 0px 1em; padding: 0px 1px 4px 34px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Error Message With Stylish 404 Images</h2>
<span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">If you want Colorful Stylish  404 page do the following.</span><br />
<ul style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Go to Design->Edit HTML</li>
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Find <b></head></b> and copy the below code just above it.</li>
</ul>
<div class="code" style="background-attachment: scroll; background-color: #fffdf1; background-image: none; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 2px solid rgb(218, 169, 38); color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; padding: 3px 7px;">
<b:if cond='data:blog.pageType == "error_page"'><br /><style type="text/css">.status-msg-wrap{font-size:100%;margin:none;position:static;width:100%}.status-msg-border{display:none}.status-msg-body{padding:none;position:static;text-align:inherit;width:100%;z-index:auto}.status-msg-wrap a{padding:none;text-decoration:inherit}</style><br /></b:if></div>
<ul style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Save the Template <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggviI4kLMrPEC66JtU2AyTGzuNm2Shi0nwcMhumyBYHHgnHyj8hyuf8Csgmu0jIHXshNVsOyEHUrWFi170XD6HWrw8NddbgLf9LjLMACz3vQF27pLSIMK0hMaLXfEHmOY8fdrddBtDVAk/s1600/save+template.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px;" /></li>
</ul>
<h2 class="h2title" style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdVR6nqiZQFRff0hYFqc1mA77HKQW8HZgf2qpg2EUj7NE-xa0RY8IC1RLgrPvRTuo79e4dJSFkSQPe0iYG480WeOXRugb4LoLAnmj0qvvOTzS5dqz4sZFv9MTQFkoHx8EGKN_Rhm6R18U/s1600/h2title+tickkkk.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-top-left-radius: 14px; border-top-right-radius: 14px; border: 3px solid rgb(13, 112, 5); box-shadow: rgb(171, 171, 171) 3px 3px 3px; color: #25991c; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 0px 0px 1em; padding: 0px 1px 4px 34px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Error Page Style 1</h2>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; text-align: center;">
<img alt="Custom 404 error page for blogger 1" border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn2YnVz9pPmYX5kzNA0e2zGRBD2YZ5cKLqLRb3FR0j7bEjvNAsRKHB4avuNORoV2RXL3ugPPtqOzixFm6RO5zi-2RGRqcuDZ4onm8EgyFs7RNF98q7x7vX7Hiafz1FgFmfHJUQo7WvJzQ/s320/404+error+page+1.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px;" title="Custom 404 error page for blogger 1" width="320" /></div>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" />
<ul style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;"> Go to <b>Setting->Search Preferences</b></li>
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Copy below code in <b>Custom Page Not Found</b> section [<b style="background-color: #ffd966;"><span style="color: red;">as shown in fig. first</span></b>]</li>
</ul>
<div class="code1" style="background-attachment: scroll; background-color: #fff4e0; background-image: none; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(255, 174, 0); box-shadow: 2px 2px 0px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 9px 2px 15px 0px; padding: 3px 0px 3px 64px; position: relative;">
<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2><br /><h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn2YnVz9pPmYX5kzNA0e2zGRBD2YZ5cKLqLRb3FR0j7bEjvNAsRKHB4avuNORoV2RXL3ugPPtqOzixFm6RO5zi-2RGRqcuDZ4onm8EgyFs7RNF98q7x7vX7Hiafz1FgFmfHJUQo7WvJzQ/s1600/404+error+page+1.jpg"/></div>
<h2 class="h2title" style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdVR6nqiZQFRff0hYFqc1mA77HKQW8HZgf2qpg2EUj7NE-xa0RY8IC1RLgrPvRTuo79e4dJSFkSQPe0iYG480WeOXRugb4LoLAnmj0qvvOTzS5dqz4sZFv9MTQFkoHx8EGKN_Rhm6R18U/s1600/h2title+tickkkk.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-top-left-radius: 14px; border-top-right-radius: 14px; border: 3px solid rgb(13, 112, 5); box-shadow: rgb(171, 171, 171) 3px 3px 3px; color: #25991c; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 0px 0px 1em; padding: 0px 1px 4px 34px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Error Page Style 2</h2>
<img alt="Blogger custom Error page" border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5LwMNIuIPPQjDOm4QqlsXtrnS5aeE5F2zyTOSK3dmAc18qfwI-WS8zqdw_GGQ0wu8JRPVoSRTJv8JuRa84JKyiI27EVQjc82q5tgBP5CJsIqfCQQ64HW8SdGMaOc-xcpka46RB7wyDGs/s320/404+error+page+2.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-color: white; border: none; box-shadow: 0px 0px 0px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; padding: 5px;" title="Blogger custom Error page" width="320" /><br />
<ul style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Go to <b>Setting->Search Preferences</b></li>
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Copy below code in <b>Custom Page Not Found</b> section [<b style="background-color: #ffd966;"><span style="color: red;">as shown in fig. first</span></b>]</li>
</ul>
<div class="code1" style="background-attachment: scroll; background-color: #fff4e0; background-image: none; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(255, 174, 0); box-shadow: 2px 2px 0px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 9px 2px 15px 0px; padding: 3px 0px 3px 64px; position: relative;">
<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2><br /><h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5LwMNIuIPPQjDOm4QqlsXtrnS5aeE5F2zyTOSK3dmAc18qfwI-WS8zqdw_GGQ0wu8JRPVoSRTJv8JuRa84JKyiI27EVQjc82q5tgBP5CJsIqfCQQ64HW8SdGMaOc-xcpka46RB7wyDGs/s1600/404+error+page+2.jpg"/></div>
<h2 class="h2title" style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdVR6nqiZQFRff0hYFqc1mA77HKQW8HZgf2qpg2EUj7NE-xa0RY8IC1RLgrPvRTuo79e4dJSFkSQPe0iYG480WeOXRugb4LoLAnmj0qvvOTzS5dqz4sZFv9MTQFkoHx8EGKN_Rhm6R18U/s1600/h2title+tickkkk.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-top-left-radius: 14px; border-top-right-radius: 14px; border: 3px solid rgb(13, 112, 5); box-shadow: rgb(171, 171, 171) 3px 3px 3px; color: #25991c; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 0px 0px 1em; padding: 0px 1px 4px 34px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Error Page Style 3</h2>
<img border="0" height="323" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvlzebU-Us2Eazv0zmz4Fh8tIreFO-83uTdym8qK_EwlXotvumzVCixY15X-KdllFHelHY7cDGV0YBQzH-llQQahntjOlw75jUa8-TSAE7ImIB4tzLtfHo8q11ibwH1V0aaRRwN-hwe1E/s640/404+error+page+4.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-color: white; border: none; box-shadow: 0px 0px 0px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; padding: 5px;" width="610" /><br />
<ul style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Go to <b>Setting->Search Preferences</b></li>
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Copy below code in <b>Custom Page Not Found</b> section [<b style="background-color: #ffd966;"><span style="color: red;">as shown in </span></b><b style="background-color: #ffd966;"><span style="color: red;">fig. first</span></b>]</li>
</ul>
<div class="code1" style="background-attachment: scroll; background-color: #fff4e0; background-image: none; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(255, 174, 0); box-shadow: 2px 2px 0px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 9px 2px 15px 0px; padding: 3px 0px 3px 64px; position: relative;">
<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2><br /><h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvlzebU-Us2Eazv0zmz4Fh8tIreFO-83uTdym8qK_EwlXotvumzVCixY15X-KdllFHelHY7cDGV0YBQzH-llQQahntjOlw75jUa8-TSAE7ImIB4tzLtfHo8q11ibwH1V0aaRRwN-hwe1E/s1600/404+error+page+4.jpg"/></div>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" />
<h2 class="h2title" style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdVR6nqiZQFRff0hYFqc1mA77HKQW8HZgf2qpg2EUj7NE-xa0RY8IC1RLgrPvRTuo79e4dJSFkSQPe0iYG480WeOXRugb4LoLAnmj0qvvOTzS5dqz4sZFv9MTQFkoHx8EGKN_Rhm6R18U/s1600/h2title+tickkkk.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-top-left-radius: 14px; border-top-right-radius: 14px; border: 3px solid rgb(13, 112, 5); box-shadow: rgb(171, 171, 171) 3px 3px 3px; color: #25991c; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 0px 0px 1em; padding: 0px 1px 4px 34px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Error Page Style 4</h2>
<img alt="blogger custom 404 error page" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgto063w5k16ARDu2DB4UIUGcvjI5WQZn0gXjhXsjuHkxUPO2ouitBFhqYa2Pjc2y1daLFQ_kye5dFF5Cu5WZeMgsEe6VrMNZQmuzXzuHYCRUsK_FTFY8PeSMbXLLRNDmvqLxnQQSVwa5s/s320/404+error+page+6.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-color: white; border: none; box-shadow: 0px 0px 0px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; padding: 5px;" title="blogger custom 404 error page" /><br />
<ul style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Go to <b>Setting->Search Preferences</b></li>
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Copy below code in <b>Custom Page Not Found</b> section [<b style="background-color: #ffd966;"><span style="color: red;">as shown in </span></b><b style="background-color: #ffd966;"><span style="color: red;">fig. first</span></b>]</li>
</ul>
<div class="code1" style="background-attachment: scroll; background-color: #fff4e0; background-image: none; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(255, 174, 0); box-shadow: 2px 2px 0px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 9px 2px 15px 0px; padding: 3px 0px 3px 64px; position: relative;">
<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2><br /><h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgto063w5k16ARDu2DB4UIUGcvjI5WQZn0gXjhXsjuHkxUPO2ouitBFhqYa2Pjc2y1daLFQ_kye5dFF5Cu5WZeMgsEe6VrMNZQmuzXzuHYCRUsK_FTFY8PeSMbXLLRNDmvqLxnQQSVwa5s/s320/404+error+page+6.jpg"/></div>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" />
<h2 class="h2title" style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdVR6nqiZQFRff0hYFqc1mA77HKQW8HZgf2qpg2EUj7NE-xa0RY8IC1RLgrPvRTuo79e4dJSFkSQPe0iYG480WeOXRugb4LoLAnmj0qvvOTzS5dqz4sZFv9MTQFkoHx8EGKN_Rhm6R18U/s1600/h2title+tickkkk.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-top-left-radius: 14px; border-top-right-radius: 14px; border: 3px solid rgb(13, 112, 5); box-shadow: rgb(171, 171, 171) 3px 3px 3px; color: #25991c; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 0px 0px 1em; padding: 0px 1px 4px 34px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Error Page Style 5</h2>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; text-align: center;">
<img border="0" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRf-TWJVnN4CBqFrsjWlDi1en1gkbNTtU5a-tGLmKxu5CABsgEeCBvFQBKc-N0MvOqzDUlUegtVDgOSWz-1f-bTRXpC_HOz9h1fbUawdbDBiNOe2hIq3_dnJzVw_8YQUGEjR2nAlZSZlQ/s320/404+error+page+7.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px;" width="320" /></div>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" />
<ul style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Go to <b>Setting->Search Preferences</b></li>
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Copy below code in <b>Custom Page Not Found</b> section [<b style="background-color: #ffd966;"><span style="color: red;">as shown in </span></b><b style="background-color: #ffd966;"><span style="color: red;">fig. first</span></b>]</li>
</ul>
<div class="code1" style="background-attachment: scroll; background-color: #fff4e0; background-image: none; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(255, 174, 0); box-shadow: 2px 2px 0px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 9px 2px 15px 0px; padding: 3px 0px 3px 64px; position: relative;">
<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2><br /><h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRf-TWJVnN4CBqFrsjWlDi1en1gkbNTtU5a-tGLmKxu5CABsgEeCBvFQBKc-N0MvOqzDUlUegtVDgOSWz-1f-bTRXpC_HOz9h1fbUawdbDBiNOe2hIq3_dnJzVw_8YQUGEjR2nAlZSZlQ/s1600/404+error+page+7.jpg"/></div>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" />
<h2 class="h2title" style="background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdVR6nqiZQFRff0hYFqc1mA77HKQW8HZgf2qpg2EUj7NE-xa0RY8IC1RLgrPvRTuo79e4dJSFkSQPe0iYG480WeOXRugb4LoLAnmj0qvvOTzS5dqz4sZFv9MTQFkoHx8EGKN_Rhm6R18U/s1600/h2title+tickkkk.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-top-left-radius: 14px; border-top-right-radius: 14px; border: 3px solid rgb(13, 112, 5); box-shadow: rgb(171, 171, 171) 3px 3px 3px; color: #25991c; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 0px 0px 1em; padding: 0px 1px 4px 34px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Error Page Style 6</h2>
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzesZl8XDlwS91FFGhc31CqYrH8vMfJOUefxLg0CPn-rOdZdkjZQb3AMLSCTeoP3cNndC-nw-k6RAtMXQg_Zn26C0_0NdWCu8VUyasEim3e39Y57trYX23EASDgL5W9EalIF-iaJjrQOQ/s1600/404+error+page+3.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px;" /></div>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" />
<ul style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Go to <b>Setting->Search Preferences</b></li>
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Copy below code in <b>Custom Page Not Found</b> section [<b style="background-color: #ffd966;"><span style="color: red;">as shown in </span></b><b style="background-color: #ffd966;"><span style="color: red;">fig. first</span></b>]</li>
</ul>
<div class="code1" style="background-attachment: scroll; background-color: #fff4e0; background-image: none; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(255, 174, 0); box-shadow: 2px 2px 0px; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 9px 2px 15px 0px; padding: 3px 0px 3px 64px; position: relative;">
<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2><br /><h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzesZl8XDlwS91FFGhc31CqYrH8vMfJOUefxLg0CPn-rOdZdkjZQb3AMLSCTeoP3cNndC-nw-k6RAtMXQg_Zn26C0_0NdWCu8VUyasEim3e39Y57trYX23EASDgL5W9EalIF-iaJjrQOQ/s1600/404+error+page+3.jpg"/></div>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">Then Click Save..That all..</span><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">First thanks to Bloggerplugins.com for the custom error page code, visit </span><span style="color: #057cf6; font-family: Cuprum;"><span style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; background-color: white; font-size: 15px; line-height: 21px; transition: color 0.5s, font-size 0.5s ease-in-out 0s;">here</span></span><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">. Then i made some changes and add beautiful 404 images that i was inspired from </span><span style="color: #057cf6; font-family: Cuprum;"><span style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; background-color: white; font-size: 15px; line-height: 21px; transition: color 0.5s, font-size 0.5s ease-in-out 0s;">HongKiat</span></span><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;"> .</span><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">I thinks this article helped you..If any bugs of doubts don't hesitate to ask..do comment...</span><br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">Like and share...</span></div>

Stylish 404 Error For blogger

404 Error or Page Not Found Error generated by Blogger when a user enters an invalid URL or 404 Error is an HTTP status code that means t...

3:41 AM