Why most newbie bloggers fail?

<div dir="ltr" style="text-align: left;" trbidi="on"> <div> <i><br /></i></div> <i></i><br /> <div class="separator" style="clear: both; text-align: center;"> <i><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf_jv7RwjJRJVw72KiN0ele8oaTxSm8f9ae4pZVaP01a3yuaeYNCQxLZHSvkgDLN9xAbZpbnrrWCcTe2PrPG9N7IYRnQSe3VgHm0WxBfnBPMIU1hakqQjqELgd3K2GrtiQfBg8rpQtIB-i/s1600/failure.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf_jv7RwjJRJVw72KiN0ele8oaTxSm8f9ae4pZVaP01a3yuaeYNCQxLZHSvkgDLN9xAbZpbnrrWCcTe2PrPG9N7IYRnQSe3VgHm0WxBfnBPMIU1hakqQjqELgd3K2GrtiQfBg8rpQtIB-i/s1600/failure.jpg" width="320" /></a></i></div> <i> <div> <i><br /></i></div> <div> <i><br /></i></div> So, you have started your blog and working really hard to make it a success. But after all those hard work you see little or no improvement in your blog. All the why’s and what’s come in your head. You ponder what’s wrong? Is there something you left? Why your blog is not performing well? Lots of newbie bloggers leave blogging without wondering why they are failing and think that blogging is not their cup of tea. But I don’t want you to end up like that. So, let check it one by one what are you missing: </i><br /> <div> <i><br /></i> <b>Do you have good content?</b><br /> <br /> Just open a new tab and type the address of your blog and forget that it is your blog. Now read all your posts one by one. Are you satisfied with the content? Well, when I tried this on my blog I was not satisfied with the content I am writing. So, I decided to take a break and improve my writing skills. And so from now I will write all the posts (including this post too) completely by myself and yes the suggestions are always welcome. After the test if you are not satisfied with your content then try to improve it or else let’s move to the next point.<br /> <br /> <b>Are you marketing your blog content?</b><br /> <b><br /></b> So, you have good content but still getting no good result? The possible reason for this is that you are not marketing your content. Marketing your content is really important. If you have good content, let the world know. Plan a marketing strategy and do your blog content marketing carefully. If you find it hard better hire a blog marketing expert. Marketing your blog is more important as although you have killer content but without it you will reach very less audience. Most of Probloggers spend 20% time in writing a blog post and 80% time to do its marketing. But if you are marketing your content also why your blog is not successful? Let’s check the next point to find out.<br /> <br /> <b>Have you done the SEO properly?</b><br /> <br /> You may have heard many times on other blogs that, “Content is King”. But if content is king, then SEO is the queen. You cannot neglect the search engines if you do, they too will neglect your blog. Proper search optimization should be done in order to get benefit from it. You should check whether your blog is search engine optimized or not. Learn SEO tactics from trusted sources and then apply them on your blog or better hire a SEO expert to do some SEO-ing of your blog. <br /> <br /> <b>Are you presenting your content to visitors nicely? </b><br /> <b><br /></b> So, marketing and SEO will help you to bring visitors to your blog. But will they stay there? This depends on your content and how you present it. With presentation I mean your blog design, posts design and ease of navigation. Does your blog have a good template or theme? Are your posts readable? I mean no one likes to read too small text or too large or garishly colored posts or texts having weird fonts e.g. having red colored texts on brown background <span style="background-color: #660000;"><span style="color: red;">(<span style="font-size: xx-small;">The</span> <span style="font-size: x-small;">exampleof</span><span style="font-size: large;"> a non-</span><span style="font-family: Courier New, Courier, monospace;"><span style="font-size: large;">readable</span> text)</span>. </span></span><br /> <br /> <b>Is your Blog socially Active?</b><br /> <b><br /></b> Social media plays a pivotal role in getting famous and driving visitors to your site. If you want your blog to succeed you have to be socially active. Whenever you have a new post published, share it on your social profiles and also ask your friends and visitors to share it. Well it is called social marketing and is a part of marketing we have discussed earlier in this post. Focus on increasing your likes, fans, followers and subscribers. It will help you a lot.<br /> <br /> <b>Is your blog interactive?</b><br /> <b><br /></b> Do you interact with your visitors through comments, emails or other means? If not, then start doing it now. Try to reply all the comments you get. Add some interactive elements in your blog like shoutbox etc. Let your visitors know that there is also a human on the other side writing posts for them. Add more and more human elements. Post time to time interactive posts like post a question and let your visitors answer or start a contest etc. Interact with them. Keep their interests in mind and they will come for more.<br /> <ul style="text-align: left;"> <li>Content - Check</li> <li>Marketing - Check</li> <li>SEO - Check</li> <li>Presentation - Check</li> <li>Social presence – Check</li> <li>Interactive - Check</li> </ul> <br /> What’s left? The last but not the least -<br /> <br /> <b>Does your blog offer something new, something special?</b><br /> <b><br /></b> Is there anything special in your blog or else why will they come to your blog? I mean there are many bloggers in the blogosphere doing the same. What makes you special? Are you just another arm chair columnist airing his/her views on worldly things or just one among the thousands that share what they read every day on the web? Be special offer your visitors something new something surprising and they will come for more and more. <br /> <br /> <i>I am sure that after checking all points you must have found out why your blog is not succeeding. Find your loop hole and work on it like crazy to fill it.<br /><br /><b>I spend an hour writing this post for you and I hope you will spend 1 minute to like and share it on social networks. Also comments, suggestions and feedbacks are always welcome…</b></i><b><br /> </b></div> </div>

Why most newbie bloggers fail?

So, you have started your blog and working really hard to make it a success. But after all those hard work you see little or no i...

Read more »

Customise Blogger Official Contact Form Gadget by using Dynamic CSS

