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

<p>This is called Title Swapping  trick. It is used to swap the old Blogger Title to New Blogger title. Swapping Title Boost your position in search engines (Google) and also increase click-through. From an SEO viewpoint page title is the most important element of your blog. When you look your browser title bar you notice that your blogger default Template display your blog title in front of each post title. Like this</p> <p> </p> <p><a href="http://lh6.ggpht.com/-wcdSn28x7xY/UfEhN3SdvLI/AAAAAAAADUI/IKlvrY8-EVE/s1600-h/image%25255B3%25255D.png"><img alt="How To SEO Optimize Your Blogger Blog Titles For Higher Search Results" height="95" src="http://lh6.ggpht.com/-udvRPb4D0gg/UfEhOg0-LBI/AAAAAAAADUQ/jVi-N6N1IWg/image_thumb%25255B1%25255D.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="How To SEO Optimize Your Blogger Blog Titles For Higher Search Results" width="324"></a></p> <p> </p> <p>After Swapping the Blog title. Its look like this.</p> <p> </p> <p><a href="http://lh4.ggpht.com/-rnPTvCh82oA/UfEhPJ9iyBI/AAAAAAAADUY/7gLAEd40SxM/s1600-h/image%25255B6%25255D.png"><img alt="how-to-seo-optimize-your-blogger-blog" height="50" src="http://lh6.ggpht.com/-nF5zO0S5328/UfEhQOxI1oI/AAAAAAAADUg/xADHgYuOMDk/image_thumb%25255B2%25255D.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="how-to-seo-optimize-your-blogger-blog" width="299"></a></p> <p> </p> <p><strong>How to optimize blogger post titles</strong></p> <p> </p> <p><strong>Step 1.</strong> Log in to your <strong>Blogger Dashboard</strong> > <strong>Template</strong> > <strong>Edit HTML</strong> </p> <p> </p> <p><a href="http://lh3.ggpht.com/-RGr582hutzw/UfEhQ-uexuI/AAAAAAAADUo/zR2ZPNBVVsA/s1600-h/blogger%25255B2%25255D.png"><img alt="seo-optimize-your-blogger-blog" height="174" src="http://lh3.ggpht.com/-lkiLZvO3Vx0/UfEhSNZNFWI/AAAAAAAADUw/e2OX0HPd3vk/blogger_thumb.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="seo-optimize-your-blogger-blog" width="336"></a></p> <p> </p> <p><strong>Step 2.</strong> Find ( CTRL + F ) this code</p> <p> </p> <blockquote> <p><title><data:blog.pageTitle/></title></p></blockquote> <p> </p> <p><a href="http://lh5.ggpht.com/-r5z9BiyJQqk/UfEhS8pctcI/AAAAAAAADU4/dg3VMbh1_wQ/s1600-h/image%25255B11%25255D.png"><img alt="seo-optimize-your-blogger" height="144" src="http://lh5.ggpht.com/--fw9X85kYWQ/UfEhTYGqkuI/AAAAAAAADVA/2os6-UyAFIo/image_thumb%25255B8%25255D.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="seo-optimize-your-blogger" width="319"></a></p> <p> </p> <p><strong>Step 4.</strong> Replace the above code with this below code</p> <p> </p> <blockquote> <p><b:if cond='data:blog.pageType == "item"'><br><title><data:blog.pageName/> |<data:blog.title/></title><br><b:else/><br><title><data:blog.pageTitle/></title> </b:if></p></blockquote> <p>  <p><strong>Step 5.</strong> Now <strong>Save</strong> the Template you are done</p>

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

This is called Title Swapping  trick. It is used to swap the old Blogger Title to New Blogger title. Swapping Title Boost your position in s...

Read more »

How To Add Facebook Like Fan Box To Blogger

