chsaqlain

15 tips to increase Seo

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="background-color: white; clear: both; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipnFnIAe6GeAVOHpIAj9OacYDEmdWAhK6hkHPIvIuoiy9P49dvERzXAbqJonIPSzsudV21pvxMtQJjBIUBMaax0fD6ctIufXYkB5IBWTaDQRcqcnV5KJAh5q357pU1ScE8nDuKuobQnJM/s1600/images(6).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="color: black;"><img alt="WEB TRAFFIC" border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipnFnIAe6GeAVOHpIAj9OacYDEmdWAhK6hkHPIvIuoiy9P49dvERzXAbqJonIPSzsudV21pvxMtQJjBIUBMaax0fD6ctIufXYkB5IBWTaDQRcqcnV5KJAh5q357pU1ScE8nDuKuobQnJM/s200/images(6).jpg" style="border-width: 0px; height: auto; max-width: 620px;" title="WEB TRAFFIC" width="200" /></span></a></div>
<div style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">
<br /></div>
<br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">There are many different factors that make blogs much better than other Web Pages, including the speed at which blogs are indexed, the ability to submit to blog directories & normal directories, pings and track backs. All these things help </span><span class="IL_AD" id="IL_AD3" style="background-attachment: scroll !important; background-color: white; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px; padding: 0px 0px 1px !important; position: static;">drive more traffic</span><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;"> to blogs. Here are 15 popular techniques you can use to </span><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">drive more traffic</span><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;"> to your blog:</span><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Publish short posts frequently</b><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Using your main keywords, publish as much short posts as you can on a daily bases. Short posts don’t take much time to write, but they are very popular amongst blog readers. Publishing few short posts a day, will keep your blog within the radar of search engines for longer, giving your blog more visibility.</span><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Submit to My Yahoo</b><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">When you submit your own RSS to My Yahoo it is automatically indexed by Yahoo.</span><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;"><br /></b><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;"></span><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Submit to Google’s reader</b><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">When you submit your own blog RSS to Google’s Reader the Google Blog Search will index your site for you.</span><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Trade links</b><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Add a link directory to your blog and trade links like as often as possible. Although it may take a little more time than simply submitting to a search engine one time, this method is one of the best ways to </span><span class="IL_AD" id="IL_AD4" style="background-attachment: scroll !important; background-color: white; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px; padding: 0px 0px 1px !important; position: static;">drive traffic to your site</span><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">.</span><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Ping your posts</b><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Use ping sites like ping-o-matic. Ping your site each and every time you add a new post.</span><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;"><br /></b><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;"></span><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Comment on other blogs</b><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Do not just leave short comments like “I agree.” Leave well thought out replies that will force readers to wonder who wrote that and take more interest in YOUR blog.</span><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Submit to directories</b><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Submit your blog to traditional directories such as DMOZ. Directories increase relevance with Google. DMOZ is very picky, but you have nothing to lose by trying.</span><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;"><br /></b><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;"></span><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Submit RSS</b><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Submit to as many RSS Directories and Search Engines as possible. This is an easy process that can give you a lot of visibility.</span><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;"><br /></b><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;"></span><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Submit to search engines</b><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Submit your blog to traditional search engines such as </span><span class="IL_AD" id="IL_AD5" style="background-attachment: scroll !important; background-color: white; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px; padding: 0px 0px 1px !important; position: static;">AltaVista</span><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">, and MSN.</span><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;"><br /></b><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;"></span><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Use track backs</b><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">If there is a blog that you refer to or quote and it is highly relevant to your subject, leave a </span><span class="IL_AD" id="IL_AD6" style="background-attachment: scroll !important; background-color: white; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px; padding: 0px 0px 1px !important; position: static;">track back</span><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">. It increases your </span><span class="IL_AD" id="IL_AD2" style="background-attachment: scroll !important; background-color: white; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px; padding: 0px 0px 1px !important; position: static;">link popularity</span><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;"> and you may even gain a few interested readers from the linked site.</span><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;"><br /></b><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;"></span><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Go offline</b><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Use newspaper ads, public bulletin boards, or business cards to let as many people as possible know that your blog exists.</span><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Link from your email</b><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Ad a link to your blog in your e-mail signature block.</span><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Use Groups</b><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Find a relevant group on Google groups, Yahoo groups, MSN groups or any of the thousands of other FREE group services and find like minded people and talk with them. Make sure your use your blog URL </span><span class="IL_AD" id="IL_AD9" style="background-attachment: scroll !important; background-color: white; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px; padding: 0px 0px 1px !important; position: static;">like it is</span><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;"> your name.</span><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Use Forums</b><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Forums are one of the best places to go for advice. Go to forums and find problems to solve. Make sure you leave your blog name, but be tactful about it; some forums get annoyed with those who selfishly drop a few links to their own site and leave.</span><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><b style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Tag your blog</b><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Tagging is a new idea that has erupted across the web. Sites like Del.icio.us, Technorati and many others have a social feature that allows you to place your article under keywords or “tags” that everyone interested in that tag can see.</span><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><br style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;" /><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">Although these are some of the most popular ways to drive </span><span class="IL_AD" id="IL_AD10" style="background-attachment: scroll !important; background-color: white; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px; padding: 0px 0px 1px !important; position: static;">traffic to your blog</span><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">, do not limit yourself to tips and lists. Use your imagination and you will come up with many many more ways to drive</span><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">traffic to your blog</span><span style="background-color: white; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22.390625px;">!</span></div>

