seogoogle: seo for blogger

How to Get Traffic to Your Blog | YouTube Traffic Tricks for Hours

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<span style="color: #333333; font-family: arial, sans-serif;"><span style="background-color: white; line-height: 17px;"><b>How to Get Traffic to Your Blog | YouTube Traffic Tricks for Hours.</b></span></span></div>
<div style="text-align: center;">
<span style="color: #333333; font-family: arial, sans-serif;"><span style="background-color: white; line-height: 17px;"><b><br /></b></span></span></div>
<div style="text-align: center;">
<span style="background-color: white; line-height: 17px;"><span style="color: #333333; font-family: arial, sans-serif;"><b><a href="http://bestseo4google.blogspot.com/" target="_blank">http://bestseo4google.blogspot.com/</a></b></span></span></div>
<div style="text-align: center;">
<span style="color: #333333; font-family: arial, sans-serif;"><span style="background-color: white; line-height: 17px;"><b><br /></b></span></span></div>
<div style="text-align: center;">
<span style="color: #333333; font-family: arial, sans-serif;"><span style="line-height: 17px;"><b>Want to learn how to increase your site's web traffic? This video will introduce you to </b></span></span></div>
<div style="text-align: center;">
<span style="color: #333333; font-family: arial, sans-serif;"><span style="line-height: 17px;"><b><br /></b></span></span></div>
<div style="text-align: center;">
<span style="color: #333333; font-family: arial, sans-serif;"><span style="line-height: 17px;"><b>the domination battle plan that will show you how to use youtube to get more videos, </b></span></span></div>
<div style="text-align: center;">
<span style="color: #333333; font-family: arial, sans-serif;"><span style="line-height: 17px;"><b><br /></b></span></span></div>
<div style="text-align: center;">
<span style="color: #333333; font-family: arial, sans-serif;"><span style="line-height: 17px;"><b>more video views, more website traffic, and more email subscribers. </b></span></span></div>
<div style="text-align: center;">
<span style="color: #333333; font-family: arial, sans-serif;"><span style="line-height: 17px;"><b><br /></b></span></span></div>
<div style="text-align: center;">
<span style="color: #333333; font-family: arial, sans-serif;"><b><span style="background-color: white; line-height: 17px;"></span></b></span></div>
<div style="text-align: center;">
<span style="color: #333333; font-family: arial, sans-serif;"><span style="line-height: 17px;"><b>Visit our site to learn key tricks and strategies that will increase traffic to your site, </b></span></span></div>
<div style="text-align: center;">
<span style="color: #333333; font-family: arial, sans-serif;"><span style="line-height: 17px;"><b><br /></b></span></span></div>
<div style="text-align: center;">
<span style="color: #333333; font-family: arial, sans-serif;"><span style="line-height: 17px;"><b>improve your email lists, subscribers and building your online presence! </b></span></span></div>
<div style="text-align: center;">
<span style="color: #333333; font-family: arial, sans-serif;"><span style="line-height: 17px;"><b><br /></b></span></span></div>
<div style="text-align: center;">
<span style="color: #333333; font-family: arial, sans-serif;"><span style="line-height: 17px;"><b>watsh the video </b></span></span></div>
<div style="text-align: center;">
<span style="color: #333333; font-family: arial, sans-serif;"><span style="line-height: 17px;"><b><br /></b></span></span></div>
<div style="text-align: center;">
<span style="color: #333333; font-family: arial, sans-serif;"><span style="line-height: 17px;"><b><a href="https://www.youtube.com/watch?v=oTH-1K7jSMs">https://www.youtube.com/watch?v=oTH-1K7jSMs</a></b></span></span></div>
</div>

How to Get Traffic to Your Blog | YouTube Traffic Tricks for Hours

How to Get Traffic to Your Blog | YouTube Traffic Tricks for Hours. http://bestseo4google.blogspot.com/ Want to learn how to incre...

Plus d'infos »

Get Traffic On Your Blog-The Fun And Free Way

<div dir="ltr" style="text-align: left;" trbidi="on">
<b><a href="http://usafunnypicture.us/" target="_blank">http://usafunnypicture.us</a></b><br />
<b>-Get Traffic On Your Blog</b><br />
<b><br /></b>
<b>Want more FREE training like this?</b><br />
<b><br /></b>
<b>How much can you make blogging? learn more: </b><br />
<b><a href="https://www.youtube.com/watch?v=XJDhNQOkWek">https://www.youtube.com/watch?v=XJDhNQOkWek</a></b><br />
<br />
<b>I created this post for all the struggling new comers out there that have not learned anything yet, this is the simplest way you can start to get traffic on your blog.</b><br />
<b><br /></b>
<b>you can check out my original full article on how its done here: </b><br />
<b><a href="http://www.starfunny.com/">www.starfunny.com</a></b><br />
<b><br /></b>
<b>Link to <a href="http://doros4.com/">http://doros4.com</a></b><br />
<b><br /></b>
<b>Need a blog or want to learn more advanced strategies then go here: <a href="http://bestseo4google.blogspot.com/">http://bestseo4google.blogspot.com/</a></b></div>

Get Traffic On Your Blog-The Fun And Free Way

http://usafunnypicture.us -Get Traffic On Your Blog Want more FREE training like this? How much can you make blogging? learn more: h...

Plus d'infos »

how to seo blogger with custom meta and title tags,increase you...

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<b><span style="font-size: large;">how to seo blogger with custom meta and title tags,increase you...</span></b></div>
<div style="text-align: center;">
<b><span style="font-size: large;">see this video and get more trafic</span></b></div>
<div style="text-align: center;">
<b><span style="font-size: large;"><br /></span></b></div>
<div style="text-align: center;">
<b><span style="font-size: large;"> by meta tag and title</span></b></div>
<div style="text-align: center;">
<b><span style="font-size: large;"><br /></span></b></div>
<div style="text-align: center;">
<b><span style="font-size: large;">tag for blogger</span></b></div>
<div style="text-align: center;">
<b><span style="font-size: large;"><br /></span></b></div>
<div style="text-align: center;">
<b><span style="font-size: large;">watsh vidéo </span></b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://www.youtube.com/watch?v=wOL172KX3jU" rel="nofollow" target="_blank"><b>https://www.youtube.com/watch?v=wOL172KX3jU</b></a></div>
</div>

how to seo blogger with custom meta and title tags,increase you...

how to seo blogger with custom meta and title tags,increase you... see this video and get more trafic by meta tag and title tag...

Plus d'infos »

Blogger SEO(Blogspot SEO) - How to get more traffic to your blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; line-height: 17px;"><span style="color: #333333; font-family: arial, sans-serif; font-size: x-small;"><b>Blogger SEO(Blogspot SEO) - How to get more traffic to your blog</b></span></span><br />
<span style="background-color: white; color: #333333; font-family: arial, sans-serif; font-size: 13px; line-height: 17px;">Do you want to know how to add meta description on blogger for home page as we the posts pages. This is really simple trick to have high SEO for your blog. You can follow the step by step guide in this video and you can add meta description for your homepage and other posts. Remember by default Blogger does not allow you add customized Meta description and it is always advisable to have it enabled so you can add tailored Meta.</span><br style="background-color: white; color: #333333; font-family: arial, sans-serif; font-size: 13px; line-height: 17px;" /><br style="background-color: white; color: #333333; font-family: arial, sans-serif; font-size: 13px; line-height: 17px;" /><span style="background-color: white; color: #333333; font-family: arial, sans-serif; font-size: 13px; line-height: 17px;">Music Credit: Got Funk By Kevin MacLeod (<a href="http://usafunnypicture.us/" target="_blank">usafunnypicture.us</a>) </span><br style="background-color: white; color: #333333; font-family: arial, sans-serif; font-size: 13px; line-height: 17px;" /><span style="background-color: white; color: #333333; font-family: arial, sans-serif; font-size: 13px; line-height: 17px;">Licensed under Creative Commons: By Attribution 3.0</span><br style="background-color: white; color: #333333; font-family: arial, sans-serif; font-size: 13px; line-height: 17px;" /><br style="background-color: white; color: #333333; font-family: arial, sans-serif; font-size: 13px; line-height: 17px;" /><span style="background-color: white; color: #333333; font-family: arial, sans-serif; font-size: 13px; line-height: 17px;">We are sure this video tell you all on how to add meta description on blogger. For more video please subscribe now. Thanks for watching this <b>SEO video</b></span><br />
<div style="text-align: center;">
<span style="color: #333333; font-family: arial, sans-serif; font-size: x-small;"><span style="background-color: white; line-height: 17px;">url vediio</span></span></div>
<div style="text-align: center;">
<span style="background-color: white; line-height: 17px;"><span style="color: #333333; font-family: arial, sans-serif; font-size: x-small;"><a href="https://www.youtube.com/watch?v=JmcWVajBt0Y" rel="nofollow" target="_blank">https://www.youtube.com/watch?v=JmcWVajBt0Y</a></span></span></div>
</div>