<p>A Facebook Fan Box is an excellent plugin that enables blog people to like your website updates via their Facebook accounts, without leaving your site. After like by pressing like button, visitors will receive your newest blog updates on Facebook page. This box also displays faces "liker" faces on your blog. Before setting up a fan box you must have already a Facebook fan page.</p> <p> </p> <p><a href="http://lh5.ggpht.com/-EkfaUABAHoA/Ue_NCz1STdI/AAAAAAAADRY/XJQjPzZWH2k/s1600-h/image%25255B7%25255D.png"><img alt="How To Add Facebook Like Fan Box To Blogger" height="252" src="http://lh6.ggpht.com/-DHyZPYg4ugw/Ue_NEHye5eI/AAAAAAAADRg/fRoJO6JPhAs/image_thumb%25255B11%25255D.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="How To Add Facebook Like Fan Box To Blogger" width="297"></a></p> <p> </p> <p><strong>How to Add Facebook Like Box to Blogger</strong></p> <p> </p> <p><strong>1.</strong> Copy your Facebook Fan page URL by visiting your Facebook Fan page See Fig:</p> <p> </p> <p><a href="http://lh4.ggpht.com/-JkQWKQJLk88/Ue_NE6KhUZI/AAAAAAAADRo/z7t2uBTxMrU/s1600-h/image%25255B12%25255D.png"><img alt="facebook fan page for blogger" height="192" src="http://lh3.ggpht.com/-w05lMeC_cmc/Ue_NFfgKCfI/AAAAAAAADRw/UaT14hwhXXk/image_thumb%25255B19%25255D.png?imgmax=800" style="display: inline" title="facebook fan page for blogger" width="639"></a></p> <p> </p> <p><strong>2.</strong> Now visit this Developer page:</p> <p> </p> <blockquote> <p><a href="http://developers.facebook.com/docs/reference/plugins/like-box" rel="nofollow" target="_blank" title="http://developers.facebook.com/docs/reference/plugins/like-box">http://developers.facebook.com/docs/reference/plugins/like-box</a></p></blockquote> <p> </p> <p><strong>3.</strong> Paste Your Facebook Fan page URL to Facebook Box see below</p> <p> </p> <p><a href="http://lh6.ggpht.com/-lCOn_Jl9ifc/Ue_NF3-LCmI/AAAAAAAADR4/RRXFvAUUcrQ/s1600-h/image%25255B16%25255D.png"><img alt="facebook like box for blogger" height="537" src="http://lh4.ggpht.com/-XEBSnnasYfA/Ue_NGiHyayI/AAAAAAAADSA/ZeFpM5gUz1E/image_thumb%25255B21%25255D.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="facebook like box for blogger" width="239"></a></p> <p> </p> <p><strong>4.</strong> After Fill Detail Press <strong>get code</strong> Button</p> <p> </p> <p><strong>5.</strong> You can be given two codes, titled HTML 5, XFBML and IFRAME. You need the <strong>iframe</strong> code. Select it and copy the code generated for ones box as it is shown the example below</p> <p> </p> <p><a href="http://lh4.ggpht.com/-E3cEnchtf10/Ue_NHB1QJVI/AAAAAAAADSI/wQl1ph5AgVM/s1600-h/image%25255B21%25255D.png"><img alt="facebook like box code" height="365" src="http://lh4.ggpht.com/-VUa3WnVqUbY/Ue_NHlnyPII/AAAAAAAADSQ/N8CQ6adYlt0/image_thumb%25255B27%25255D.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="facebook like box code" width="626"></a></p> <p> </p> <p><strong>6.</strong> Go to <strong>Blogger Dashboard</strong> ><strong> layout</strong> > Click on Add a Gadget link</p> <p> </p> <p><a href="http://lh4.ggpht.com/-daI7Z_KXjbc/Ue_NIcOToHI/AAAAAAAADSY/ksyjNwqi3aI/s1600-h/image%25255B25%25255D.png"><img alt="facebook fanpage" height="231" src="http://lh3.ggpht.com/-2KpKwjbqKBk/Ue_NI6ccgVI/AAAAAAAADSg/gvndxoxHpSI/image_thumb%25255B29%25255D.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="facebook fanpage" width="480"></a></p> <p> </p> <p><strong>7.</strong> Pop-up Window select <i><b>HTML/JavaScript</b></i></p> <p><strong><em></em></strong> </p> <p><a href="http://lh6.ggpht.com/-3DPSlDsvN-4/Ue_NJppkx3I/AAAAAAAADSo/RIuiYInVOA4/s1600-h/image%25255B30%25255D.png"><img alt="facebook like" height="213" src="http://lh3.ggpht.com/-iATePrsiZMo/Ue_NKWYqBcI/AAAAAAAADSw/YNvt_cRxP8w/image_thumb%25255B35%25255D.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="facebook like" width="285"></a></p> <p><strong><em></em></strong> </p> <p><strong>8.</strong> Paste the code in the empty HTML box.</p> <p> </p> <p><a href="http://lh4.ggpht.com/-htWUB_rP2lY/Ue_NK2z1hWI/AAAAAAAADS4/c93rtqDaa0M/s1600-h/image%25255B35%25255D.png"><img alt="html box" height="361" src="http://lh3.ggpht.com/-IH0EU9KpTE4/Ue_NLsb96sI/AAAAAAAADTA/_-O8qpQnFII/image_thumb%25255B41%25255D.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="html box" width="486"></a></p> <p> </p> <p><strong>9.</strong> Click <strong>Save</strong>, Now  you are done.</p>

How To Add Facebook Like Fan Box To Blogger