15 tips to increase Seo

There are many different factors that make blogs much better than other Web Pages, including the speed at which blogs are indexed, the ...

9:44 PM

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

Add Flying Letters below Mouse Pointer in blogger

Add Flying Letters below Mouse Pointer in blogger

How to setup flying letters below mouse pointer.This a simple article that Spice your Blog.After inserting this Code,When you move mous...

6:51 AM

Facebook Static Pop Out Like Box 2013 for blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/--v5cueEjnZU/UfEskx-UjcI/AAAAAAAAAbk/E3NM_KrwD-0/s1600/facebook+popup+box.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/--v5cueEjnZU/UfEskx-UjcI/AAAAAAAAAbk/E3NM_KrwD-0/s1600/facebook+popup+box.jpg" /></a></div>
<div>
<span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;"><br /></span></div>
<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;">
</div>
<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;">
</div>
<span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;"> Here is a Tutorial about how to add a static Pop out Like Box with Cool jQuery hover effect.This a Awesome </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;">Blogger Blog Widget</span></span><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;"> that adds a little beauty to 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;">After installing this Widget a Facebook Logo will appear on the right side of your Blog.When you Mouse over that Logo it Pop out with Smooth jQuery Effect.</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 for installing this </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;">Widget</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;" /><span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">  </span><br /><b style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;"><span style="font-size: medium;">If you don't interested in Editing HTML,you can use our <blink style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; text-decoration: none; transition: color 0.5s, font-size 0.5s ease-in-out 0s;">WIDGET GENERATOR</blink><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;">.</span></span></span></b><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;" /><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 Facebook Pop Out Like Box Widget</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;">Go to Design-> Page Elements</li>
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Click on <b>Add Gadget</b></li>
</ul>
<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="page elements blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3ut3_1nXS0Fn4x7GTkzfbCHK2ThJaW276_BB3LIlmAUrDWzTuhQ-ObkbScCaooh6gyo4AGvIZl1U7tBU3HHNN2h70RZSB8PDx4REiFO9ZoIzzbqdzbKEIdkHT-pcilqI6eV7ZKK-V57M/s1600/Design+-Page+Elements.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px;" /></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;">Select HTML/Javascript from it</li>
<li style="list-style: disc outside url(http://i.imgur.com/IUCfz.jpg); margin: 0px 0px 0.25em; padding: 0px;">Leave title as blank ,Copy and Paste the below code into the content section.</li>
</ul>
<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="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ81r1hw_tFJi3_GXVvFdSwEZ-6twSTsYMn9NGmX_8rOYC7PAR5XH21vjqWqDQ1AToQTZO9Bw3D6gTjtXuFNbh4b3Q9LgmepgNpS3Zrip1fYcMH6-who_8U1wpOTKbtWP-O5YDIZot0eg/s320/html+javascript.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px;" width="276" /></div>
<br style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" /><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;">
<script type="text/javascript"><br />/*<![CDATA[*/<br />jQuery(document).ready(function() {jQuery(".noopslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});<br />/*]]>*/<br /></script><br /><style type="text/css"><br />.noopslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1CTKLELcpjsf5M5sv60gsZJ8KZOwvjBf1tCy5xZtYEyIXnwL89Xh_L_zvMnm_rVBX_eWPkuU5ufulyEUA_yJEibFoJjWUbeXHCPFgaf883rfZ1twgbAyhNGyCE1qhVPkx7G-gb4kJ06I/s1600/fb_static+button.jpg") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 999;position:fixed;right:-250px;top:20%;}<br />.noopslikebox div{border:none;position:relative;display:block;}<br />.noopslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 999;}<br />.noopslikebox span a{color: gray;text-decoration:none;}<br />.noopslikebox span a:hover{text-decoration:underline;}<br /></style><br /><div class="noopslikebox"><br />    <div><br />    <iframe src="http://www.facebook.com/plugins/likebox.php?href=<b style="color: red;">http://www.facebook.com/pages/NetOops-Blog/159796530791611</b>&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><br />    </div><br /></div></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;">Replace the <b style="color: red;">RED</b> highlighted text with your Facebook page URL.</li>
</ul>
<span style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;">I hope you'd liked this Article,if so please share, like this. </span></div>

Facebook Static Pop Out Like Box 2013 for blogger

Here is a Tutorial about how to add a static Pop out Like Box with Cool jQuery hover effect.This a Awesome Blogger Blog Widget t...

6:49 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