<div dir="ltr" style="text-align: left;" trbidi="on"> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXZxJVeTq2gWbsWIacSQRXdIImoOijgc-ctyhBN0RZWQcnzO1I_obnWpMEhy7-EwiQSjq2M0Dw41iW8FBYBW0xHoLeXuAqPzTVFSYSO2LpekijLX1_50kCkCjpP3e9PI_K5D1T5a_AYoi6/s1600/blogger+contact+form1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Customise Blogger Official Contact Form Gadget by using Dynamic CSS" border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXZxJVeTq2gWbsWIacSQRXdIImoOijgc-ctyhBN0RZWQcnzO1I_obnWpMEhy7-EwiQSjq2M0Dw41iW8FBYBW0xHoLeXuAqPzTVFSYSO2LpekijLX1_50kCkCjpP3e9PI_K5D1T5a_AYoi6/s1600/blogger+contact+form1.png" title="Customise Blogger Official Contact Form Gadget by using Dynamic CSS" width="320" /></a></div> <br /> <i>Few months ago blogger added the contact form gadget in its gadget list and it got popularized very quick. But the Problem with the official contact form gadget designed by the blogger team is that it has a very simple and plain look. And if you too are bored with the plain look of the gadget and want to add some CSS magic to it this post is for you. Today in this post I am going to share the code developed by TWBLab that will add some CSS magic to the contact form gadget.</i><br /> <div> <br /></div> <table cellpadding="0" cellspacing="0" class="tr-caption-container" style="clear: right; float: right; margin-bottom: 1em; text-align: right;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1rp2xd2YK3M8K8Qj5ZJrmRTI6frFLzXSMDpEXrVgM5lH-dc0vQdsWHzpFa1g_a3LVzbzLJY-zHXxnO6ibt2d66wMrGclmpvkoCGgxGFynnbU3dwFQvcgueTAOJIATUqBf959VDK9YtD-i/s1600/blogger+contact+form.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Blogger Official Contact Form Gadget - The old look" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1rp2xd2YK3M8K8Qj5ZJrmRTI6frFLzXSMDpEXrVgM5lH-dc0vQdsWHzpFa1g_a3LVzbzLJY-zHXxnO6ibt2d66wMrGclmpvkoCGgxGFynnbU3dwFQvcgueTAOJIATUqBf959VDK9YtD-i/s1600/blogger+contact+form.png" title="Blogger Official Contact Form Gadget - The old look." width="185" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Blogger Official Contact Form Gadget - The old look .</td></tr> </tbody></table> <div> Here are the simple steps to customize the Blogger Official Contact Form Gadget by using CSS :</div> <div> <br /></div> <div> 1.) First of all, add the official contact form to your blog by following these simple steps :</div> <div> <br /></div> <div> <br /> <ul style="text-align: left;"> <li>Go To blogger dashboard>>layout.</li> </ul> </div> <div> <ul style="text-align: left;"> <li>Click on add a gadget link, wherever you want to add the gadget.</li> </ul> </div> <div> <ul style="text-align: left;"> <li>Now in the gadget lists click on the  <span style="background-color: orange; font-weight: bold;"><span style="color: orange;">||</span></span> <span style="color: orange; font-weight: bold;">More Gadgets </span>tab in the left sidebar. (see the fig. below)</li> </ul> </div> <div> <ul style="text-align: left;"> <li>Click on the  <span style="background-color: #0b5394; color: white;">+</span><span style="background-color: white; color: white;"> </span><span style="background-color: white;">button next to the contact form to add it.</span></li> </ul> </div> <div> <ul style="text-align: left;"> <li><span style="background-color: white;">You are done.</span></li> </ul> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpVHzVxlU1nl6mxs1ZmbJm6BMJrchDc8LLdPWbUjqclVwaoy3UmeUOsXfEg7XKKZ-hz27RtIFdCskNnaRus7vg8HfovmM1N7kEphBzFmjYsNjtNMqgf91Xp74ZtGWAjhBTgjtUB0zPsQfY/s1600/adding+contact+form.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Customise Blogger Official Contact Form Gadget by using Dynamic CSS" border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpVHzVxlU1nl6mxs1ZmbJm6BMJrchDc8LLdPWbUjqclVwaoy3UmeUOsXfEg7XKKZ-hz27RtIFdCskNnaRus7vg8HfovmM1N7kEphBzFmjYsNjtNMqgf91Xp74ZtGWAjhBTgjtUB0zPsQfY/s1600/adding+contact+form.png" title="Customise Blogger Official Contact Form Gadget by using Dynamic CSS" width="320" /></a></div> <div> <br /></div> <br /> <span style="background-color: white;"><br /></span> <br /> <table> <tbody style="background-color: #9fc5ee;"> <tr><td><div style="text-align: center;"> <span style="font-family: inherit; padding: 20px;"><b style="background-color: #ea9999;">Note :</b><b style="background-color: #ffe599;"> Skip This Box if you don't want to add the Contact gadget in a static page.</b></span></div> <span style="background-color: #9fc5e8; font-family: inherit;"><b><br /></b></span> <span style="background-color: #9fc5e8; font-family: inherit;"><b>But if you want to add the contact widget in a static page follow the above steps and after that follow the steps given below :</b></span><br /> <span style="background-color: #9fc5e8; font-family: inherit;"><br />Now you  have added the contact widget in your blog and want to add it in a static page, firstly you have to hide it from wherever you have added it. For that : </span><br /> <span style="background-color: #9fc5e8; font-family: inherit;"><br /></span> <br /> <ul> <li><span style="font-family: inherit;">Go to Blogger dashboard>>template.</span></li> </ul> <ul> <li>Click edit html and find the following code <b></b:skin</b> . You can do so by pressing ctrl+f and typing the code and hitting enter.</li> </ul> <ul> <li>After you find the code add this above the <b></b:skin :</b></li> </ul> <br /> <b><br /></b> <span style="background-color: #9fc5e8; color: white; font-family: Courier New, Courier, monospace;"><span style="line-height: 16.890625px;">#ContactForm1 {</span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;">display: none !important;</span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;">}</span></span><br /> <span style="background-color: #9fc5e8; font-family: inherit;"><br /></span> <br /> <ul> <li><span style="font-family: inherit;">Now save the template and go to the page where you want to add the contact form. Edit the page in the HTML mode and not in the compose mode in blogger post editor. And add the following code between the <div> </div> tags :</span></li> </ul> <span style="background-color: #9fc5e8; font-family: inherit;"><br /></span> <span style="background-color: #9fc5e8;"><span style="color: white; font-family: Courier New, Courier, monospace;"><span style="line-height: 16.890625px;"><form name="contact-form"></span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;"><br /></span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" /></span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;">    <br /></span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;"><br /></span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="Email ID" size="30" type="text" value="" /></span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;">    <br /></span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;"><br /></span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;"><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea></span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;">    <br /></span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;"><input class="reset-button" type="reset" value="Clear" /></span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;"><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" /></span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;">    <br /></span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;"><div style="max-width: 222px; text-align: center; width: 100%;"></span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;"><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;"></div></span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;"><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;"></div></span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;"></div></span><br style="line-height: 16.890625px;" /><span style="line-height: 16.890625px;"></form></span></span></span><br /> <span style="background-color: #9fc5e8;"><span style="color: white; font-family: inherit;"><span style="line-height: 16.890625px;"><br /></span></span></span> <br /> <ul> <li><span style="line-height: 16.890625px;">Update or Publish the page.</span></li> </ul> <ul> <li><span style="line-height: 16.890625px;">You are done.</span></li> </ul> <br /> <span style="line-height: 16.890625px;"><br /></span></td> </tr> </tbody></table> <br /> 2.) Now you have added the Contact form gadget in your blog, its time to customize it. To do so,<br /> <br /> <br /> <ul style="text-align: left;"> <li>Go to the Blogger dashboard>> template</li> </ul> <ul style="text-align: left;"> <li>Click on Customise Button.</li> </ul> <ul style="text-align: left;"> <li>Click on advanced tab in the Template Customize.</li> </ul> </div> <div> <ul style="text-align: left;"> <li>Click Add CSS and add the following code.</li> </ul> <br /> <br /> <span style="font-family: Courier New, Courier, monospace;"><br />.contact-form-name, .contact-form-email, .contact-form-email-message {<br />max-width: 170px;<br />width: 100%;<br />font-weight:bold;<br />}<br /><br />.contact-form-email:hover, .contact-form-name:hover, .contact-form-email-message:hover {<br /> border: 1px solid rgb(221, 221, 221);<br /> box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;<br />}<br /> <br />.contact-form-name {<br />background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsxsnXINT5hYM3AjSy95Po4hRlXDyriphrM6WVLpMn7tyx4ij-ynlayQ9hIjSO1GabRm9O-Lkpc_PYoW_3baJolWPXaA7jUukicSXZb0fJVctZk0PqkNEs3ZesS7VfCC2ByCC-4N2oEII/s1600/privacy-icon.png) no-repeat 7px 8px;<br />background-color: #FFF;<br />border: 1px solid #ddd;<br />box-sizing: border-box;<br />color: #A0A0A0;<br />display: inline-block;<br />font-family: Arial,sans-serif;<br />font-size: 12px;<br />font-weight:bold;<br />height: 24px;<br />margin: 0;<br />margin-top: 5px;<br />padding: 5px 15px 5px 28px;<br /> border-radius: 3px;<br />vertical-align: top;<br /> transition: all 0.2s ease-in-out;<br /> -moz-transition: all 0.2s ease-in-out; /* Firefox 4 */<br /> -webkit-transition: all 0.2s ease-in-out; /* Safari and Chrome */<br /> -o-transition: all 0.2s ease-in-outs;<br />}<br /> <br />input.contact-form-name:focus {<br /> border: 1px solid rgba(82, 168, 236, 0.8);<br /> outline: 0px none;<br /> box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);<br /> border-radius: 3px;<br />}<br /><br />input.contact-form-email:focus {<br /> border: 1px solid rgba(82, 168, 236, 0.8);<br /> outline: 0px none;<br /> box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);<br /> border-radius: 3px;<br />}<br /><br />.contact-form-email {<br />background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7jhsor5rFfRkHK9VcsFjENRvjbHbKAYKEb0HDjC9ej81q9bWvbEv1zwVhoaXh3u7H9VxNsT2yEYIJ3sgQPX-DcQGrAZYgK_KhrEwxf5f0lsLKXaMcR8mqwMOu7Ux0FCsYJbRWjKACCXo/s1600/email.png) no-repeat 7px 10px;<br />background-color: #FFF;<br />border: 1px solid #ddd;<br />box-sizing: border-box;<br />color: #A0A0A0;<br />display: inline-block;<br />font-family: Arial,sans-serif;<br />font-size: 12px;<br />font-weight:bold;<br />height: 24px;<br />margin: 0;<br />margin-top: 5px;<br />padding: 5px 15px 5px 28px;<br /> border-radius: 3px;<br />vertical-align: top;<br /> transition: all 0.2s ease-in-out;<br /> -moz-transition: all 0.2s ease-in-out; /* Firefox 4 */<br /> -webkit-transition: all 0.2s ease-in-out; /* Safari and Chrome */<br /> -o-transition: all 0.2s ease-in-outs;<br />}<br /><br />.contact-form-email-message {<br />background: #FFF;<br />background-color: #FFF;<br />border: 1px solid #ddd;<br />box-sizing: border-box;<br />color: #A0A0A0;<br />display: inline-block;<br />font-family: arial;<br />font-size: 12px;<br />margin: 0;<br />margin-top: 5px;<br />padding: 10px;<br />vertical-align: top;<br />max-width: 210px!important;<br />height: 110px;<br />border-radius:4px;<br /> transition: all 0.2s ease-in-out;<br /> -moz-transition: all 0.2s ease-in-out; /* Firefox 4 */<br /> -webkit-transition: all 0.2s ease-in-out; /* Safari and Chrome */<br /> -o-transition: all 0.2s ease-in-outs;<br />}<br /><br /> .contact-form-email-message:focus {<br /> border: 1px solid rgba(82, 168, 236, 0.8);<br /> outline: 0px none;<br /> box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);<br /> }<br /><br />.contact-form-button {<br /> display: inline-block;<br /> vertical-align: baseline;<br /> margin: 8px 2px 0px;<br /> height: 28px;<br /> outline: medium none;<br /> cursor: pointer;<br /> text-align: center;<br /> text-decoration: none;<br /> font: 14px/100% Arial,Helvetica,sans-serif;<br /> padding: 0.3em 2em 0.55em;<br /> text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);<br /> border-radius: 0.5em;<br /> box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);<br /> background: none repeat scroll 0% 0% rgb(255, 126, 67);<br /> border: 1px solid rgb(255, 126, 67);<br /> width: 80px;<br />}<br /><br /> input.reset-button {<br /> display: inline-block;<br /> vertical-align: baseline;<br /> margin: 8px 2px 0px;<br /> height: 28px;<br /> outline: medium none;<br /> cursor: pointer;<br /> text-align: center;<br /> text-decoration: none;<br /> font: 14px/100% Arial,Helvetica,sans-serif;<br /> padding: 0.3em 2em 0.55em;<br /> text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);<br /> border-radius: 0.5em;<br /> box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);<br /> background: none repeat scroll 0% 0% rgb(255, 126, 67);<br /> border: 1px solid rgb(255, 126, 67);<br /> width: 80px;<br /> color: #FFF;<br />}<br /> input.reset-button:hover {<br />text-decoration: none;<br /> border: 1px solid #ff8942;<br /> background: #ff8942;<br />}<br /> input.reset-button:active {<br />position: relative;<br />top: 1px;<br />}<br /><br />.contact-form-button:hover {<br />text-decoration: none;<br /> border: 1px solid #ff8942;<br /> background: #ff8942;<br />}<br />.contact-form-button:active {<br />position: relative;<br />top: 1px;<br /> border: 1px solid #ff8942;<br />}<br /><br />.contact-form-button-submit:focus, .contact-form-button-submit.focus {<br /> border: 1px solid rgb(255, 137, 66);<br /> background: none repeat scroll 0% 0% rgb(255, 137, 66);<br /> }<br /><br />.contact-form-button-submit:focus:hover, .contact-form-button-submit.focus:hover {<br /> border: 1px solid rgb(255, 137, 66);<br /> background: none repeat scroll 0% 0% rgb(255, 137, 66);<br /> box-shadow: 0px 0px 0px 1px #ff8942 inset, 0px 1px 1px rgba(0, 0, 0, 0.1);<br />}<br /><br />/*for FireFox*/<br /> input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner<br /> { <br /> border : 0px;<br /> } <br />/*for IE8 */<br /> input[type="reset"]:focus, input[type="button"]:focus<br /> { <br /> outline : none; <br /> }</span><br /> <span style="font-family: Courier New, Courier, monospace;"><br /></span> <span style="font-family: Courier New, Courier, monospace;"><br /></span></div> <div> 3.) Finally Save the changes and View you blog to see the Customization. (See the figure below)</div> <div> <br /></div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihiS5HkKOvN_zkZA0TKloiuwHQ2CozQo_boZZ3YRpCazfiAV2IY1wlQja-iyuBU-UUmfc-S9hp1iuNYfFZTJd0MT3f0MFe5ZEQfwEwOG75CJMXAZBU_4_4IjTxNBq1xVZASb6vdooDeLLC/s1600/blogger+contact+form2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="The New Look. Much better than the old one." border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihiS5HkKOvN_zkZA0TKloiuwHQ2CozQo_boZZ3YRpCazfiAV2IY1wlQja-iyuBU-UUmfc-S9hp1iuNYfFZTJd0MT3f0MFe5ZEQfwEwOG75CJMXAZBU_4_4IjTxNBq1xVZASb6vdooDeLLC/s1600/blogger+contact+form2.png" title="The New Look. Much better than the old one." width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">The New Look. Much better than the old one.</td></tr> </tbody></table> <div> <br /></div> <div> <br /></div> <h3 style="text-align: left;"> <span style="color: #b45f06;">Features of this Dynamic CSS :</span></h3> <div> <ol style="text-align: left;"> <li>Original Contact form gadget contains no clear/reset button. But these will have.</li> <li>The <b>:focus</b> styling adds more beauty to it.</li> <li><b>placeholder</b> is included making it easy for the visitors to understand whether they are inputting right or not.</li> <li>No ugly dotted lines at the border are formed on the buttons after clicking them but in the official gadget there were ugly dotted lines created at the border after clicking the button.</li> <li>The width and height of the text-area is fully controllable.</li> </ol> </div> <div> <i><br /></i></div> <div> <i>Having any Problems? Let me know via comments section.</i></div> <div> <br /></div> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> </div> </div>