A Facebook Fan Box is an excellent plugin that enables blog people to like your website updates via their Facebook accounts, without leaving...

Read more »

Wrap text around AdSense block in left or right corner

<p>Maybe you have wondered a way to wrap text around an AdSense block. You'll have noticed that a lot of Word press blogs have ad units embedded in top left or right corner of the post content as shown within the image below</p> <p> </p> <p><a href="http://lh4.ggpht.com/-qOlGUNLbM7g/UeZyKcU43uI/AAAAAAAADOA/U3mTv2OYND4/s1600-h/image%25255B4%25255D.png"><img alt="Wrap text around AdSense block in left or right corner" height="245" src="http://lh5.ggpht.com/-aQmLg0JRI4c/UeZyLiZc-fI/AAAAAAAADOI/6l8NywGaF84/image_thumb%25255B5%25255D.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Wrap text around AdSense block in left or right corner" width="328"></a></p> <p> </p> <p>The main advantage of this AdSense ad placement is that it's the very best CTR on most of the blogs. Adding this ad unit is incredibly easy and needs a code snip before and once your regular AdSense ad script.</p> <p><br>If you would like to add a <strong>ad unit in right corner of your post</strong>, then include the below <font color="#ff0000"><strong>red</strong></font> lines in your ad code</p> <p> </p> <blockquote> <p><font color="#ff0000"><div style="float:right;"></font> <p>Your AdSense ad script <p><font color="#ff0000"></div></font></p></blockquote> <p> </p> <p>If you want to place ad left corner change the float tag to ( <font color="#ff0000">left</font> )</p> <p> </p> <blockquote> <p><div style="float:<font color="#ff0000">left</font>;"><br>Your AdSense ad script<br></div></p></blockquote> <p> </p> <p>The most applicable for this ad placement is 250�250 sq. ad unit. Inserting AdSense unit within the middle of the post, could disturb the reading flow, therefore i would suggest to possess ad units at the beginning of the post.</p> <p><br>If you've got any question adding this ad unit in your Blog post, simply leave a comment below.</p>

Wrap text around AdSense block in left or right corner

Maybe you have wondered a way to wrap text around an AdSense block. You'll have noticed that a lot of Word press blogs have ad units emb...

Read more »

Stylish Recent Comments Widget With Avatar For Blogger