Blogger SEO(Blogspot SEO) - How to get more traffic to your blog

Blogger SEO(Blogspot SEO) - How to get more traffic to your blog Do you want to know how to add meta description on blogger for home page ...

Plus d'infos »

Create A Rollover Image Effect change image on mouseover

<div dir="ltr" style="text-align: left;" trbidi="on">
<div id="adsmiddle1928011788255343994" style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">
The Rollover effect is one in which an image web object changes (swaps itself) <span class="IL_AD" id="IL_AD7" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(63, 125, 35) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-style: none; border-right-style: none; border-top-style: none; color: rgb(63, 125, 35) !important; cursor: pointer !important; display: inline !important; float: none !important; list-style: none; margin: 0px; outline: none; padding: 0px 0px 1px !important; position: static;">on mouse over</span> to another web object (called rollovers) and reverts back to the original image on mouse out. Rollover images are preloaded into <span class="IL_AD" id="IL_AD2" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(63, 125, 35) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-style: none; border-right-style: none; border-top-style: none; color: rgb(63, 125, 35) !important; cursor: pointer !important; display: inline !important; float: none !important; list-style: none; margin: 0px; outline: none; padding: 0px 0px 1px !important; position: static;">the page</span> when it is loading, this ensures that the rollovers are displayed quickly. The onMouseOver and onMouseOut attributes of the link tag are used to make this functional.</div>
<div style="background-color: #f9f9f9; clear: both; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; margin: 10px auto;">
</div>
<div id="adsmiddle2928011788255343994" style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">
<b>Demo: </b> Place your mouse over the image below to see its rollover effect</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpYLSrq3lfHW2x640bl67PG1lepxarpaErUBmstEZcR4e5e4MPj2sGQ_oW0hL7vRCG15AEGx_vFVifOIUGLRkktmyt7IgsxUKuNIFpD11QuwePtGkgpSQVdyPjSXHb6olepLmt2R5edukJ/s1600/RSS.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpYLSrq3lfHW2x640bl67PG1lepxarpaErUBmstEZcR4e5e4MPj2sGQ_oW0hL7vRCG15AEGx_vFVifOIUGLRkktmyt7IgsxUKuNIFpD11QuwePtGkgpSQVdyPjSXHb6olepLmt2R5edukJ/s1600/RSS.png" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;"><span style="border: none; font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;">Making Rollover Effect Image</span></b><br style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;" /><br style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;" /><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;">You have the following </span><span class="IL_AD" id="IL_AD1" style="background-attachment: scroll !important; background-color: #f9f9f9; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(63, 125, 35) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-style: none; border-right-style: none; border-top-style: none; color: rgb(63, 125, 35) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px 0px 1px !important; position: static; text-align: start;">code</span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;">:</span></div>
<blockquote class="tr_bq">
 <a href="<b><span style="color: #0b5394;">URL ADDRESS</span></b>"><img src="<span style="color: orange;"><b>URL OF THE FIRST IMAGE GOES HERE</b></span>" onmouseover="this.src='<span style="color: blue;"><b>URL OF THE SECOND IMAGE GOES HERE</b></span>'" onmouseout="this.src='<span style="color: orange;"><b>URL OF THE FIRST IMAGE GOES HERE</b></span>'" /></a></blockquote>
<div class="separator" style="clear: both; text-align: center;">
<br />
<span class="IL_AD" id="IL_AD7">Change</span> the colored texts as it follows:<br />
<br />
<b>1.</b> <b><span style="color: #0b5394;">URL ADDRESS</span></b><br />
<br />
This is the address where somebody will be sent when clicks on the image.<br />
Example, my blog address: <span style="color: #0b5394;">http://www.helplogger.blogspot.com</span><br />
<br />
<b>2.</b> <span style="color: orange;"><b>URL OF THE FIRST IMAGE GOES HERE</b></span><br />
<br />
Replace the orange text (two times) with the URL address of the image which will appear before you hover over it<span style="color: #cc0000;"><b>.</b></span><br />
<br />
<b>3.</b> <span style="color: blue;"><b>URL OF THE SECOND IMAGE GOES HERE</b></span><br />
Replace the text in blue with the url of  the image that will appear when the cursor hovers over it.<br />
<br />
Now you can paste your image inside a blog gadget, going to <b>Layout</b> > click on <b>Add a Gadget</b> link (right side) > Select <b>HTML/JavaScript</b> from the pop-up window, then add it to your sidebar.<br />
<br />
You can also add it inside your post by going to New Post > Switch to HTML tab and then paste the code in the empty box.<br />
<br />
That's it. Enjoy ;)</div>
<div id="adsmiddle2928011788255343994" style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">
<br /></div>
</div>

Create A Rollover Image Effect change image on mouseover

The Rollover effect is one in which an image web object changes (swaps itself) on mouse over to another web object (called rollovers) an...

Plus d'infos »