Customise Blogger Official Contact Form Gadget by using Dynamic CSS

Few months ago blogger added the contact form gadget in its gadget list and it got popularized very quick. But the Problem with the of...

Read more »

How to make all the external links No-follow automatically in blogger ?

<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9tkkD96EgriegDOAG0nqMDkrOniGJ_NUjT2JlZlK4VilqQeANscDGt6E-oKUiAjHJtmB32mekXeWbv02K0W66C7LNMUhR4rZaGvkudMnclwYgZyzjABGYRzVp5npp-QHhj765GxDZhrs8/s1600/rel+nofollow.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9tkkD96EgriegDOAG0nqMDkrOniGJ_NUjT2JlZlK4VilqQeANscDGt6E-oKUiAjHJtmB32mekXeWbv02K0W66C7LNMUhR4rZaGvkudMnclwYgZyzjABGYRzVp5npp-QHhj765GxDZhrs8/s1600/rel+nofollow.jpg" width="320" /></a></div> <br /> <br /> <i>Before making all the external links no-follow you must know what is a no-follow link and why to make all the external links no-follow. Here in this post you will get complete information about what is a no-follow link, the rel="nofollow" attribute and how to add the rel="nofollow" attribute in blogger.</i><br /> <br /> <h3 style="text-align: left;"> What is a No-follow Link?</h3> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlrBRdWeRbxpDtZC73ZeZCGFkX_auJD51A6gpjZmI_AjenPw1MJuKZW3HbkruOdnPltqHJ9UP-XoJGQEmbqmCIseY4Vtfj0JbU4Y97r5M4gWrnE1t5-ja65fqKTZAPmyg4NREAnziu2IrP/s1600/nofollow.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlrBRdWeRbxpDtZC73ZeZCGFkX_auJD51A6gpjZmI_AjenPw1MJuKZW3HbkruOdnPltqHJ9UP-XoJGQEmbqmCIseY4Vtfj0JbU4Y97r5M4gWrnE1t5-ja65fqKTZAPmyg4NREAnziu2IrP/s1600/nofollow.jpg" width="200" /></a></div> As the name suggests the no-follow link is a link that the search engine bots do not follow or crawl.<br /> <br /> <h3 style="text-align: left;"> </h3> <h3 style="text-align: left;"> </h3> <h3 style="text-align: left;"> <br /></h3> <h3 style="text-align: left;"> <br /></h3> <h3 style="text-align: left;"> <br /></h3> <h3 style="text-align: left;"> What is rel="nofollow" attribute?</h3> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEp8STKeU1YHfzucCgF7VcQaDjShq42tZwGIzJquZqwoeAy0D6iqKp7Jj1cd4isOGkQctIM_1_RgsXIIF7PtYCqUfb-vW9pNa-6cbn2_3NnSsj7GtCxs20IntLkQtJnyDk2KKO3CjdOqDy/s1600/PR+juice+nofollow.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEp8STKeU1YHfzucCgF7VcQaDjShq42tZwGIzJquZqwoeAy0D6iqKp7Jj1cd4isOGkQctIM_1_RgsXIIF7PtYCqUfb-vW9pNa-6cbn2_3NnSsj7GtCxs20IntLkQtJnyDk2KKO3CjdOqDy/s1600/PR+juice+nofollow.png" width="319" /></a></div> rel="nofollow" is a attribute that helps your blog  to retain its PR juice or SEO juice by telling the search engine not to follow a particular link. You might have seen the nofollow tag in the meta tag- Robot. The nofollow tag there instructs the search engine bots not to crawl any outgoing link. This nofollow tag can also be used with the hyperlinks. You can add the attribute rel="nofollow" to make any link nofollow or rel="dofollow" to make the link dofollow (dofollow is just opposite to nofollow i.e it tells the search engine bot to crawl the page).<br /> <br /> For eg. <span style="background-color: #9fc5e8;"><a href="http://pretoproblogger.blogspot.com"> PreToPro Blogger </a></span> is a link which you want to make nofollow. Now all you have to do is add the rel="nofollow" atribute like this :<br /> <br /> <span style="background-color: #9fc5e8;"><a href="http://pretoproblogger.blogspot.com" rel="nofollow"></span><span style="background-color: #9fc5e8;"> </span><span style="background-color: #9fc5e8;">PreToPro Blogger </a></span><br /> <br /> Ok, now you know what is a nofollow link, what is rel="nofollow" attribute but the question remains "Why add the rel="nofollow" attribute in the external links ?" or "Why to make the external links nofollow ?"<br /> <br /> <h3 style="text-align: left;"> Why make all the external links Nofollow?</h3> <div> As I have discussed earlier in theis post that <b>rel="nofollow"</b> attribute is created to prevent search engine bots not to crawl any specific page. So now the question arises<b> "Why do we tell the search engines bots not to crawl any external page? " </b></div> <div> <b><br /></b></div> <div> It is because the google pagerank, alexa rank etc improves getting huge backlinks from social bookmarking sites, web directories, link exchanging method or directly access by users. At regular intervals search engine bots index links in your blog (both inbound and outbound links). The more search engine bots index your inbound links the better you will get positioned on search engine ranking, but if your blog has lots of outbound links and you are not using nofollow attribute then search engine bots will prefer those pages not yours and thus referring traffic to others sites and your blog search engine ranking will go down.</div> <div> <br /></div> <div> Now coming to the main thing :</div> <div> <br /></div> <h3 style="text-align: left;"> How to make all the external links No-follow automatically in blogger ?</h3> <div> <br /></div> <div> <b><i style="background-color: #ea9999; padding: 20px;">Note : </i><i style="background-color: #eeeeee; padding: 20px;">Before making changes backup your template for safety. </i></b></div> <div> <br /></div> <div> <ul style="text-align: left;"> <li>Go to Blogger Dashboard >> Template.</li> </ul> </div> <div> <br /></div> <div> <ul style="text-align: left;"> <li>Click on Edit HTML button.</li> </ul> </div> <div> <br /></div> <div> <ul style="text-align: left;"> <li>Find the <b></head></b> tag by pressing<b> ctrl+f </b> and typing <b></head></b> in the search box.</li> </ul> </div> <div> <br /></div> <div> <ul style="text-align: left;"> <li>Now add the following code above the <b></head></b> tag :</li> </ul> </div> <div> <br /></div> <div> <br /></div> <span style="background-color: #ffe599;"><span style="color: red;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script></span><br /><br /><span style="color: blue;"> <script type='text/javascript'></span><br /><span style="color: blue;"> var a = $(this);</span><br /><span style="color: blue;"> var href = a.attr('href');</span><br /><span style="color: blue;"> $(document).ready(function() {</span><br /><br /><span style="color: blue;"> $("a[href^='http://']").each(function () {</span><br /><span style="color: blue;"> if(this.href.indexOf(location.hostname) == -1) {</span><br /><span style="color: blue;"> $(this).attr('target', '_blank');</span><br /><span style="color: blue;"> $(this).attr('title', 'Click to open in a new window');</span><br /><span style="color: blue;"> $(this).attr('rel', 'nofollow');</span><br /><span style="color: blue;"> }</span><br /><span style="color: blue;"> }</span><br /><span style="color: blue;"> );</span><br /><span style="color: blue;"> $("a[href^='https://']").each(function () {</span><br /><span style="color: blue;"> if(this.href.indexOf(location.hostname) == -1) {</span><br /><span style="color: blue;"> $(this).attr('target', '_blank');</span><br /><span style="color: blue;"> $(this).attr('title', 'Click to open in a new window');</span><br /><span style="color: blue;"> $(this).attr('rel', 'nofollow');</span><br /><span style="color: blue;"> }</span><br /><span style="color: blue;"> }</span><br /><span style="color: blue;"> );</span><br /> <br /><span style="color: blue;"> });</span><br /><br /><span style="color: blue;"> </script></span></span><br /> <div> <br /></div> <div> <ul style="text-align: left;"> <li>Do not add the text in red if you have JQuery library source code installed.</li> </ul> </div> <div> <ul style="text-align: left;"> <li>Save the changes and you are done.</li> </ul> <div> <br /></div> </div> <div> <i>Have Problems? Let me know through Comments section.</i><br /> <br /> <h3 style="text-align: left;"> About Author</h3> </div> <div> Kritika Srivastava is a freelance writer and tech friendly person. She also runs a Blog <a href="http://kritikasrealm.blogspot.com/" rel="" target="_blank">The Realm</a>.</div> <div> <br /></div> <div> <br /></div> </div>