<p>This is the tutorial for adding Recent Comment widget with round circle avatars to your blogger or blogspot blogs. This can be an easy method, adding some markup language codes to your Blog layout. You can also change default Avatar Image. This can be a popular widget that will increase your guests comments. This widget looks like below image.</p> <p> </p> <p><a href="http://lh5.ggpht.com/-W7KmZw7xpDM/UeQWSsDibTI/AAAAAAAADMA/X3UDlYjr6Xg/s1600-h/image5.png"><img alt="Stylish Recent Comments Widget With Avatar For Blogger" height="69" src="http://lh5.ggpht.com/-MEMUrc0bZw0/UeQWTmf-k5I/AAAAAAAADMI/0uZ4FhKwxsY/image_thumb8.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="Stylish Recent Comments Widget With Avatar For Blogger" width="289"></a></p> <p> </p> <p><strong>How to add recent comments widget with avatars</strong></p> <p> </p> <p><strong>Step 1.</strong> Go to <strong>Blogger Dashboard </strong>>> <strong>Layout</strong> and click on </p> <p><strong>Add a Gadget</strong></p> <p><strong></strong> </p> <p><a href="http://lh5.ggpht.com/-an3QubJGYNQ/UeQWUN9MxEI/AAAAAAAADMQ/VhLpV4c3J1U/s1600-h/image12.png"><img alt="How to add recent comments widget with avatars" height="151" src="http://lh4.ggpht.com/-Nx2ap-bGiYI/UeQWUz3gtXI/AAAAAAAADMY/xUodbaAIlJ4/image_thumb16.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="How to add recent comments widget with avatars" width="473"></a></p> <p> </p> <p><strong>Step 2.</strong> Now Click on <strong>HTML/Javascript</strong></p> <p><strong></strong> </p> <p><a href="http://lh6.ggpht.com/-68Ajz3vIy8o/UeQWVoLH79I/AAAAAAAADMg/xp7pQjqjjNI/s1600-h/image18.png"><img alt="recent comments widget with avatars" height="252" src="http://lh6.ggpht.com/-Bzx9BRuE7KY/UeQWWeGMcVI/AAAAAAAADMo/BRT_3KznZaY/image_thumb23.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="recent comments widget with avatars" width="295"></a></p> <p> </p> <p><strong>Step 3.</strong> Copy and Paste the below code in empty box</p> <p> </p> <blockquote> <p><style type="text/css"><br>ul.w2b_recent_comments {<br>    list-style: none;<br>    margin: 0;<br>    padding: 0;<br>}</p> <p>.w2b_recent_comments li {<br>    background: none !important;<br>    margin: 0 0 6px !important;<br>    padding: 0 0 6px 0 !important;<br>    display: block;<br>    clear: both;<br>    overflow: hidden;<br>    list-style: none;<br>}</p> <p>.w2b_recent_comments li .avatarImage {<br>    padding: 3px;<br>    background: #fefefe;<br>    -webkit-box-shadow: 0 1px 1px #ccc;<br>    -moz-box-shadow: 0 1px 1px #ccc;<br>    box-shadow: 0 1px 1px #ccc;<br>    float: left;<br>    margin: 0 6px 0 0;<br>    position: relative;<br>    overflow: hidden;<br>}</p> <p>.avatarRound {<br>    -webkit-border-radius: 100px;<br>    -moz-border-radius: 100px;<br>    border-radius: 100px;<br>}</p> <p>.w2b_recent_comments li img {<br>    padding: 0px;<br>    position: relative;<br>    overflow: hidden;<br>    display: block;<br>}</p> <p>.w2b_recent_comments li span {<br>    margin-top: 4px;<br>    color: #666;<br>    display: block;<br>    font-size: 12px;<br>    font-style: italic;<br>    line-height: 1.4;<br>}<br></style><br><script type="text/javascript"><br>//<![CDATA[<br>/**<br>* Recent Comments Widget with Avatar for Blogger<br>* Version    : 1.3<br>* Author     : Harish<br>* Author Url     : <a href="http://mybloggerdesk.blogspot.com/" title="http://mybloggerdesk.blogspot.in/">http://mybloggerdesk.blogspot.com/</a><br>* (c) 2012 allrightsreserved.<br>*<br>*    --==Options==--<br>*         var     numComments     = <font color="#ff0000">5</font>,<br>*             showAvatar     = true,<br>*             avatarSize     = <font color="#ff0000">60</font>,<br>*             roundAvatar    = true,<br>*             showMorelink    = false,<br>*             moreLinktext    = "More &raquo;"<br>*             characters     = 40,<br>*             defaultAvatar     = "<font color="#ff0000">http://www.gravatar.com/avatar/?d=mm</font>",<br>*             hideCredits    = false;<br>* <br>*/</p> <p>eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('7 D=D||5,9=9||19,A=A||1a,m=m||"h://W.S.g/16/?d=18",E=E||" 1p &1f;",v=(p v===\'o\')?j:v,z=(p z===\'o\')?Z:z,n=(p n===\'o\')?j:n,M=(p M===\'o\')?Z:n;1l 12(L){7 b;b=\'<Y C="12">\';H(7 i=0;i<D;i++){7 x,y,2,k;4(i==L.14.8.q)1g;b+="<X>";7 8=L.14.8[i];H(7 l=0;l<8.I.q;l++){4(8.I[l].1j==\'1o\'){x=8.I[l].w}}H(7 a=0;a<8.K.q;a++){y=8.K[a].1i.$t;2=8.K[a].1h$1k.N}4(2.f("/O/")!=-1){2=2.u("/O/","/s"+9+"-c/")}e 4(2.f("/T/")!=-1){2=2.u("/T/","/s"+9+"-c/")}e 4(2.f("/U-c/")!=-1&&2.f("h:")!=0){2="h:"+2.u("/U-c/","/s"+9+"-c/")}e 4(2.f("G.g/B/1n-P.J")!=-1){2="h://3.13.Q.g/-1m-1e/17/1c/1b/s"+9+"/15.R"}e 4(2.f("G.g/B/1d-P.J")!=-1){2="h://3.13.Q.g/-1R/1U/1P/1K/s"+9+"/1J.R"}e 4(2.f("G.g/B/1M.J")!=-1){4(m.f("S.g")!=-1){2=m+"&s="+9}e{2=m}}e{2=2}4(v==j){4(n==j){k="1O"}e{k=""}b+="<V C=\\"1T "+k+"\\"><B C=\\""+k+"\\" N=\\""+2+"\\" 1H=\\""+y+"\\" 1w=\\""+9+"\\" 1I=\\""+9+"\\"/></V>"}b+="<a w=\\""+x+"\\">"+y+"</a>";7 11=8.1v.$t;7 6=11.u(/(<([^>]+)>)/1u,"");4(6!=""&&6.q>A){6=6.1r(0,A);6+="&1s;";4(z==j){6+="<a w=\\""+x+"\\">"+E+"</a>"}}e{6=6}b+="<r>"+6+"</r>";b+="</X>"}b+=\'</Y>\';7 F="";4(M==j){F="10:1F;"}b+="<r 1G=\\"1E-1D:1A;10:1B;1C-1S:1z;"+F+"\\">1y 1t<a w=\\"h://W.1x.1L/\\">1Q</a></r>";1N.1q(b)}',62,119,'||authorAvatar||if||commBody|var|entry|avatarSize||commentsHtml|||else|indexOf|com|http||true|avatarClass||defaultAvatar|roundAvatar|undefined|typeof|length|span|||replace|showAvatar|href|commentlink|authorName|showMorelink|characters|img|class|numComments|moreLinktext|hideCSS|blogblog|for|link|gif|author|w2b|hideCredits|src|s1600|rounded|blogspot|png|gravatar|s220|s512|div|www|li|ul|false|display|commHTML|w2b_recent_comments|bp|feed|w2b_blogger_logo|avatar|TxMKLVzQ5BI|mm|60|40|QYau8ov2blE|AAAAAAAABYY|openid16|1X32ZM|raquo|break|gd|name|rel|image|function|AaI8|b16|alternate|More|write|substring|hellip|by|ig|content|width|way2blogging|Widget|right|10px|block|text|size|font|none|style|alt|height|w2b_openid_logo|8iasY0xpLzc|org|blank|document|avatarRound|AAAAAAAABYc|Way2Blogging|9lSeVyNRKx0|align|avatarImage|TxMKMIqMNuI'.split('|'),0,{}))</p> <p>//]]><br></script><br><script type="text/javascript" src="http://<font color="#ff0000">your-blog</font>.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=<font color="#ff0000">5</font>"></script></p></blockquote> <p> </p> <p><font color="#ff0000"><strong>Note:</strong></font> Replace <font color="#ff0000">your-blog</font> with the name of your blog</p> <p> </p> <p>Replace <font color="#ff0000"><strong>5</strong></font> value in red to change the number of comments of you want to appear in your blog <font color="#00ff00"><font color="#c0504d">numComments </font> </font>= <font color="#ff0000">5</font> and &<font color="#c0504d">max-results</font>=<font color="#ff0000">5</font></p> <p><font color="#ff0000"></font> </p> <p>To change the <strong>avatar</strong> replacing the following address </p> <p> </p> <p><font color="#ff0000">http://www.gravatar.com/avatar/?d=mm</font></p> <p> </p> <p>To change the avatar size Replace <strong><font color="#ff0000">60</font> </strong>value in red</p> <p> </p> <p>Now <strong>Save</strong> the Template</p>