Simple Recent Posts Widget for Blogger/Blogspot

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">The main advantage on this Recent Posts </span><span class="IL_AD" id="IL_AD5" style="background-attachment: scroll !important; background-color: #f9f9f9; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(63, 125, 35) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-style: none; border-right-style: none; border-top-style: none; color: rgb(63, 125, 35) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px 0px 1px !important; position: static;">widget</span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> is that it will show not only post titles but also post excerpts or snippets and it's easy to </span><span class="IL_AD" id="IL_AD6" style="background-attachment: scroll !important; background-color: #f9f9f9; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(63, 125, 35) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-style: none; border-right-style: none; border-top-style: none; color: rgb(63, 125, 35) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px 0px 1px !important; position: static;">customize</span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">/ apply </span><span class="IL_AD" id="IL_AD4" style="background-attachment: scroll !important; background-color: #f9f9f9; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(63, 125, 35) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-style: none; border-right-style: none; border-top-style: none; color: rgb(63, 125, 35) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px 0px 1px !important; position: static;">different style</span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> on it. To style it into your own </span><span class="IL_AD" id="IL_AD9" style="background-attachment: scroll !important; background-color: #f9f9f9; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(63, 125, 35) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-style: none; border-right-style: none; border-top-style: none; color: rgb(63, 125, 35) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px 0px 1px !important; position: static;">design</span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">, you just have to modify the CSS style - you can change the link or </span><span class="IL_AD" id="IL_AD3" style="background-attachment: scroll !important; background-color: #f9f9f9; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(63, 125, 35) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-style: none; border-right-style: none; border-top-style: none; color: rgb(63, 125, 35) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px 0px 1px !important; position: static;">background color</span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">, the size and color of text/links. </span><br style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;" /><br style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;" /><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">What you can do with this </span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">widget</span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">:</span><br />
<ul style="background-color: #f9f9f9; border: none; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px;">
<li style="border: none; list-style: none; margin: 0px; outline: none; padding: 0px;">display post titles only</li>
<li style="border: none; list-style: none; margin: 0px; outline: none; padding: 0px;">change the number of posts</li>
<li style="border: none; list-style: none; margin: 0px; outline: none; padding: 0px;">change the number of characters of the post snippet/excerpt</li>
<li style="border: none; list-style: none; margin: 0px; outline: none; padding: 0px;">show the post dates</li>
</ul>
<br style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;" /><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">See the screenshot below:</span><br />
<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/AVvXsEhWTzFuIKFDYDV8hSDYI10yhFLbVjo4gNfBH0noMchMG1V3xVkyHE1D2a6Drq3wnKHRa5MjgPBhPpGIkfD4RWv8u6WO24NbSNFyM1GRn_bQOPccyPJ5eUXoOhAMq-6zpD0sr3LG6OYvutuI/s1600/add+recent+posts+widget+for+blogger+blogspot.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Widget for Blogger" border="0" height="397" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWTzFuIKFDYDV8hSDYI10yhFLbVjo4gNfBH0noMchMG1V3xVkyHE1D2a6Drq3wnKHRa5MjgPBhPpGIkfD4RWv8u6WO24NbSNFyM1GRn_bQOPccyPJ5eUXoOhAMq-6zpD0sr3LG6OYvutuI/s1600/add+recent+posts+widget+for+blogger+blogspot.png" title="Widget for Blogger" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Widget for Blogger</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: #f9f9f9; border: none; color: #333333; font-family: 'Istok Web', sans-serif; font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px; text-align: start;"><b>How to add Recent Posts Widget to Blogger</b></span><br style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;" /><br style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;" /><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;">Step 1. Log in to your Blogger Dashboard, then go to</span><i style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;"> <b>Layout</b></i><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;"> and click on </span><b style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;"><i>Add a Gadget</i></b><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;"> link</span></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/AVvXsEgtcp6DPgzVaxDACUGIImFaa8TxEgDmKUVssdDAPiHlI3qYMSWcV0BBerqtJUa-bnB8unTrHtfvn4CXxx4nsTxAESe0TkeIDBIBnkHncgUZMu07DDt8jy12JE9QMYSsxr3b5-9G2omyYrsr/s1600/blogger-layout-add+a+gadget-how-to.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Widget for Blogger" border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtcp6DPgzVaxDACUGIImFaa8TxEgDmKUVssdDAPiHlI3qYMSWcV0BBerqtJUa-bnB8unTrHtfvn4CXxx4nsTxAESe0TkeIDBIBnkHncgUZMu07DDt8jy12JE9QMYSsxr3b5-9G2omyYrsr/s1600/blogger-layout-add+a+gadget-how-to.png" title="Widget for Blogger" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Widget for Blogger</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;"><br /></span></div>
<span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">Step 2. From the pop-up window, scroll down and choose HTML/JavaScript</span><br />
<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/AVvXsEgfQy2bWDeXygfd5fYnXt-iRIvig2YfdS_dW4s_Owju72Zg40nzjLdR-UT4s95fbBen01rO0VhW-ACbu608E40WC6slT60IwMJkxEwaTPMA0wNRWBPfbZt-iwp8t2drUQdVIzv8QUGKcylL/s1600/blogger-widgets-gadgets-tutorials-tricks-helplogger-html-javascrip.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Widget for Blogger" border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfQy2bWDeXygfd5fYnXt-iRIvig2YfdS_dW4s_Owju72Zg40nzjLdR-UT4s95fbBen01rO0VhW-ACbu608E40WC6slT60IwMJkxEwaTPMA0wNRWBPfbZt-iwp8t2drUQdVIzv8QUGKcylL/s1600/blogger-widgets-gadgets-tutorials-tricks-helplogger-html-javascrip.png" title="Widget for Blogger" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Widget for Blogger</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;">Step 3. Select & Copy the code from one of the options below and paste it into the new HTML/JavaScript: </span><br style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;" /><br style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;" /><b style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;"><span style="border: none; color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">Option 1: Recent posts widget with snippets</span></b><br style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;" /></div>
<blockquote class="tr_bq" style="background-attachment: scroll; background-color: #f9f9f9; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLPSjw6Vj4YIzuPM3xjmGHLkoHHbovEwlgeSZSYJMUV2uAU7lsH6igdMI4sG52kItXDhiWduXoGyEaY2WhauuCRqNMa1HNPMW2vuCVjf4D9Ukn1agmuDuxuB6G1P3eeBPjQIpV17IF05_S/s1600/blockquote-bg.png); background-position: 50% 0%; background-repeat: repeat repeat; border-left-color: rgb(202, 202, 202); border-left-style: solid; border-left-width: 6px; color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px; margin: 1.5em 10px; padding: 0.5em 10px; word-wrap: break-word;">
 <div id="hlrpsa"><br /><script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js"><br /></script><br /><script><br />var numposts = <b><span style="border: none; color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">5</span></b>;var showpostdate = <b><span style="border: none; color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">false</span></b>;var showpostsummary = true;var numchars = <b><span style="border: none; color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">100</span></b>;var standardstyling = true;<br /></script><br /><script src="<b>http://<span style="border: none; color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">your-blog</span>.blogspot.com</b>/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"><br /></script></div><br /><div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;"><br /><a href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html" target="_blank" title="Grab this Recent Posts Widget">Recent Posts Widget</a> by <a href="http://helplogger.blogspot.com" title="Recent Posts Widget">Helplogger</a></div><br /><noscript>Your browser does not support JavaScript!</noscript><br /><style type="text/css"><br />#hlrpsa a {color: <b><span style="border: none; color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#0B3861</span></b>; font-size: <b><span style="border: none; color: purple; list-style: none; margin: 0px; outline: none; padding: 0px;">13px</span></b>;} #rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNYtyBBODioEIkP4VF62exanBA5A99nghFjIVbwBtvhqap6jMG0rRkwlAc8dSYCtnC5fMf1rYnOqGgYTTwz5FO4L3mg9YBH-23fk-WCRi42Uqlq0Vwow7Txu3c_ZQoda-EH_5U6k20r-qv/s1600/blogger.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}<br />#rpdr, #rpdr a {color:#808080;}<br />#hlrpsa { color:<b> <span style="border: none; color: #38761d; list-style: none; margin: 0px; outline: none; padding: 0px;">#999999</span></b>; font-size: <b><span style="border: none; color: orange; list-style: none; margin: 0px; outline: none; padding: 0px;">11px</span></b>; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}<br />.hlrps a {font-weight:bold; }<br />.hlrpssumm {}<br /></style></blockquote>
<div class="separator" style="clear: both; text-align: center;">
<br style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;" /><b style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;"><span style="border: none; color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">Option 2: Recent Posts Widget Showing Post Titles Only</span></b><br style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;" /></div>
<blockquote class="tr_bq" style="background-attachment: scroll; background-color: #f9f9f9; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLPSjw6Vj4YIzuPM3xjmGHLkoHHbovEwlgeSZSYJMUV2uAU7lsH6igdMI4sG52kItXDhiWduXoGyEaY2WhauuCRqNMa1HNPMW2vuCVjf4D9Ukn1agmuDuxuB6G1P3eeBPjQIpV17IF05_S/s1600/blockquote-bg.png); background-position: 50% 0%; background-repeat: repeat repeat; border-left-color: rgb(202, 202, 202); border-left-style: solid; border-left-width: 6px; color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px; margin: 1.5em 10px; padding: 0.5em 10px; word-wrap: break-word;">
 <div id="hlrpsb"><br /><script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script><br /><script style="text/javascript">var numposts = <b><span style="border: none; color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">10</span></b>;var showpostdate =<b><span style="border: none; color: red; list-style: none; margin: 0px; outline: none; padding: 0px;"> false</span></b>;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><br /><script src="<b>http://<span style="border: none; color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">your-blog</span>.blogspot.com</b>/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><br /><div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://helplogger.blogspot.com" title="Recent Posts Widget">Helplogger</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript><br /><style type=text/css><br />#hlrpsb a {color: <span style="border: none; color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>#0B3861</b></span>; font-size: <span style="border: none; color: #741b47; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>13px</b></span>;} #rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNYtyBBODioEIkP4VF62exanBA5A99nghFjIVbwBtvhqap6jMG0rRkwlAc8dSYCtnC5fMf1rYnOqGgYTTwz5FO4L3mg9YBH-23fk-WCRi42Uqlq0Vwow7Txu3c_ZQoda-EH_5U6k20r-qv/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}<br />#rpdr, #rpdr a {color:#808080;}<br />.bbrecpost2 {<br />padding-top:6px;<br />padding-bottom:6px;<br />border-bottom: 1px #cccccc dotted; }<br /></style></blockquote>