How to make all the external links No-follow automatically in blogger ?

Before making all the external links no-follow you must know what is a no-follow link and why to make all the external links no-follow...

Read more »

Tips for Building Quality Links for SEO

<div dir="ltr" style="text-align: left;" trbidi="on"> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIIS83fNFflNS2HvzWW59px7RUMsDNgJguZboXiiEZhN7oexacSpXjqV-er_RWu5QYo5_yK2Go_oEE66eTT0Uco1mlZk6tEaYIFkh6-KJZA4j1PuHa3Bfq3ROollpiigggdEp-MLS3gDCY/s1600/Tips+for+Building+Quality+Links+for+SEO1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tips for Building Quality Links for SEO" border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIIS83fNFflNS2HvzWW59px7RUMsDNgJguZboXiiEZhN7oexacSpXjqV-er_RWu5QYo5_yK2Go_oEE66eTT0Uco1mlZk6tEaYIFkh6-KJZA4j1PuHa3Bfq3ROollpiigggdEp-MLS3gDCY/s320/Tips+for+Building+Quality+Links+for+SEO1.jpg" title="Tips for Building Quality Links for SEO" width="320" /></a></div> <div> <i><br /></i></div> <i><br />You must have heard a lot of SEOs stressing upon the importance of link building to make your <a href="http://www.addnectar.com/digital/search-engine-optimization/">organic search engine optimization</a> plan a success. But isn’t it too much to decide that what way of link building to choose and what not to. Adding up to all these issues, Google is continuously updating their algorithms and increasing restrictions that is penalizing many website for using unnatural ways of link building. With recent Google Hummingbird update, whether it is content or link building, quality is preferred over quantity. But how to build quality links? Here are few tips for that.</i><br /><br /><div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4f5JV7UUpqKAElxslHPC08E5-FksJTFWg6XgszlDIUK3w5H9OIr2p-imANnkeDn2gAzko_3iV4lxmtccQcJ01odysXVrP5PPoTCk5hrGMVrgrwf9pt6jrwQGqGCrdDJdfrAiHjNSDDmDt/s1600/Tips+for+Building+Quality+Links+for+SEO2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Tips for Building Quality Links for SEO" border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4f5JV7UUpqKAElxslHPC08E5-FksJTFWg6XgszlDIUK3w5H9OIr2p-imANnkeDn2gAzko_3iV4lxmtccQcJ01odysXVrP5PPoTCk5hrGMVrgrwf9pt6jrwQGqGCrdDJdfrAiHjNSDDmDt/s200/Tips+for+Building+Quality+Links+for+SEO2.jpg" title="Tips for Building Quality Links for SEO" width="200" /></a><b>Focus on link quality –</b> Opinion from an expert is always preferred and search engine follows the same. They count all the links pointing at a website, except nofollow links, but they don’t count them all equally. They give more importance to the links that are considered to be of better quality. A link from any large, respectable site is going to be to be of better quality than a link you might get from commenting on a blog. In addition, links from those in your “neighborhood”, sites that are topically relevant to your site, also count more.<br /><br /></div> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_h1RCv2gEjPNoAvnF7STqNse8Vw4jkpZ8mjR7XwZWwJ7Fs-i31skYj4URIpmKas3xmGIYzTbGARy1vJZ6wvxdI15gXslmsZoMisuED0ilJ3MJIxPR5rq-k97IZWoNRC3hOXE6_KR4MXEr/s1600/Tips+for+Building+Quality+Links+for+SEO5.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Tips for Building Quality Links for SEO" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_h1RCv2gEjPNoAvnF7STqNse8Vw4jkpZ8mjR7XwZWwJ7Fs-i31skYj4URIpmKas3xmGIYzTbGARy1vJZ6wvxdI15gXslmsZoMisuED0ilJ3MJIxPR5rq-k97IZWoNRC3hOXE6_KR4MXEr/s200/Tips+for+Building+Quality+Links+for+SEO5.jpg" title="Tips for Building Quality Links for SEO" width="184" /></a></div> <div> <b>Vary Your Anchor Text – </b>Never changing your anchor text is the best way to get hit with negative SEO and Google, Bing and Yahoo have gotten fairly adept at identifying Black Hat SEO. Using same anchor text to promote a piece of blog content, you might look like a ‘Spammer’. You might have released 100 pages of content that link to your article on digital influence with the anchor text "Build digital influence". In this case though you're not a spammer, but you sure look like one to Google. So, keep changing your anchor text.<br /><br /></div> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOPV1bmaA81x4Ob_9bs8oqvh1TCEWPl1YEKnQjGk1vrmSRnbVcaiTnIJ7s91zGjUDSyJRt7rbh3LEgC0jVsVwm7MStWl9k6Fd72DQm5rRdN2Ces6bEeKz5DYViwcwg3LWG6O2St0uFWPzk/s1600/Tips+for+Building+Quality+Links+for+SEO4.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Tips for Building Quality Links for SEO" border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOPV1bmaA81x4Ob_9bs8oqvh1TCEWPl1YEKnQjGk1vrmSRnbVcaiTnIJ7s91zGjUDSyJRt7rbh3LEgC0jVsVwm7MStWl9k6Fd72DQm5rRdN2Ces6bEeKz5DYViwcwg3LWG6O2St0uFWPzk/s200/Tips+for+Building+Quality+Links+for+SEO4.jpg" title="Tips for Building Quality Links for SEO" width="200" /></a></div> <div> <b>Target different websites –</b> With latest updates in algorithm search engines have learned to evaluate the quality of the link in better way. Now 1000 links from 1 site will mean far less than 1000 links from 1000 sites. Tactics, which search engine representatives also suggests, such as viral link baiting campaigns, badges and widgets can all be effective at securing large numbers of links. But firing up automated software and begin spamming blogs would be a bad thing to do.<br /><br /></div> <div> <br /></div> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM08QwTvGIF7QfDsp0q2tuIutZFMnpDODzPYavXBirD7Jz6X-bD-KuPvHOtI9CEY9Pp0JysFEvHcew_w6doBMiJtRlp1zaGYVJ4onUQenTwhFZEVry5KHMfdoZaS-pTxx2LnBZW_lnBZk-/s1600/Tips+for+Building+Quality+Links+for+SEO3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Tips for Building Quality Links for SEO" border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM08QwTvGIF7QfDsp0q2tuIutZFMnpDODzPYavXBirD7Jz6X-bD-KuPvHOtI9CEY9Pp0JysFEvHcew_w6doBMiJtRlp1zaGYVJ4onUQenTwhFZEVry5KHMfdoZaS-pTxx2LnBZW_lnBZk-/s200/Tips+for+Building+Quality+Links+for+SEO3.jpg" title="Tips for Building Quality Links for SEO" width="200" /></a></div> <div> <b>Target social media – </b>Social networking sites are becoming one of the best sources for building links in upcoming years. Establish yourself on social media and provide users awesome content to read and share. On your social profiles, make sure that you include links of your website’s inner pages in your posts. Post images to image sites, and link them to the inner page where the original image is found. Even if the links are ‘nofollow’, you will benefit from the traffic sourced from social network brand pages.</div> <div> <br /></div> <div> <br /></div> <h3 style="text-align: left;"> About author</h3> <div> Prasad Gurav is a professional digital media adviser at AddNectar Solutions. You can find his previous writing examples at <a href="http://www.addnectar.com/blog/" target="_blank">Addnectar Blog.</a></div> </div>