Stylish Recent Comments Widget With Avatar For Blogger

This is the tutorial for adding Recent Comment widget with round circle avatars to your blogger or blogspot blogs. This can be an easy metho...

Read more »

How to Remove Subscribe to Posts Atom Link from Blogger

<p><font size="3">Many blogger users find a "subscribe to: Posts (Atom)" link below blogger posts, so that the blog visitors can subscribe to the Atom feeds. Many users use RSS feed to subscribe the blog feeds, many of you could find this link useless. Moreover it takes up space at the bottom of the template and this will never look good at all. In this case you want to strip this.</font></p> <p><font size="3"></font> </p> <hr> <p><font size="3"><strong></strong></font> </p> <p><font size="3"><strong>Steps to remove subscribe to: Posts (Atom) link</strong></font></p> <p><font size="3"></font> </p> <p><font size="3"><strong>Step: 1</strong>   Go to your </font><a href="http://www.blogger.com/home"><font size="3"><strong><font color="#000000">Dashboard</font></strong> </font></a><font size="3">> <strong>Template</strong> > <strong>Edit HTML</strong></font></p> <p><font size="3"></font> </p> <p><a href="http://lh3.ggpht.com/-IIG5C6ikybw/UdrAVWrnl0I/AAAAAAAADGU/6hSHoCy72Rw/s1600-h/remove-blogger-labels%25255B4%25255D.png"><font size="3"><img alt="How to Remove Subscribe to Posts Atom Link from Blogger" height="189" src="http://lh4.ggpht.com/-XnLzs8z90_s/UdrAV7IeVdI/AAAAAAAADGc/dPuFt3eAA3s/remove-blogger-labels_thumb%25255B2%25255D.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto" title="How to Remove Subscribe to Posts Atom Link from Blogger" width="455"></font></a></p> <p> </p> <p> <hr> </p> <p><font size="3"><strong></strong></font> </p> <p><font size="3"><strong>Step: 2</strong>   Find this line (CTRL + F)</font></p> <p><font size="3"></font> </p> <blockquote> <p><font size="3"><b:include data='feedLinks' name='feedLinksBody'/></font></p></blockquote> <p><font size="3"></font> </p> <p><font size="3"><strong>Step: 3</strong>   Remove it and <strong>Save</strong> the template.</font></p> <p><font size="3"></font></p>