<div class="separator" style="clear: both; text-align: center;">
<br style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;" /><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;">Step 4.</span></div>
<ul style="background-color: #f9f9f9; border: none; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px;">
<li style="border: none; list-style: none; margin: 0px; outline: none; padding: 0px;">Change <b><span style="border: none; color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">5</span></b> (option 1) and <b><span style="border: none; color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">10 </span></b>(option 2) with the number of posts you want to display. </li>
<li style="border: none; list-style: none; margin: 0px; outline: none; padding: 0px;">Change <b><span style="border: none; color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">false</span></b> to <b>true</b> if you want the posts dates to appear </li>
<li style="border: none; list-style: none; margin: 0px; outline: none; padding: 0px;">Change <b><span style="border: none; color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">100</span></b> (option 1) if you want more characters to be displayed.</li>
<li style="border: none; list-style: none; margin: 0px; outline: none; padding: 0px;">To change the color and font size of the links, modify the <span class="IL_AD" id="IL_AD2" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(63, 125, 35) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-style: none; border-right-style: none; border-top-style: none; color: rgb(63, 125, 35) !important; cursor: pointer !important; display: inline !important; float: none !important; list-style: none; margin: 0px; outline: none; padding: 0px 0px 1px !important; position: static;">values</span> in <b><span style="border: none; color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">blue</span></b> (links) and <span style="border: none; color: #741b47; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>violet</b></span> (font-size)</li>
<li style="border: none; list-style: none; margin: 0px; outline: none; padding: 0px;">To change the style of posts summary, modify the values in <span style="border: none; color: #274e13; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>green</b></span> (color) and <span style="border: none; color: orange; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>orange</b></span> (font size)</li>
<li style="border: none; list-style: none; margin: 0px; outline: none; padding: 0px;">Replace the <b><span style="border: none; color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">your-blog</span></b> text with the name of your blog or if you have a custom domain change all the bolded line with your address like in this example:</li>
</ul>
<blockquote class="tr_bq" style="background-attachment: scroll; background-color: #f9f9f9; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLPSjw6Vj4YIzuPM3xjmGHLkoHHbovEwlgeSZSYJMUV2uAU7lsH6igdMI4sG52kItXDhiWduXoGyEaY2WhauuCRqNMa1HNPMW2vuCVjf4D9Ukn1agmuDuxuB6G1P3eeBPjQIpV17IF05_S/s1600/blockquote-bg.png); background-position: 50% 0%; background-repeat: repeat repeat; border-left-color: rgb(202, 202, 202); border-left-style: solid; border-left-width: 6px; color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px; margin: 1.5em 10px; padding: 0.5em 10px; word-wrap: break-word;">
 <b><span style="border: none; color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">http://www.your-site.com</span></b>/feeds/posts/default....</blockquote>
<div class="separator" style="clear: both; text-align: center;">
<br style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;" /><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;">Step 5. Save your </span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;">widget</span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;">. And that's it! Enjoy!</span></div>
<span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"><br /></span></div>

Simple Recent Posts Widget for Blogger/Blogspot

The main advantage on this Recent Posts widget is that it will show not only post titles but also post excerpts or snippets and it's ...

Plus d'infos »

How To SEO Optimize Your Blogger Blog Titles For Higher Search Results

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">This is called "Blogger/blogspot Title Swapping". Swapping blogs title can help boost your</span><span class="IL_AD" id="IL_AD9" style="background-attachment: scroll !important; background-color: #f9f9f9; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(63, 125, 35) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-style: none; border-right-style: none; border-top-style: none; color: rgb(63, 125, 35) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px 0px 1px !important; position: static;">position</span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> in search engine </span><span class="IL_AD" id="IL_AD8" style="background-attachment: scroll !important; background-color: #f9f9f9; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(63, 125, 35) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-style: none; border-right-style: none; border-top-style: none; color: rgb(63, 125, 35) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px 0px 1px !important; position: static;">results</span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> page listing and also increase clickthroughs. From an SEO (Search Engine Optimization) perspective, page title is the most </span><span class="IL_AD" id="IL_AD5" style="background-attachment: scroll !important; background-color: #f9f9f9; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(63, 125, 35) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-style: none; border-right-style: none; border-top-style: none; color: rgb(63, 125, 35) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px 0px 1px !important; position: static;">important</span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> element in </span><span class="IL_AD" id="IL_AD1" style="background-attachment: scroll !important; background-color: #f9f9f9; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(63, 125, 35) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-style: none; border-right-style: none; border-top-style: none; color: rgb(63, 125, 35) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px 0px 1px !important; position: static;">your blog</span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> in terms of ranking well in search engines. If you look at your browser's title bar you will notice that Blogger's default templates display </span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">your blog</span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> title in front of each page or post title. So page title would normally be displayed as:</span><br />
<span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx6ayzTKziqcC4Y3qn3Npbt5XSDcR6S_4bCD-cfQTCu9bFbHZ5ow1rKoaJ1yOrx0TO8fs0a1P-zw0vQYDJwzru7IAVZ0UGFCq8mrnzrfr7-KrAbxGA4uLhchZEe_9um0pvI9SKAri_i9kK/s1600/seo-optimize-blogger-title-for-more-visitors.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx6ayzTKziqcC4Y3qn3Npbt5XSDcR6S_4bCD-cfQTCu9bFbHZ5ow1rKoaJ1yOrx0TO8fs0a1P-zw0vQYDJwzru7IAVZ0UGFCq8mrnzrfr7-KrAbxGA4uLhchZEe_9um0pvI9SKAri_i9kK/s1600/seo-optimize-blogger-title-for-more-visitors.png" /></a></div>
<span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">After swapping the blog title, it will be appearing like this:</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBPLEgq480yJxSSrWfoKYDKlkBBG7Qzwhk4Y9Gp83H2awf09HTYvoV2ePV1wf01NJYSALuflio5A2VPjn221KmAANHMZi4fwQmToVR_hsR7MJHClYBjBTOCAJMCETUJIdoDjkaxK-zekVZ/s1600/seo-optimize-blogger-title-for-more-visitors.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBPLEgq480yJxSSrWfoKYDKlkBBG7Qzwhk4Y9Gp83H2awf09HTYvoV2ePV1wf01NJYSALuflio5A2VPjn221KmAANHMZi4fwQmToVR_hsR7MJHClYBjBTOCAJMCETUJIdoDjkaxK-zekVZ/s1600/seo-optimize-blogger-title-for-more-visitors.png" /></a></div>
<span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">This kind of placement will be also appearing in google </span><span class="IL_AD" id="IL_AD2" style="background-attachment: scroll !important; background-color: #f9f9f9; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(63, 125, 35) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-style: none; border-right-style: none; border-top-style: none; color: rgb(63, 125, 35) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px 0px 1px !important; position: static;">search results</span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">. The reason why you should put post titles at the beginning is because users are more likely to search for specific post content rather than the actual name of </span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">your blog</span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">. So having the post titles at the beginning increases your chances of being found.</span><br />
<span style="background-color: #f9f9f9; border: none; color: #3d85c6; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="border: none; font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>How to optimize blogger post titles</b></span></span><br style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;" /><br style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;" /><b style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"><span style="border: none; color: #3d85c6; list-style: none; margin: 0px; outline: none; padding: 0px;">Step 1.</span> </b><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">Log in to your </span><a href="http://www.blogger.com/home" style="background-color: #f9f9f9; border: none; color: #0088b2; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;">Blogger Dashboard</a><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> and go to Template > Edit HTML </span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8fP8V8UNCM8W916i47bChEJtLBDNNvzJosHHWelFI1rVgMyWSgOexwoPdtwcd0YP48ytMqlMZnq25NcLjToKLXJODXWm-lWJeMnms0_-1HYEuR9NhcMDXAEWrOQvFSsTixmhyvrYCM7I5/s1600/blogger-template-edit-html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8fP8V8UNCM8W916i47bChEJtLBDNNvzJosHHWelFI1rVgMyWSgOexwoPdtwcd0YP48ytMqlMZnq25NcLjToKLXJODXWm-lWJeMnms0_-1HYEuR9NhcMDXAEWrOQvFSsTixmhyvrYCM7I5/s1600/blogger-template-edit-html.png" width="400" /></a></div>
<span style="background-color: #f9f9f9; border: none; color: #3d85c6; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>Step 2.</b></span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> Click anywhere inside </span><span class="IL_AD" id="IL_AD3" style="background-attachment: scroll !important; background-color: #f9f9f9; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(63, 125, 35) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-style: none; border-right-style: none; border-top-style: none; color: rgb(63, 125, 35) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px 0px 1px !important; position: static;">the code</span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> area and press the CTRL + F keys to open the Blogger' search box</span><br style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;" /><br style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;" /><span style="background-color: #f9f9f9; border: none; color: #3d85c6; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>Step 3.</b></span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> Type or paste </span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">the code</span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> below inside the search box to find it:</span><br />
<blockquote class="tr_bq" style="background-attachment: scroll; background-color: #f9f9f9; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLPSjw6Vj4YIzuPM3xjmGHLkoHHbovEwlgeSZSYJMUV2uAU7lsH6igdMI4sG52kItXDhiWduXoGyEaY2WhauuCRqNMa1HNPMW2vuCVjf4D9Ukn1agmuDuxuB6G1P3eeBPjQIpV17IF05_S/s1600/blockquote-bg.png); background-position: 50% 0%; background-repeat: repeat repeat; border-left-color: rgb(202, 202, 202); border-left-style: solid; border-left-width: 6px; color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px; margin: 1.5em 10px; padding: 0.5em 10px; word-wrap: break-word;">
 <title><data:blog.pageTitle/></title></blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvqL7bxk3oOImhQf2erCzVx0FR9VjLEwcqj04Ng6lVa55Zqk5TuUzG67__uSdkLdHGIF8YDRIbGsQqAatM3K-ZxquJYdRIeOCp3TQtRfpJO009jRieml4jB5beL8duQUgBz0mbCURDZawe/s1600/how-to-seo-optimize-blogger-blog-title-for-higher-search-results.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvqL7bxk3oOImhQf2erCzVx0FR9VjLEwcqj04Ng6lVa55Zqk5TuUzG67__uSdkLdHGIF8YDRIbGsQqAatM3K-ZxquJYdRIeOCp3TQtRfpJO009jRieml4jB5beL8duQUgBz0mbCURDZawe/s1600/how-to-seo-optimize-blogger-blog-title-for-higher-search-results.png" /></a></div>
 <span style="background-color: #f9f9f9; border: none; color: #3d85c6; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>Step 4.</b></span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> You need to replace </span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">the code</span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> above with this one:</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg66N4iAQTumIe2pPMIkVTi4hhb0OlpwC0Sx_9ka0pcb4gpQS84GzX0UMX_hNbqxa31R43OaxGOrsv88E3dIPdu5A7lol6MrNMIq0zmUegF-CMWn0ll1nWjJooFrrdMcWNuw4cSPd_SpS1o/s1600/how-to-seo-optimize-blogger-blog-title-for-higher-search-results.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg66N4iAQTumIe2pPMIkVTi4hhb0OlpwC0Sx_9ka0pcb4gpQS84GzX0UMX_hNbqxa31R43OaxGOrsv88E3dIPdu5A7lol6MrNMIq0zmUegF-CMWn0ll1nWjJooFrrdMcWNuw4cSPd_SpS1o/s1600/how-to-seo-optimize-blogger-blog-title-for-higher-search-results.png" /></a></div>