Tips for Building Quality Links for SEO

You must have heard a lot of SEOs stressing upon the importance of link building to make your organic search engine optimization pla...

Read more »

How To Add Related Post Widget By LinkWithin in Your Blog

<div dir="ltr" style="text-align: left;" trbidi="on"> <i><br /></i> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7doDB2SHs7eSR0Jgf9no8PpmY6JkU35DdX8pMIwnyq6UCIVBiPddZOGNKTsrmclgq29RypCrlk_qtXuUz3SmyYZUvIRjDJt5WyzTsMqabE_D8ZUfsUHpH_aYpzsOjLwpqoRpmEyaebX0f/s1600/LinkWithin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How To Add Related Post Widget By LinkWithin in Your Blog" border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7doDB2SHs7eSR0Jgf9no8PpmY6JkU35DdX8pMIwnyq6UCIVBiPddZOGNKTsrmclgq29RypCrlk_qtXuUz3SmyYZUvIRjDJt5WyzTsMqabE_D8ZUfsUHpH_aYpzsOjLwpqoRpmEyaebX0f/s320/LinkWithin.png" title="How To Add Related Post Widget By LinkWithin in Your Blog" width="320" /></a></div> <i><br /></i> <i><br /></i> <i>When we talk about must-have widgets for a blog, related posts widget is among the ones that come to our mind. The related posts widget keeps your visitors engaged with your content by showing them some extra posts of the same type as of the post they are reading. So, today I going to show you how to add the Related Posts widget made by LinkWithin. LinkWithin is a website that provides related posts widget with thumbnails. It is used by many bloggers in the blogosphere due to its simplicity and easy procedure to Install.</i><br /> <i><br /></i> <i><b><span style="font-family: Courier New, Courier, monospace;"><br /></span></b></i> <i><b><span style="font-family: Courier New, Courier, monospace;">Also Read: </span></b></i><a href="http://pretoproblogger.blogspot.com/2013/11/how-to-add-cool-social-sharing-widget.html" target="_blank"><span style="font-family: Courier New, Courier, monospace;">How To Add Cool Social Sharing Widget with hover Effect?</span></a><br /> <br /> <h3 style="text-align: left;"> Why Choose LinkWithin related posts widget?</h3> <br /> <b>The question may come to your mind. There are plenty of related posts widgets in the web that have more features than LinkWithin's one, that have cool design, etc. etc. So why choose LinkWithin? </b><br /> <br /> As I said earlier many people choose it because it is easy to install and has lots of plus points:<br /> <br /><blockquote class="tr_bq"> <ul style="text-align: left;"> <li>They retrieve and index all stories from your blog archive, not just recent stories, making them accessible to new or casual readers of your blog who would not otherwise encounter them.</li> </ul> <br /><ul style="text-align: left;"> <li>The widget links to stories that are relevant and interesting to readers of a particular post, keeping them engaged with your blog, and increasing your traffic.</li> </ul> <br /><ul style="text-align: left;"> <li>Their widget is minimally styled and blends in with your site design.</li> </ul> </blockquote> <h3 style="text-align: left;"> <br /></h3> <div style="text-align: left;"> Recommended : </div> <div style="text-align: left;"> <br /></div> <div style="text-align: left;"> <a class="GHUY-LPPB" href="http://pretoproblogger.blogspot.com/2013/09/how-to-add-commentluv-comments-to-your.html" style="border: 0px; color: #1155cc; cursor: pointer; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px 10px 0px 0px; max-width: 100%; overflow: hidden; padding: 0px; text-overflow: ellipsis; vertical-align: baseline; white-space: nowrap; width: auto;" target="_blank">How To add CommentLuv Comments to Your Blogger Blog (Blogspot)</a></div> <div style="text-align: left;"> <br /></div> <div style="text-align: left;"> <a class="GHUY-LPPB" href="http://pretoproblogger.blogspot.com/2013/10/how-to-add-floating-navigation-bar-in.html" style="border: 0px; color: #1155cc; cursor: pointer; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px 10px 0px 0px; max-width: 100%; overflow: hidden; padding: 0px; text-overflow: ellipsis; vertical-align: baseline; white-space: nowrap; width: auto;" target="_blank">How to add a floating navigation bar in blogger blog?</a></div> <div style="text-align: left;"> <br /></div> <div style="text-align: left;"> <a class="GHUY-LPPB" href="http://pretoproblogger.blogspot.com/2013/08/all-in-one-subscription-widget-for.html" style="border: 0px; color: #1155cc; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px 10px 0px 0px; max-width: 100%; overflow: hidden; padding: 0px; text-overflow: ellipsis; vertical-align: baseline; white-space: nowrap; width: auto;" target="_blank">All in one subscription widget for bloggers</a></div> <h3 style="text-align: left;"> <br />Steps To Install The LinkWithin Related Posts Widget:</h3> <div> <ul style="text-align: left;"> <li>Go To <a href="http://www.linkwithin.com/" target="_blank">LinkWithin</a></li> </ul> </div> <div> <br /></div> <div> <ul style="text-align: left;"> <li>Fill Your Details in the blue box as shown in the fig. below.</li> </ul> </div> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTJS75ATh44M8voSyP9KWA22wqY3BWtk-GSH2YLY5137b9pquErZf7mzxvRBfmSBCXwi1o-804-Iznt1TjEqJFUoDIYsFSrXUbpxt14BBvMSeOXdV-82n0PeOphyphenhyphenSlfw67E1ln-LDJvviT/s1600/related+posts+widget+by+linkwithin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How To Add Related Post Widget By LinkWithin in Your Blog" border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTJS75ATh44M8voSyP9KWA22wqY3BWtk-GSH2YLY5137b9pquErZf7mzxvRBfmSBCXwi1o-804-Iznt1TjEqJFUoDIYsFSrXUbpxt14BBvMSeOXdV-82n0PeOphyphenhyphenSlfw67E1ln-LDJvviT/s320/related+posts+widget+by+linkwithin.png" title="How To Add Related Post Widget By LinkWithin in Your Blog" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> </div> <ul style="text-align: left;"> <li>Now Click On <b>Get Widget!</b> Button.</li> </ul> <br /> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> </div> <ul style="text-align: left;"> <li>After Clicking You will be Directed to the page having Instructions to install the Widget. The Instruction page  for different platforms are different so choose your platform carefully.</li> </ul> <br /> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> </div> <ul style="text-align: left;"> <li>Now follow the steps on the Instruction Page to Install the LinkWithin Related Posts Widget to your blog.</li> </ul> <br /> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> </div> <ul style="text-align: left;"> <li>You are Done.</li> </ul> <br /> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> <i>Have Problems/feedback? Let me know through comments.. Also if you found the article useful Subscribe to our blog we have lots of interesting stuffs for you.</i></div> <div> <div> <br /></div> </div> </div>