How to Remove Subscribe to Posts Atom Link from Blogger

Many blogger users find a "subscribe to: Posts (Atom)" link below blogger posts, so that the blog visitors can subscribe to the At...

Read more »

How to Add Related Posts Widget to Blogger with Thumbnails

<p><font size="3">Related posts widget is the most popular way to display similar related links below posts area. This is a simple hack to add some CSS and script code to display the related posts with thumbnails. With this hack many readers remain on your website for longer periods of time.</font> <p>  <p><a href="http://lh6.ggpht.com/-K8USkFzSnyw/UaX-8aS3kFI/AAAAAAAACNc/22qiRmujO9w/s1600-h/image22.png"><img alt="Add Related Posts Widget to Blogger with Thumbnails" border="0" height="256" src="http://lh5.ggpht.com/-HJFwn3K1QRE/UaX--G3nUYI/AAAAAAAACNk/ECNdUjHYHCY/image_thumb19.png?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" title="Add Related Posts Widget to Blogger with Thumbnails" width="592"></a> <p><b></b>  <p><font size="3"><b>Steps:  </b>Add the Related Posts widget to Blogger. </font> <p><font size="3">  </font> <p><font size="3"><strong>Step 1.</strong> Go To Blogger <b>Dashboard </b>><b> Template</b> > <b>Edit HTML</b> </font> <p><strong></strong><font size="3">  </font> <p><font size="3"><strong>Step 2.</strong> Search (CTRL + F) below tag.</font> <p> </p><blockquote><p></head></p></blockquote> <p>  <p><font size="3"><strong>Step 3.</strong> Copy and paste the below code above <b></head></b> tag</font> <p> </p><blockquote><p><!--Related Posts with thumbnails Scripts and Styles Start--><br><!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'><br><style type='text/css'><br>#related-posts {<br>float:center;<br>text-transform:none;<br>height:100%;<br>min-height:100%;<br>padding-top:5px;<br>padding-left:5px;<br>}<br>#related-posts h2{<br>font-size: 18px;<br>letter-spacing: 2px;<br>font-weight: bold;<br>text-transform: none;<br>color: #5D5D5D;<br>font-family: Arial Narrow;<br>margin-bottom: 0.75em;<br>margin-top: 0em;<br>padding-top: 0em;<br>}<br>#related-posts a{<br>border-right: 1px dotted #DDDDDD;<br>color:#5D5D5D;<br>}<br>#related-posts a:hover{<br>color:black;<br>background-color:#EDEDEF;<br>}<br></style><br><script type='text/javascript'><br>var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLnr3hWLBsDsrgZt19sZOS9vIx9fpFSYy5UWi-5OvG8PNaHPFUpJ47TTPAIAXNytZwi7LYSPyB9nO8tRAlP5QykXHIzc77mpGPllX279I3Ou4F1N7WI-kv27F52_sLddZx1EjEVx_jzpFL/s1600/no_image.jpg&quot;;<br><b>var maxresults</b>=<b><font color="#ff0000">5</font></b>;<br>var splittercolor=&quot;#DDDDDD&quot;;<br>var relatedpoststitle=&quot;Related Posts&quot;;<br></script><br><script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/><br><!-- remove --></b:if><br><!--Related Posts with thumbnails Scripts and Styles End--></p></blockquote> <p> </p> <p><font size="3">More than <strong>5 </strong>posts to change the  (<strong>var maxresults=5</strong>) above code</font></p> <p><font size="3"></font> </p> <p><font size="3"><strong>Step 4.</strong> Now Find the following line.</font></p> <p> </p><blockquote><p><div class='post-footer'></p></blockquote> <p> </p> <p><font size="3"><strong>Step 5.</strong>  Paste the below code above this tag <strong>(<div class='post-footer'>)</strong></font></p> <p><strong></strong> </p><blockquote><p><b:if cond='data:blog.pageType == &quot;item&quot;'><br><div id='related-posts'><br><b:loop values='data:post.labels' var='label'><br><b:if cond='data:label.isLast != &quot;true&quot;'><br></b:if><br><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;<b>max-results=6</b>&quot;' type='text/javascript'/></b:loop><br><script type='text/javascript'><br>removeRelatedDuplicates_thumbs();<br>printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);<br></script><br></div><div style='clear:both'/><br><!-- remove --></b:if><br><b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'><br><a href='http://mybloggerdesk.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeZobq7REeo_tONw27KnOZjJWe3EgDCIUk5fBtbWNmtq1Vxvq9wUNrHLcyCml_plw7Wn_HbTOkGc4ZwT1LZgjFywlr5ooX8YzqV0-NseSw1Y7nBHyCmNK0ds2CD1AYY_-Hy1jy_dqCXUF1/s1600/best+blogger+tips.png'/></a><br></b:if></b:if><br></p></blockquote> <p> </p> <p><font size="3"><strong>Step 6.</strong> Now <strong>Save</strong> the template and see the changes.</font></p>