<span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"><br /></span>
<div class="post-body" style="background-color: #f9f9f9; border-top-color: rgb(193, 193, 193); border-top-style: dotted; border-top-width: 1px; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; padding-top: 10px;">
<div id="adsmiddle15986086295725945737">
<span style="border: none; color: #3d85c6; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>Step 5.</b></span> Click Save Template and you are done!</div>
<div style="clear: both; margin: 10px auto;">
</div>
<div id="adsmiddle25986086295725945737">
</div>
</div>
<div class="right" style="background-color: #f9f9f9; clear: both; color: #333333; float: right; font-family: 'Istok Web', sans-serif; font-size: 14px; height: 25px; margin: 10px auto;">
<div addthis:title=""+title+"" addthis:url=""+encodeURI(url)+"" class="addthis_default_style">
<a class="addthis_button_facebook_like at300b" fb:like:layout="button_count" href="https://www.blogger.com/null" style="border: none; color: #0088b2; cursor: pointer; float: left; height: 20px; list-style: none; margin: 0px; outline: none; padding: 0px 2px; width: 80px;"><div class="fb-like fb_iframe_widget" data-action="like" data-font="arial" data-href="http://helplogger.blogspot.com/2012/03/how-to-seo-optimize-your-blogger-blog.html" data-layout="button_count" data-ref=".UxUB_nfykqE.like" data-send="false" data-show_faces="false" data-width="90" fb-iframe-plugin-query="action=like&app_id=&font=arial&href=http%3A%2F%2Fhelplogger.blogspot.com%2F2012%2F03%2Fhow-to-seo-optimize-your-blogger-blog.html&layout=button_count&locale=en_US&ref=.UxUB_nfykqE.like&sdk=joey&send=false&show_faces=false&width=90" fb-xfbml-state="rendered" style="display: inline-block; line-height: 14px; position: relative;">
<span style="border: none; display: inline-block; height: 20px; list-style: none; margin: 0px; outline: none; padding: 0px; position: relative; text-align: justify; vertical-align: bottom; width: 78px;"></span></div>
</a></div>
</div>
<div class="clear" style="-webkit-text-stroke-width: 0px; background-color: #f9f9f9; clear: both; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</div>
</div>

How To SEO Optimize Your Blogger Blog Titles For Higher Search Results

This is called "Blogger/blogspot Title Swapping". Swapping blogs title can help boost your position in search engine results p...

Plus d'infos »