How To Add Related Post Widget By LinkWithin in Your Blog

When we talk about must-have widgets for a blog, related posts widget is among the ones that come to our mind. The related posts widge...

Read more »

Improve Ranking of Your Blogger Blog in SERPs through SEO script

<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU_yDcau6aPgufJop2oCAZ6BcucJctgsOqUyBgvwJ10chVlcqq0KVZjfr_e3u4UwXU1bl0Lh04zx8sApdpX1FRInD4LqfQr0955y38A5prg4a1I3Gn0Pj0HR0vpFiOBIz8pcMN3Qfzyej2/s1600/seo-serp-improve.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Improve Ranking of Your Blogger Blog in SERPs through SEO script" border="0" height="317" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU_yDcau6aPgufJop2oCAZ6BcucJctgsOqUyBgvwJ10chVlcqq0KVZjfr_e3u4UwXU1bl0Lh04zx8sApdpX1FRInD4LqfQr0955y38A5prg4a1I3Gn0Pj0HR0vpFiOBIz8pcMN3Qfzyej2/s400/seo-serp-improve.jpg" title="Improve Ranking of Your Blogger Blog in SERPs through SEO script" width="400" /></a></div> <span id="goog_1360265952"></span><span id="goog_1360265953"></span><br /> <br /> If you are a blogger I am sure you would know about what is SEO.<br /> <span style="color: #cccccc; font-family: Courier New, Courier, monospace;"><br /></span> <br /> <div style="text-align: left;"> <span style="color: #666666;"><span style="font-family: Courier New, Courier, monospace;"><b>Recommended</b></span> :</span><span style="color: #cccccc;"> </span><a class="titlex" href="http://pretoproblogger.blogspot.com/2013/07/100-free-seo-tools.html" style="display: inline !important; line-height: 1.5em; margin: 0px 0px 5px; opacity: 0.75;"><span style="font-family: Verdana, sans-serif;"><b>100 Free SEO Tools</b></span></a></div> <br /> <br /> And If you are using Wordpress or drupal CMS then you don't have to worry for SEO as they contain many plugins for SEO purposes. But what if you are using Blogger platform ? Well Don't worry here is a SEO script that will surely improve your SERPs Ranking.<br /> <br /> All You have to do is follow these simple steps :<br /> <br /> 1.) Go to Your Blogger Dashboard.<br /> <br /> 2.) Now go to Template and Click on Edit Template.<br /> <br /> 3.)Now Find the<b><span style="color: blue;"> <title> *** </title> </span></b>code and replace it with the following code.<br /> <br /> SEO Script Code :<br /> <br /> <b:if cond='data:blog.pageType == "item"'><br /> <title><data:blog.pageName/> | <data:blog.title/></title><br /> <b:else/><title><data:blog.pageTitle/></title><br /> </b:if><br /> <b:if cond='data:blog.pageType == "archive"'><br /> <title><data:blog.pageName/> | <data:blog.title/></title><br /> </b:if><br /> <b:if cond='data:blog.pageType == "label"'><br /> <title><data:blog.pageName/> | <data:blog.title/></title><br /> </b:if><br /> <meta expr:content='data:blog.pageTitle + " - <span style="color: red;">your blog description here (up to 200 characters)</span>"' name='description'/><br /> <meta expr:content='data:blog.pageName + ", <span style="color: red;">Keyword 1, Keyword 2, Keyword 3, Keyword 4,Keyword 5</span>"' name='keywords'/><br /> <meta content='<span style="color: red;">Author Name Here</span>' name='author'/><br /> <meta content='index,follow' name='robots'/><br /> <div> <br /></div> <div> 4.) Now Change the text in Red with yours.</div> <div> <br /></div> <div> 5.) You are done.<br /> <br /></div> <h3 style="text-align: left;"> What This code will Do?</h3> <ul style="text-align: left;"> <li>Automatically change Blog Page Title for every post/page.</li> <li>Automatically insert Meta Description for every post/page.</li> <li>Automatically insert Meta Keywords for every Post/page.</li> <li>Will work on Monthly, Weekly and Daily Archives pages.</li> <li>Will also work on each blog label page.</li> <li>Add Robot meta tag</li> <li>Add Author meta tag</li> </ul> <div> <h4> <span style="color: #666666;"><span style="font-family: Courier New, Courier, monospace;"><b>Recommended</b></span> :</span><span style="color: #cccccc;"> </span><a href="http://pretoproblogger.blogspot.com/2013/07/what-are-meta-tags-and-their-use-in-seo.html" target="_blank"><span style="font-family: Verdana, sans-serif;">What are Meta Tags and their use in SEO</span></a></h4> </div> <br /> <div> <i>Have Problems/Suggestions . Let me know through Comments...</i></div> <div> <br /> <br /></div> </div>

Improve Ranking of Your Blogger Blog in SERPs through SEO script

If you are a blogger I am sure you would know about what is SEO. Recommended :   100 Free SEO Tools And If you are using Wordp...

Read more »