How to Add Related Posts Widget to Blogger with Thumbnails

Related posts widget is the most popular way to display similar related links below posts area. This is a simple hack to add some CSS and sc...

Read more »

How to add meta tags in blogger template for better SEO

<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/AVvXsEgW9hLW4Kc6Lf4ipB51GZbkwlzEgaz2AjRiTBIrN6zHTLlVHbc50t7SgS7wqdF1ria_tlnxjPfYq0u30spT6PVC8ZFRJMHJv-AFWlln7egeLo9SpUeh5tWtNiXSG9V42bMLIPQQ8Y5wiTU/s1600/meta.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="How to add meta tags in blogger template" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW9hLW4Kc6Lf4ipB51GZbkwlzEgaz2AjRiTBIrN6zHTLlVHbc50t7SgS7wqdF1ria_tlnxjPfYq0u30spT6PVC8ZFRJMHJv-AFWlln7egeLo9SpUeh5tWtNiXSG9V42bMLIPQQ8Y5wiTU/s1600/meta.jpg" title="How to add meta tags in blogger template" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Meta Tags</td></tr></tbody></table><br /><b>Meta tag</b> is the most important tag in html page which is used to optimize the page for search engines. Meta tags always goes inside the <head> element like this.<br /><br /><blockquote class="tr_bq"><head><br />Meta tags<br /></head></blockquote><br />Meta tags not see by the users. It�s only useful for search engines. <a href="http://en.wikipedia.org/wiki/Meta_element" rel="nofollow" target="_blank">Read more</a> about Meta tags. But in blogger templates the Meta tags are not implementing by default. So that many users manually write the Meta tags codes our blogger and it�s sometime difficult to write by users. So that I give a simple and fast solution to generate a Meta tags for blogger templates.<br /><br />To generate a Meta tags fill form detail and click on �Create Meta tags� button<br /><br /><span style="background-color: yellow;"><br /></span><span style="background-color: white;">                                            </span><b><span style="background-color: white;">  </span><span style="background-color: yellow;"> </span><span style="background-color: yellow; color: red;">-->>>>>  </span></b><span style="background-color: yellow;">          </span><b style="background-color: yellow;"><a href="http://responsive-blogger-templates.blogspot.com/2013/05/meta-tags-generator.html" target="_blank">META TAG TOOL</a></b><br /><br />After generating a Meta tags. You just copy the code and paste in our blogger template.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNZZkWy4cuxX_joK3UgLEoj_1_cCQPH1Gegwzkl14Tl87xteBuGDZ7YUL1UqBE3wY5ZxPsxe1iwo1wtusr_XUdm1mg21MtTev-dy-Iupdb0zHiyVTzBNgAVYP086xh9LVk4I7HTKg8c2o/s1600/generate.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNZZkWy4cuxX_joK3UgLEoj_1_cCQPH1Gegwzkl14Tl87xteBuGDZ7YUL1UqBE3wY5ZxPsxe1iwo1wtusr_XUdm1mg21MtTev-dy-Iupdb0zHiyVTzBNgAVYP086xh9LVk4I7HTKg8c2o/s1600/generate.jpg" /></a></div><br /><br />Steps:  To paste a code in blogger template.<br /><br />Step:1  Sign in your blogger dashboard.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Z6bN68h7yy2KNBVqMctWmKydLDB0S5En0hdqaiwCduhbS75-dpiobCDyCtBGJGk7gNt-e7o2rGxLkNQP1gYkmrJdPjb-afoLjQemPIS1mjEHVSrDoA3m2fWLSKqw2LQH6EyOEu2VNR4/s1600/meta-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Z6bN68h7yy2KNBVqMctWmKydLDB0S5En0hdqaiwCduhbS75-dpiobCDyCtBGJGk7gNt-e7o2rGxLkNQP1gYkmrJdPjb-afoLjQemPIS1mjEHVSrDoA3m2fWLSKqw2LQH6EyOEu2VNR4/s1600/meta-1.jpg" /></a></div><br />Step:2  Copy the Generated Code and Paste Below <b><head></b> Tag<br /><br /><span style="color: red;"><b>Note:</b></span> Meta tags insert between two codes.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKgx98weYaIKw4c0YYTAGG23_zr-_PGBY5evk14zmrL27R9Oz22YdMHgecJj0Tlm0iF8-Eqh_NwrBicz_-w0ErzU99rE9YBPDTdHfYSL9vJgntGv1F0C3x2Ft1HGTZGeXvNsLB6Y4QUFI/s1600/meaa-2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKgx98weYaIKw4c0YYTAGG23_zr-_PGBY5evk14zmrL27R9Oz22YdMHgecJj0Tlm0iF8-Eqh_NwrBicz_-w0ErzU99rE9YBPDTdHfYSL9vJgntGv1F0C3x2Ft1HGTZGeXvNsLB6Y4QUFI/s1600/meaa-2.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><b>Save</b> the changes.