7 SEO tricks for Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<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/AVvXsEiriwii889TdeFfD5OSOMKN2nPz1vyRZBh3gb7WFWDt7fmvyl7zzItnfMNTJcpfvXaELgQ_O6CG9dNHCYgv43iZhTHN0aQkJke_Z-150ZJJK_Saj0rj8Gd4kXBbmTl52aejlgOBXAiEjGvW/s1600/blogger-seo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiriwii889TdeFfD5OSOMKN2nPz1vyRZBh3gb7WFWDt7fmvyl7zzItnfMNTJcpfvXaELgQ_O6CG9dNHCYgv43iZhTHN0aQkJke_Z-150ZJJK_Saj0rj8Gd4kXBbmTl52aejlgOBXAiEjGvW/s1600/blogger-seo.png" width="400" /></a></div>
<br />
<span style="background-color: white; color: #666666; font-family: 'trebuchet ms', Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.8999999761581421px; line-height: 22.75px; text-align: justify;">Alright all you Blogger users, this one’s for you! I know I’ve talked a lot about adding plugins to aid in SEO (search engine optimization), but obviously Blogger doesn’t have that capability. So, today I’ve got some suggestions on how to optimize your posts so you get more quality search engine traffic.</span><br />
<h4 style="background-color: white; box-sizing: border-box; color: #fc4e46; font-family: 'trebuchet ms', sans-serif; font-size: 1.6rem; letter-spacing: 0.8999999761581421px; line-height: 1.2; margin: 1rem 0rem; text-align: justify; text-transform: uppercase;">
SEARCH DESCRIPTION</h4>
<div style="background-color: white; box-sizing: border-box; color: #666666; font-family: 'trebuchet ms', Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.8999999761581421px; line-height: 22.75px; margin-bottom: 1rem; padding: 0px; text-align: justify;">
Add a site description under Settings > Search preferences. This is what will pop-up when someone searches for your site. Make sure to include keywords relating to your site’s content.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJTWLruQzckO0hHvVkM3T4w9COUrOk7em9VI-guRzWM8W6rP2Fcbkmg87qRummmFvnyhVUT0G4WPzUM3Vy3UCR1xOX6TEMAu5IwQAv0WGeL_z4dGFbzvwuFeLjmZIGazOwWW7DppulQxoI/s1600/Screen-Shot-2013-11-22-at-12.08.11-AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJTWLruQzckO0hHvVkM3T4w9COUrOk7em9VI-guRzWM8W6rP2Fcbkmg87qRummmFvnyhVUT0G4WPzUM3Vy3UCR1xOX6TEMAu5IwQAv0WGeL_z4dGFbzvwuFeLjmZIGazOwWW7DppulQxoI/s1600/Screen-Shot-2013-11-22-at-12.08.11-AM.png" width="400" /></a></div>
<h4 style="background-color: white; box-sizing: border-box; color: #fc4e46; font-family: 'trebuchet ms', sans-serif; font-size: 1.6rem; letter-spacing: 0.8999999761581421px; line-height: 1.2; margin: 1rem 0rem; text-align: justify; text-transform: uppercase;">
CUSTOM POST DESCRIPTIONS</h4>
<div style="background-color: white; box-sizing: border-box; color: #666666; font-family: 'trebuchet ms', Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.8999999761581421px; line-height: 22.75px; margin-bottom: 1rem; padding: 0px; text-align: justify;">
When you add your site description you’ll also see the option to ‘enable search description.’ Click yes and you’ll be able to add a custom description to every one of your posts. I highly recommend doing this for new posts, pages, and for older posts which received a lot of traffic or shares. Not only does it help your posts rank higher, it also makes users more likely to click. Instead of a random piece of your post they’ll get an accurate description of the post’s content. You can add a description in the post editor under ‘post settings.’ Try to keep it 150 characters or less.</div>
<h4 style="background-color: white; box-sizing: border-box; color: #fc4e46; font-family: 'trebuchet ms', sans-serif; font-size: 1.6rem; letter-spacing: 0.8999999761581421px; line-height: 1.2; margin: 1rem 0rem; text-align: justify; text-transform: uppercase;">
SWAP YOUR POST TITLES</h4>
<div style="background-color: white; box-sizing: border-box; color: #666666; font-family: 'trebuchet ms', Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.8999999761581421px; line-height: 22.75px; margin-bottom: 1rem; padding: 0px; text-align: justify;">
The standard Blogger set-up for titles is blog title first, then post title. But for SEO ranking, the title of your post is actually more important than your blog’s title. You can change this by swapping your post title to be first, so it would read “SEO tricks for Blogger | SillyGrrl.com”</div>
<div style="background-color: white; box-sizing: border-box; color: #666666; font-family: 'trebuchet ms', Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.8999999761581421px; line-height: 22.75px; margin-bottom: 1rem; padding: 0px; text-align: justify;">
To do this go into Template > Edit HTML and find…</div>
<div style="background-color: white; box-sizing: border-box; color: #666666; font-family: 'trebuchet ms', Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.8999999761581421px; line-height: 22.75px; margin-bottom: 1rem; padding: 0px 0px 0px 30px; text-align: justify;">
<title><data:blog.pageTitle/></title></div>
<div style="background-color: white; box-sizing: border-box; color: #666666; font-family: 'trebuchet ms', Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.8999999761581421px; line-height: 22.75px; margin-bottom: 1rem; padding: 0px; text-align: justify;">
and replace it with</div>
<div style="background-color: white; box-sizing: border-box; color: #666666; font-family: 'trebuchet ms', Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.8999999761581421px; line-height: 22.75px; margin-bottom: 1rem; padding: 0px 0px 0px 30px; text-align: justify;">
<b:if cond=’data:blog.pageType == “item”‘><br style="box-sizing: border-box;" /><title><data:blog.pageName/> | <data:blog.title/></title><br style="box-sizing: border-box;" /><b:else/><br style="box-sizing: border-box;" /><title><data:blog.pageTitle/></title> </b:if></div>
<div style="background-color: white; box-sizing: border-box; color: #666666; font-family: 'trebuchet ms', Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.8999999761581421px; line-height: 22.75px; margin-bottom: 1rem; padding: 0px; text-align: justify;">
<em style="box-sizing: border-box;">If you get an error from copy/pasting this, re-type the ‘ and “  (thanks to <a href="http://www.thehappytulip.com/" style="-webkit-transition: all 0.1s ease-in-out; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 0px; box-sizing: border-box; color: #fc4e46; text-decoration: none; transition: all 0.1s ease-in-out;">Amy</a> for that fix!)</em></div>
<h4 style="background-color: white; box-sizing: border-box; color: #fc4e46; font-family: 'trebuchet ms', sans-serif; font-size: 1.6rem; letter-spacing: 0.8999999761581421px; line-height: 1.2; margin: 1rem 0rem; text-align: justify; text-transform: uppercase;">
CUSTOM PERMA-LINKS</h4>
<div style="background-color: white; box-sizing: border-box; color: #666666; font-family: 'trebuchet ms', Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.8999999761581421px; line-height: 22.75px; margin-bottom: 1rem; padding: 0px; text-align: justify;">
This is another great way to add a few keywords into your post. On the right side of the post editing screen you’ll see Post Settings. You can change the permalink from xosarah.com/seo-tricks-for-blogger to xosarah.com/best-seo-practices-for-blogger-or-blogspot-blogs. Now search engines will find keywords in your title and url.</div>
<h4 style="background-color: white; box-sizing: border-box; color: #fc4e46; font-family: 'trebuchet ms', sans-serif; font-size: 1.6rem; letter-spacing: 0.8999999761581421px; line-height: 1.2; margin: 1rem 0rem; text-align: justify; text-transform: uppercase;">
NO-FOLLOW TAGS</h4>
<div style="background-color: white; box-sizing: border-box; color: #666666; font-family: 'trebuchet ms', Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.8999999761581421px; line-height: 22.75px; margin-bottom: 1rem; padding: 0px; text-align: justify;">
You can add rel=”nofollow” to external links or links that may have a lower ranking. This will tell the search engine to not follow that link as it crawls your site.</div>
<h4 style="background-color: white; box-sizing: border-box; color: #fc4e46; font-family: 'trebuchet ms', sans-serif; font-size: 1.6rem; letter-spacing: 0.8999999761581421px; line-height: 1.2; margin: 1rem 0rem; text-align: justify; text-transform: uppercase;">
SUB-HEADINGS</h4>
<div style="background-color: white; box-sizing: border-box; color: #666666; font-family: 'trebuchet ms', Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.8999999761581421px; line-height: 22.75px; margin-bottom: 1rem; padding: 0px; text-align: justify;">
See how I’ve broken up this post using <h4> tags for each subheading? Search engines look for heading tags because they generally have important information regarding the content of the post. Use them!</div>
<h4 style="background-color: white; box-sizing: border-box; color: #fc4e46; font-family: 'trebuchet ms', sans-serif; font-size: 1.6rem; letter-spacing: 0.8999999761581421px; line-height: 1.2; margin: 1rem 0rem; text-align: justify; text-transform: uppercase;">
LABELS</h4>
<div style="background-color: white; box-sizing: border-box; color: #666666; font-family: 'trebuchet ms', Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.8999999761581421px; line-height: 22.75px; margin-bottom: 1rem; padding: 0px; text-align: justify;">
I’d stick with one to three labels per post and make sure they are descriptive of the content. Stick with labels like ‘blog design’ over ‘things I really like thinking about’ and ‘puppies are cute but so are kitties too.’ The former will be much more appreciated by search engines AND your readers!</div>
<div style="background-color: white; box-sizing: border-box; color: #666666; font-family: 'trebuchet ms', Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.8999999761581421px; line-height: 22.75px; margin-bottom: 1rem; padding: 0px; text-align: justify;">
And of course all these things should be done after you’ve written an SEO-friendly post title, added internal links, alt-tagged your images,etc. If you want to better understand how SEO works and optimize your posts from top to bottom grab my <a href="https://www.etsy.com/listing/158171637/nerd-party-a-quick-guide-to-seo-for" style="-webkit-transition: all 0.1s ease-in-out; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 0px; box-sizing: border-box; color: #fc4e46; text-decoration: none; transition: all 0.1s ease-in-out;">Quick Guide to SEO</a>.</div>
<br /></div>

7 SEO tricks for Blogger