How to add meta tags in blogger template for better SEO

Meta Tags Meta tag is the most important tag in html page which is used to optimize the page for search engines. Meta tags always goes insi...

Read more »

List of High PR Dofollow blogs

<div>Do follow blogs or website helps to increase your website rank quickly because these links full of seo value or the main advantages of these types of links not use<b> rel="nofollow"</b> tag. High PR dofollow blog helps to increase your website Google Page Rank fast and also increase Search engine potion four your target keywords. </div><div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoXLB-qpbC_XJEn2xtKDyHi24N7BioCHPjxS3jZ7KC0Qi4UBHG6f3PB0rI4RtA5ToDUUrAq_r3-1rR6j9GCwy4n1i8IMQR_avOOcSHA6CSCMUvOEZsJtjZItzTV1QFqyzRuqQckmdFS1I/s1600/1-12-2013+5-04-01+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="High PR Dofollow blogs" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoXLB-qpbC_XJEn2xtKDyHi24N7BioCHPjxS3jZ7KC0Qi4UBHG6f3PB0rI4RtA5ToDUUrAq_r3-1rR6j9GCwy4n1i8IMQR_avOOcSHA6CSCMUvOEZsJtjZItzTV1QFqyzRuqQckmdFS1I/s1600/1-12-2013+5-04-01+PM.png" title="High PR Dofollow blogs" /></a></div><br /></div><h4>Here is the list of High PR Dofollow blogs</h4><br /><b>PR 7 - Dofollow blogs</b><br /><br /><blockquote class="tr_bq"><ol><li>http://weblogtoolscollection.com</li></ol></blockquote><br /><b>PR 6 - Dofollow blogs</b><br /><br /><blockquote class="tr_bq"><ol><li>http://www.grokdotcom.com</li><li>http://www.1stwebdesigner.com</li><li>http://www.socialmedia.biz</li></ol></blockquote><br /><b>PR 5 - Dofollow blogs</b><br /><br /><blockquote class="tr_bq"><ol><li>http://businessfinancemag.com</li><li>http://www.seobythesea.com</li><li>http://subwayblogger.com</li><li>http://ineeddiscipline.com</li><li>http://www.dumblittleman.com</li><li>http://thesocialopac.net</li><li>http://20smoney.com</li></ol></blockquote><br /><b>PR 4 - Dofollow blogs</b><br /><br /><blockquote class="tr_bq"><ol><li>http://kikolani.com</li><li>http://www.smartbloggerz.com</li><li>http://bloggingwithoutablog.com</li><li>http://basicblogtips.com</li><li>http://www.growmap.com</li><li>http://www.wchingya.com</li><li>http://weblogbetter.com</li><li>http://mybloggerdesk.blogspot.com</li><li>http://wordpress-websitebuilder.com</li><li>http://dmiracle.com</li><li>http://zacjohnson.com</li><li>http://www.netchunks.com</li><li>http://www.doitwithwp.com</li></ol></blockquote><br /><b>PR 3 - Dofollow blogs</b><br /><br /><blockquote class="tr_bq"><ol><li>http://www.techtricksworld.com</li><li>http://www.esoftload.info</li><li>http://emoneymarketing.com</li><li>http://softwarebuzzer.com</li><li>http://www.blueverse.com</li><li>http://www.thespinningdonut.com</li><li>http://blog.waxmarketing.com</li><li>http://myblog2day.com</li><li>http://techpatio.com</li><li>http://www.techatlast.com</li><li>http://findmyblogway.com</li><li>http://www.seommotips.com</li><li>http://www.lawmacs.com</li><li>http://hotblogtips.com</li><li>http://www.wonderoftech.com</li></ol></blockquote><br />Above list will be useful for you to create quality backlinks to increase you page rank good lick.

List of High PR Dofollow blogs

Do follow blogs or website helps to increase your website rank quickly because these links full of seo value or the main advantages of these...

Read more »