Alright all you Blogger users, this one’s for you! I know I’ve talked a lot about adding plugins to aid in SEO (search engine optimiza...

Plus d'infos »

7 Basic On Page SEO Tips For Blogspot Blogs

<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://www.bloggertipstricks.com/seo-tips.html" style="-webkit-transition: all 0.4s ease 0s; background-color: white; border-bottom-style: dotted; border-bottom-width: 1px; box-sizing: border-box; color: #a41600; font-family: Merriweather, serif; font-size: 17px; line-height: 35.20000076293945px; text-align: justify; text-decoration: none; transition: all 0.4s ease 0s;" title="Search Engine Optimization Tips For Bloggers">Search Engine Optimization</a><span style="background-color: white; color: #333333; font-family: Merriweather, serif; font-size: 17px; line-height: 35.20000076293945px; text-align: justify;"> (SEO) is the most important thing to learn for best blogging experience. Without proper </span><a href="http://www.bloggertipstricks.com/blog-optimization-tips.html" style="-webkit-transition: all 0.4s ease 0s; background-color: white; border-bottom-style: dotted; border-bottom-width: 1px; box-sizing: border-box; color: #a41600; font-family: Merriweather, serif; font-size: 17px; line-height: 35.20000076293945px; text-align: justify; text-decoration: none; transition: all 0.4s ease 0s;" title="Blog Optimization Tips">blog optimization</a><span style="background-color: white; color: #333333; font-family: Merriweather, serif; font-size: 17px; line-height: 35.20000076293945px; text-align: justify;">, we can’t even dream to get impressive traffic from search engines. From past few days, I am getting too much request of newbie bloggers to share some On-Page SEO Tips. That’s why today I plan to mention all those On Page SEO tips which I already shared on my blog in my earlier posts. I’m sorry if you have read those posts before, but I need to grab attention of newbie bloggers who just start learning SEO for their blog. All those tips are must to know by every blogger. So, let’s take a look on best On-page SEO Tips for Blogspot Blogs and if you have read them before then don’t ignore this post. May be you learnt something new which you ignore before because of any reason.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPJ8dt-aemSfvLUWLXfvS5YgcNw6V7aAjQhBMRfWNMtSGI2OpsBELwkU69qsoWAct5YuHyR9L9tTX9Q_4QBFN3dNANlEHfhyvFam5xbRX2Y5OoDqqaEswYQOP3j_OJoZU1G1E_WDraITN6/s1600/on-page-seo-tips.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPJ8dt-aemSfvLUWLXfvS5YgcNw6V7aAjQhBMRfWNMtSGI2OpsBELwkU69qsoWAct5YuHyR9L9tTX9Q_4QBFN3dNANlEHfhyvFam5xbRX2Y5OoDqqaEswYQOP3j_OJoZU1G1E_WDraITN6/s1600/on-page-seo-tips.jpg" width="320" /></a></div>
<h2 style="background-color: white; border-bottom-style: solid; border-bottom-width: 2px; box-sizing: border-box; color: #222222; font-family: Merriweather, serif; line-height: 1.2; margin: 0px 0px 25px; padding: 0px;">
On Page Search Engine Optimization Tips For Blogspot</h2>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Merriweather, serif; font-size: 17px; line-height: 2.2rem; margin-bottom: 2.6rem; padding: 0px; text-align: justify;">
Below are the tips and tricks that will be beneficial for you to <a href="http://www.bloggertipstricks.com/optimize-blog-google.html" style="-webkit-transition: all 0.4s ease 0s; border-bottom-style: dotted; border-bottom-width: 1px; box-sizing: border-box; color: #a41600; text-decoration: none; transition: all 0.4s ease 0s;" title="Optimize Your Blog For Google and Other Search Engines">optimize your blog for Google and other search engines</a>. Read them carefully and apply all of them on your blog to make your blog lovable and trust worthy for search engines.</div>
<h3 style="background-color: white; box-sizing: border-box; color: #222222; font-family: Merriweather, serif; font-size: 1.25em; line-height: 1; margin: 30px 0px 25px; padding: 0px;">
Custom Robots Header Tags</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Merriweather, serif; font-size: 17px; line-height: 2.2rem; margin-bottom: 2.6rem; padding: 0px; text-align: justify;">
There are some settings for bloggers that they can personally do for their blogs to make their blogs for SEO friendly. Custom Robots Header Tags setting in one of them. It’ll be beneficial for you to use custom robots headers tags correctly. It’s easy to manage these settings. Just take a look at below tutorial.</div>
<ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: Merriweather, serif; font-size: 17px; line-height: 2; margin: 0px 0px 30px; padding: 0px;">
<li style="background-attachment: scroll; background-color: transparent; background-image: url(http://www.bloggertipstricks.com/wp-content/themes/inpress/images/list.png); background-position: 0px 12px; background-repeat: no-repeat no-repeat; box-sizing: border-box; list-style-type: none; margin: 0px 0px 0px 20px; padding: 5px 0px 5px 20px; text-shadow: rgb(255, 255, 255) 1px 1px; word-wrap: break-word;"><strong style="box-sizing: border-box;">Check:</strong> <a href="http://www.bloggertipstricks.com/custom-robots-header-tags.html" style="-webkit-transition: all 0.4s ease 0s; border-bottom-style: dotted; border-bottom-width: 1px; box-sizing: border-box; color: #a41600; text-decoration: none; transition: all 0.4s ease 0s;" title="Custom Robots Header Tags Settings in Blogger">Custom Robots Header Tags Settings in Blogger</a></li>
</ul>
<h3 style="background-color: white; box-sizing: border-box; color: #222222; font-family: Merriweather, serif; font-size: 1.25em; line-height: 1; margin: 30px 0px 25px; padding: 0px;">
Custom Robots.txt</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Merriweather, serif; font-size: 17px; line-height: 2.2rem; margin-bottom: 2.6rem; padding: 0px; text-align: justify;">
Search engine bots like Googlebot (Web Crawling Robot of Google) needs some guidelines on how they have to crawl and index our blog. We can prevent some non important pages labels pages from indexing in Google to protect our blog from duplicate content issues. Got confused? Check out below tutorial which will clear all of your confusions.</div>
<ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: Merriweather, serif; font-size: 17px; line-height: 2; margin: 0px 0px 30px; padding: 0px;">
<li style="background-attachment: scroll; background-color: transparent; background-image: url(http://www.bloggertipstricks.com/wp-content/themes/inpress/images/list.png); background-position: 0px 12px; background-repeat: no-repeat no-repeat; box-sizing: border-box; list-style-type: none; margin: 0px 0px 0px 20px; padding: 5px 0px 5px 20px; text-shadow: rgb(255, 255, 255) 1px 1px; word-wrap: break-word;"><strong style="box-sizing: border-box;">Must Check:</strong> <a href="http://www.bloggertipstricks.com/custom-robots-txt.html" style="-webkit-transition: all 0.4s ease 0s; border-bottom-style: dotted; border-bottom-width: 1px; box-sizing: border-box; color: #a41600; text-decoration: none; transition: all 0.4s ease 0s;">Add Custom Robots.txt file in Blogger</a></li>
</ul>
<h3 style="background-color: white; box-sizing: border-box; color: #222222; font-family: Merriweather, serif; font-size: 1.25em; line-height: 1; margin: 30px 0px 25px; padding: 0px;">
Optimize Blog Post Titles</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Merriweather, serif; font-size: 17px; line-height: 2.2rem; margin-bottom: 2.6rem; padding: 0px; text-align: justify;">
If you just started your blog on blogger’s default template, then definitely you’ll not be aware with this fact that your post titles are not properly optimized for search engines. You need to do some editing in your blog template to make your post titles properly optimized. You will see a noticeable change in organic traffic of your blog after making this change. Follow the instructions given in below mentioned post.</div>
<ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: Merriweather, serif; font-size: 17px; line-height: 2; margin: 0px 0px 30px; padding: 0px;">
<li style="background-attachment: scroll; background-color: transparent; background-image: url(http://www.bloggertipstricks.com/wp-content/themes/inpress/images/list.png); background-position: 0px 12px; background-repeat: no-repeat no-repeat; box-sizing: border-box; list-style-type: none; margin: 0px 0px 0px 20px; padding: 5px 0px 5px 20px; text-shadow: rgb(255, 255, 255) 1px 1px; word-wrap: break-word;"><strong style="box-sizing: border-box;">Read:</strong> <a href="http://www.bloggertipstricks.com/post-title-before-blog-title.html" style="-webkit-transition: all 0.4s ease 0s; border-bottom-style: dotted; border-bottom-width: 1px; box-sizing: border-box; color: #a41600; text-decoration: none; transition: all 0.4s ease 0s;" title="Show Post Title Before Blog Title in Blogger">Show Post Title Before Blog Title in Blogger</a></li>
</ul>
<h3 style="background-color: white; box-sizing: border-box; color: #222222; font-family: Merriweather, serif; font-size: 1.25em; line-height: 1; margin: 30px 0px 25px; padding: 0px;">
Image Optimization</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Merriweather, serif; font-size: 17px; line-height: 2.2rem; margin-bottom: 2.6rem; padding: 0px; text-align: justify;">
You may definitely notice relevant images between the posts on many blogs. Images not only enhance the look of our content, but it also plays an important role to optimize our blog posts. If we make effective use of images in our blog posts, then we can attain extra traffic from search engines. Follow below post to learn more on image optimization in blogger.</div>
<ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: Merriweather, serif; font-size: 17px; line-height: 2; margin: 0px 0px 30px; padding: 0px;">
<li style="background-attachment: scroll; background-color: transparent; background-image: url(http://www.bloggertipstricks.com/wp-content/themes/inpress/images/list.png); background-position: 0px 12px; background-repeat: no-repeat no-repeat; box-sizing: border-box; list-style-type: none; margin: 0px 0px 0px 20px; padding: 5px 0px 5px 20px; text-shadow: rgb(255, 255, 255) 1px 1px; word-wrap: break-word;"><strong style="box-sizing: border-box;">Read:</strong> <a href="http://www.bloggertipstricks.com/optimize-images-seo-increase-blog-traffic.html" style="-webkit-transition: all 0.4s ease 0s; border-bottom-style: dotted; border-bottom-width: 1px; box-sizing: border-box; color: #a41600; text-decoration: none; transition: all 0.4s ease 0s;" title="6 Tips To Optimize Images For SEO">6 Tips To Optimize Images For SEO</a></li>
</ul>
<h3 style="background-color: white; box-sizing: border-box; color: #222222; font-family: Merriweather, serif; font-size: 1.25em; line-height: 1; margin: 30px 0px 25px; padding: 0px;">
Internal Linking SEO</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Merriweather, serif; font-size: 17px; line-height: 2.2rem; margin-bottom: 2.6rem; padding: 0px; text-align: justify;">
Many bloggers fail to optimize their internal links or even they don’t link their posts to each other internally. This is really a big mistake that we must avoid. Internal linking not only <a href="http://www.bloggertipstricks.com/increase-blog-pageviews.html" style="-webkit-transition: all 0.4s ease 0s; border-bottom-style: dotted; border-bottom-width: 1px; box-sizing: border-box; color: #a41600; text-decoration: none; transition: all 0.4s ease 0s;" title="Increase Blog Page Views">increases our blog page views</a> but also help our posts to rank well in search engines. If you are also doing the same mistake, then you must need some tips to optimize your internal links.</div>
<ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: Merriweather, serif; font-size: 17px; line-height: 2; margin: 0px 0px 30px; padding: 0px;">
<li style="background-attachment: scroll; background-color: transparent; background-image: url(http://www.bloggertipstricks.com/wp-content/themes/inpress/images/list.png); background-position: 0px 12px; background-repeat: no-repeat no-repeat; box-sizing: border-box; list-style-type: none; margin: 0px 0px 0px 20px; padding: 5px 0px 5px 20px; text-shadow: rgb(255, 255, 255) 1px 1px; word-wrap: break-word;"><a href="http://www.bloggertipstricks.com/optimize-Internal-Links.html" style="-webkit-transition: all 0.4s ease 0s; border-bottom-style: dotted; border-bottom-width: 1px; box-sizing: border-box; color: #a41600; text-decoration: none; transition: all 0.4s ease 0s;" title="Optimize Internal Links to Boost Blog Ranking">Optimize Internal Links to Boost Blog Ranking</a></li>
<li style="background-attachment: scroll; background-color: transparent; background-image: url(http://www.bloggertipstricks.com/wp-content/themes/inpress/images/list.png); background-position: 0px 12px; background-repeat: no-repeat no-repeat; box-sizing: border-box; list-style-type: none; margin: 0px 0px 0px 20px; padding: 5px 0px 5px 20px; text-shadow: rgb(255, 255, 255) 1px 1px; word-wrap: break-word;"><a href="http://www.bloggertipstricks.com/internal-linking-benefits.html" style="-webkit-transition: all 0.4s ease 0s; border-bottom-style: dotted; border-bottom-width: 1px; box-sizing: border-box; color: #a41600; text-decoration: none; transition: all 0.4s ease 0s;" title="Benefits of Internal Linking in SEO">Benefits of Internal Linking in SEO</a></li>
</ul>
<h3 style="background-color: white; box-sizing: border-box; color: #222222; font-family: Merriweather, serif; font-size: 1.25em; line-height: 1; margin: 30px 0px 25px; padding: 0px;">
Search Engine Submission</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Merriweather, serif; font-size: 17px; line-height: 2.2rem; margin-bottom: 2.6rem; padding: 0px; text-align: justify;">
When we are ready with our blog optimization, then we need to submit our blog in Google’s webmaster tool. Verifying and submitting our blog in Google webmaster tool helps it to get indexed in Google super fast. It also tells about our blog issues like broken links, HTML improvements etc that we must try to resolve. We just need to verify our blog ownership and submit a sitemap. That’s it. If you have not added your blog GWT, then I recommend you to read below tutorial.</div>
<ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: Merriweather, serif; font-size: 17px; line-height: 2; margin: 0px 0px 30px; padding: 0px;">
<li style="background-attachment: scroll; background-color: transparent; background-image: url(http://www.bloggertipstricks.com/wp-content/themes/inpress/images/list.png); background-position: 0px 12px; background-repeat: no-repeat no-repeat; box-sizing: border-box; list-style-type: none; margin: 0px 0px 0px 20px; padding: 5px 0px 5px 20px; text-shadow: rgb(255, 255, 255) 1px 1px; word-wrap: break-word;"><strong style="box-sizing: border-box;">Recommended:</strong> <a href="http://www.bloggertipstricks.com/submit-blog-sitemap-to-webmaster-tools.html" style="-webkit-transition: all 0.4s ease 0s; border-bottom-style: dotted; border-bottom-width: 1px; box-sizing: border-box; color: #a41600; text-decoration: none; transition: all 0.4s ease 0s;" title="Submit Blogger Sitemap To Google Webmaster Tools">Submit Blogger Sitemap To Google Webmaster Tools</a></li>
</ul>
<h3 style="background-color: white; box-sizing: border-box; color: #222222; font-family: Merriweather, serif; font-size: 1.25em; line-height: 1; margin: 30px 0px 25px; padding: 0px;">
Improve Your Blog Load Time</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Merriweather, serif; font-size: 17px; line-height: 2.2rem; margin-bottom: 2.6rem; padding: 0px; text-align: justify;">
If your blog takes lot of time, then visitors will go back and never come back again. It will increase <a href="http://www.bloggertipstricks.com/reduce-blog-bounce-rate.html" style="-webkit-transition: all 0.4s ease 0s; border-bottom-style: dotted; border-bottom-width: 1px; box-sizing: border-box; color: #a41600; text-decoration: none; transition: all 0.4s ease 0s;" title="Reduce Blog Bounce Rate">bounce rate of your blog</a> and you’ll lose your valuable traffic. Search engines give more value to fast loading blogs because they want to build best user experience. That’s why it’s very important to optimize blog loading time. I have shared some best tips that can help you to enhance your blog’s loading speed.</div>
<ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: Merriweather, serif; font-size: 17px; line-height: 2; margin: 0px 0px 30px; padding: 0px;">
<li style="background-attachment: scroll; background-color: transparent; background-image: url(http://www.bloggertipstricks.com/wp-content/themes/inpress/images/list.png); background-position: 0px 12px; background-repeat: no-repeat no-repeat; box-sizing: border-box; list-style-type: none; margin: 0px 0px 0px 20px; padding: 5px 0px 5px 20px; text-shadow: rgb(255, 255, 255) 1px 1px; word-wrap: break-word;"><strong style="box-sizing: border-box;">Don’t Miss:</strong> <a href="http://www.bloggertipstricks.com/reduce-blog-load-time.html" style="-webkit-transition: all 0.4s ease 0s; border-bottom-style: dotted; border-bottom-width: 1px; box-sizing: border-box; color: #a41600; text-decoration: none; transition: all 0.4s ease 0s;" title="9 Tips To Reduce Blogger Blog Load Time">9 Tips To Reduce Blogger Blog Load Time</a></li>
</ul>
<h4 style="background-color: white; box-sizing: border-box; color: #222222; font-family: Merriweather, serif; font-size: 1.25em; font-weight: normal; line-height: 1.625; margin: 10px 0px; padding: 0px;">
Feedback!</h4>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: Merriweather, serif; font-size: 17px; line-height: 2.2rem; margin-bottom: 2.6rem; padding: 0px; text-align: justify;">
I have mentioned all the On page SEO Tips for Blogspot Blogs in this post which I shared in my blog till yet. I’ll provide more quality tips and tricks in my future posts. All these tips have their own value. So, don’t ignore a single one and optimize your blog as much as possible to get flow of traffic on your blog. Wish you success for your blogging goals.</div>
</div>

7 Basic On Page SEO Tips For Blogspot Blogs

Search Engine Optimization (SEO) is the most important thing to learn for best blogging experience. Without proper blog optimization , we...

Plus d'infos »