LEARN IT WITH FUN : Blogger Tips And Tricks

Extract Post Titles Specified by Label via JSON

<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title" itemprop="headline" style="color: #242729; font-family: oswald; font-size: 27px; line-height: 36px;">
<div align="justify" style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;">
<img align="left" alt="DISPLAY RECENT POSTS BY LABEL IN BLOGGER" border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio6sGo1PDycXfY6GOYNX0FIRX1bJ1ekAHDCmk7MuxHUGQTKwiq1_duoHw5zU6cA6rgicNPeTqULME5-owDPJlyOpPI97-Zb_Ndx_GONLWuiWbB61zrhI-gPnunZFOIQrpaJBbAjhW8XHs/?imgmax=800" style="background-image: none; border-width: 0px; display: inline; float: left; margin: 0px 10px 4px 0px; padding: 0px 0px 3px; transition: all 0.7s ease;" title="DISPLAY RECENT POSTS BY LABEL IN BLOGGER" width="386" />Now that you have learnt how to<a href="http://www.mybloggertricks.com/2015/10/create-recent-posts-widget-using-JSON-feed.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">extract Post titles from a JSON feed</a> file and then print the results, its time to exercise how to display a list of posts<b>specified by Label</b> or print only those post titles related to a<b>specific category</b> in a blogger blog. The steps are extremely simple and you would really enjoy the various possibilities of extracting data from blogspot JSON feed. Lets get straight to work.</div>
<a href="https://www.blogger.com/null" name="more" style="background-color: white; color: #0084ce; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px; outline: none;"></a><span style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;"></span><br style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;" /><ul style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px; list-style: none;">
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJAn9zXugP0c-YJpQnoOldIuyeUWYHt9DmB6j4pJ5R6cMR-XgC-v5ZCBXdkSL705W4TaxBemCDDwGDzVFBptIXujuhaY39kaPkBpCX4L7eqJoTNwTtiXm9MXn4XljJ4WKovDYTCVopoV4/s400/255.gif) 0px 4px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"><div align="justify">
<b>Read:</b> <a href="http://www.mybloggertricks.com/2011/09/what-exactly-are-blog-labels-or.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">What are Blogger Labels?</a></div>
</li>
</ul>
<div align="justify" style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;">
<strong>Note:</strong> <em><span style="font-size: x-small;">Click the Button below to see full list of topics under discussion.</span></em></div>
<div class="Pbox" style="background-color: lightyellow; border: 5px solid rgb(247, 240, 184); box-shadow: rgb(237, 227, 150) 1px 1px 0px; color: #707037; cursor: pointer; font-size: 18px; font-weight: normal; line-height: 1.4em; margin: 10px 0px 1.5em; padding: 1em; text-align: center;">
Topics List</div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;">
</div>
</h1>
<h3 style="background-color: white; border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; font-family: helvetica, arial; font-size: 19.6px; line-height: 1.3em; margin-bottom: 10px; padding: 3px;">
JSON Feeds for Labels in Blogger</h3>
<h1 class="post-title entry-title" itemprop="headline" style="color: #242729; font-family: oswald; font-size: 27px; line-height: 36px;">
<span style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;">In </span><a href="http://www.mybloggertricks.com/2015/10/parsing-json-in-javascript.html" style="background-color: white; color: #289728; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px; outline: none; text-decoration: none;" target="_blank">part#3</a><span style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;"> we discussed that all blog </span><b style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">Posts</b><span style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;"> data excluding the Static </span><b style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">Pages</b><span style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;">, is stored inside the Post Feed.The Post JSON file is located at the following URL: </span><br style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;" /><blockquote style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifO5Vaxs5-QuRCORXKa2fjFGWKbO2wFNEMniW0xiPBlb8Fc8_jSE2AEtPnoeTdLfwrN6ChQWVWji3npuFrFeESBDu9eBwgqVmQycLsyllyeGQxXuA4bxVLoFNkDWn3zcijU3Wczko-qTXL/s1600/block-qoute1.png) 0% 100% no-repeat rgb(242, 241, 241); border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px 1px 0px; color: #555555; font-family: helvetica, arial; font-size: 15.4px; font-weight: normal; line-height: 1.6em; margin: 20px; overflow: hidden; padding: 10px 20px 40px 40px; word-wrap: break-word;">
http://www.Your-Domain.blogspot.com/feeds/<b>posts</b>/default?alt=<b>json</b></blockquote>
<span style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;">Blogger organizes all your blog posts in different categories that we call Labels and and each label has its own JSON feed file which lists all items belonging to it. </span><br style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;" /><span style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;">A Label JSON Feed is located at this URL: </span><br style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;" /><blockquote style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifO5Vaxs5-QuRCORXKa2fjFGWKbO2wFNEMniW0xiPBlb8Fc8_jSE2AEtPnoeTdLfwrN6ChQWVWji3npuFrFeESBDu9eBwgqVmQycLsyllyeGQxXuA4bxVLoFNkDWn3zcijU3Wczko-qTXL/s1600/block-qoute1.png) 0% 100% no-repeat rgb(242, 241, 241); border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px 1px 0px; color: #555555; font-family: helvetica, arial; font-size: 15.4px; font-weight: normal; line-height: 1.6em; margin: 20px; overflow: hidden; padding: 10px 20px 40px 40px; word-wrap: break-word;">
http://www.Your-Domain.blogspot.com/feeds/<b>posts</b>/default/-/<b><span style="background-color: yellow;">YOUR-LABEL</span></b>?alt=<b>json</b></blockquote>
<span style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;">For example if I want to see what posts are stored inside the JSON feed of our label "</span><b style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;"><a href="http://www.mybloggertricks.com/search/label/Social%20Media" style="color: #289728; outline: none; text-decoration: none;" target="_blank">Social Media</a></b><span style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;">", then in our case the JSON Feed will have this URL structure: </span><br style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;" /><blockquote style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifO5Vaxs5-QuRCORXKa2fjFGWKbO2wFNEMniW0xiPBlb8Fc8_jSE2AEtPnoeTdLfwrN6ChQWVWji3npuFrFeESBDu9eBwgqVmQycLsyllyeGQxXuA4bxVLoFNkDWn3zcijU3Wczko-qTXL/s1600/block-qoute1.png) 0% 100% no-repeat rgb(242, 241, 241); border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px 1px 0px; color: #555555; font-family: helvetica, arial; font-size: 15.4px; font-weight: normal; line-height: 1.6em; margin: 20px; overflow: hidden; padding: 10px 20px 40px 40px; word-wrap: break-word;">
http://www.mybloggertricks.com/feeds/<b>posts</b>/default/-/<b><span style="background-color: yellow;">Social Media</span></b>?alt=<b>json</b></blockquote>
<b style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">Note the following points:</b><span style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;"> </span><br style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;" /><ol style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;">
<li>Blogger Label Names are case sensitive. Mistakenly writing a lower case letter in uppercase or vice versa will result in a broken Feed without the <b>[ ] entry</b> array node where all your posts data is stored. For example if you write the label Social Media as social media with 's' and 'n' in lower case then you will get a broken JSON code with entry node absent as shown below:<img alt="Entry node absent" border="0" height="408" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBORk4P1KeYJmorPAMoI3rcRuuFIxQuQlGuPcDkWiD1q_YzwnT_TdWwo9DUjobbkW4cZhbml01IoAY376OJp9Cli9AkSvVcrrJYPGN4aYmFyqtX69VF_J6Q5qz7K6DlWzDm5-_PmV3CHo/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding: 0px 0px 3px; transition: all 0.7s ease;" title="Entry node absent" width="235" /></li>
<li>In the above screenshot you can see that the <b>[</b> <b>]</b> <b>entry</b> node which comes after<b>openSearch$itemsPerPage</b> object is absent.</li>
<li>Writing the Label Name correctly, keeping care of the cases and spaces will produce a JSON tree structure as shown below:<img alt="Entry node present" border="0" height="405" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPoTZZeKRrVwOveFA-xIzfqHSUu7jbAOFFTI6chQ390mR0LNHG6STT2tBynczsdJoLtfjeTDzDYXRc95rY3LHJ4iWdv8TKbjy7XkaIv9mVOD8TA4ihltYxOA48DAvjNxAw-AapLKiU7t4/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding: 0px 0px 3px; transition: all 0.7s ease;" title="Entry node present" width="249" /> </li>
</ol>
</h1>
<h3 style="background-color: white; border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; font-family: helvetica, arial; font-size: 19.6px; line-height: 1.3em; margin-bottom: 10px; padding: 3px;">
Displaying Recent Posts by Label in Blogger</h3>
<h1 class="post-title entry-title" itemprop="headline" style="color: #242729; font-family: oswald; font-size: 27px; line-height: 36px;">
<span style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;">We will use the exact same code that we shared in Part#5 , the only addition that we made have been highlighted as </span><b style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;"><span style="background-color: #4bacc6; color: white;">blue</span></b><span style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;">. </span><br style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;" /><blockquote style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifO5Vaxs5-QuRCORXKa2fjFGWKbO2wFNEMniW0xiPBlb8Fc8_jSE2AEtPnoeTdLfwrN6ChQWVWji3npuFrFeESBDu9eBwgqVmQycLsyllyeGQxXuA4bxVLoFNkDWn3zcijU3Wczko-qTXL/s1600/block-qoute1.png) 0% 100% no-repeat rgb(242, 241, 241); border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px 1px 0px; color: #555555; font-family: helvetica, arial; font-size: 15.4px; font-weight: normal; line-height: 1.6em; margin: 20px; overflow: hidden; padding: 10px 20px 40px 40px; word-wrap: break-word;">
<br /><script type="text/javascript"><br />//----------------------------Defaults<br />var <b><span style="color: #dd8484;">ListBlogLink</span></b> = window.location.hostname;<br />var <b><span style="color: #9b00d3;">ListCount</span></b> = 5;<br />var <span style="color: #9bbb59;"><b>TitleCount </b></span>= 70;<br /><b><span style="background-color: #4bacc6; color: white;">var ListLabel =" ";</span></b><br />//----------------------------Function Start<br />function <b>mbtlist</b>(<b><span style="background-color: yellow;">json</span></b>) {<br />document.write('<b><ul class="mbtlist"></b>');<br />for (var i = 0; i < <b><span style="color: #9b00d3;">ListCount</span></b>; i++)<br />{<br /><br />//-----------------------------Variables Declared<br />var <b><span style="color: #f79646;">listing</span></b>= <b><span style="color: #4bacc6;">ListUrl</span></b> = <b><span style="color: blue;">ListTitle</span></b> = "";<br />//----------------------------- Title URL<br />for (var j = 0; j < json.feed.entry[i].link.length; j++) {<br />if (json.feed.entry[i].link[j].rel == '<span style="background-color: #f79646;"><b>alternate</b></span>') {<br />break;<br />}<br />}<br /><b><span style="color: #4bacc6;">ListUrl</span></b>= "'" + json.feed.entry[i].<b>link[j]</b>.href + "'";<br />//----------------------------------- Title Stirng<br />if (json.feed.entry[i].title!= null)<br />{<br /><b><span style="color: blue;">ListTitle</span></b>= json.feed.entry[i].title.$t.<b>substr(0, <span style="color: #9bbb59;">TitleCount</span>)</b>;<br />}<br />//----------------------------------- Printing List<br />var <b><span style="color: #f79646;">listing</span></b> = "<li><a class='mbttitle' href="<br />+<b><span style="color: #4bacc6;">ListUrl</span></b>+<br />"target='_blank'>"<br />+<b><span style="color: blue;">ListTitle</span></b>+<br />"</a></li>";<br />document.write(<b><span style="color: #f79646;">listing</span></b>);<br />}<br />document.write("<b></ul></b>");<br />}<br /></script><br /><br /><script><br /><b><span style="color: #dd8484;">ListBlogLink</span></b> = "http://www.mybloggertricks.com";<br /><b><span style="color: #9b00d3;">ListCount</span></b> = 8;<br /><span style="color: #9bbb59;"><b>TitleCount </b></span>= 70;<br /><b><span style="background-color: #4bacc6; color: white;">ListLabel = "Social Media";</span></b><br />document.write("<script src='"+<b><span style="color: #dd8484;">ListBlogLink</span></b>+"/feeds/posts/default/<b><span style="background-color: #4bacc6; color: white;">-/"+ListLabel+"</span></b>?alt=<b><span style="background-color: yellow;">json-in-script</span></b>&callback=<b>mbtlist</b>'></"+"script>");<br /></script><br /><br /><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/><br /><style><br />.mbtlist {list-style-type:none;overflow:hidden}<br />.mbtlist li {margin:0px auto 20px auto; clear:both; color:#666; font-family:Helvetica; font-size:12px; border-bottom:1px dotted #ddd;}<br />.mbtlist .mbttitle {font-family:oswald; font-size:16px; color:#0080ff; font-weight:normal; text-decoration:none;}<br />.mbtlist .mbttitle:hover {color:#00A5FF;}<br />font-family:georgia; font-size:15px; font-weight:bold}<br /></style></blockquote>
<b style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;"><u>Note:</u></b><span style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;"> </span><br style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;" /><ul style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px; list-style: none;">
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJAn9zXugP0c-YJpQnoOldIuyeUWYHt9DmB6j4pJ5R6cMR-XgC-v5ZCBXdkSL705W4TaxBemCDDwGDzVFBptIXujuhaY39kaPkBpCX4L7eqJoTNwTtiXm9MXn4XljJ4WKovDYTCVopoV4/s400/255.gif) 0px 4px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">As you can see above we simply introduced a new variable <b><span style="background-color: #4bacc6; color: white;">ListLabel </span></b>  and then set its default value to empty.</li>
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJAn9zXugP0c-YJpQnoOldIuyeUWYHt9DmB6j4pJ5R6cMR-XgC-v5ZCBXdkSL705W4TaxBemCDDwGDzVFBptIXujuhaY39kaPkBpCX4L7eqJoTNwTtiXm9MXn4XljJ4WKovDYTCVopoV4/s400/255.gif) 0px 4px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">The user can assign the label himself as we did 'Social Media' in the code above</li>
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJAn9zXugP0c-YJpQnoOldIuyeUWYHt9DmB6j4pJ5R6cMR-XgC-v5ZCBXdkSL705W4TaxBemCDDwGDzVFBptIXujuhaY39kaPkBpCX4L7eqJoTNwTtiXm9MXn4XljJ4WKovDYTCVopoV4/s400/255.gif) 0px 4px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">We also made slight changes to the <b>Invoking</b> section by adding a space for the Label variable so that the JSON feed for labels is called.</li>
</ul>
<b style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;"><u>OUTPUT</u></b><span style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;"> </span><br style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;" /><img alt="Display posts in 'social media'" border="0" height="384" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZi2tGzbjlAcidGZSYW4p9OVNyfkjHkeLg-xEDXWprmTP_Dv4zhDlNtwWOb7a6dni7NIW8XlUcGZ7qWx9CkdPwgpm3F9RqG0VvLd61KBad5HL5vyiBfhYHtuO1deYxnTZQN-kvq8oT4jg/?imgmax=800" style="background-color: white; background-image: none; border-width: 0px; color: #555555; display: block; float: none; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px; margin: 0px auto; padding: 0px 0px 3px; transition: all 0.7s ease;" title="Display posts from  'social media'" width="441" /></h1>
<h3 style="background-color: white; border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; font-family: helvetica, arial; font-size: 19.6px; line-height: 1.3em; margin-bottom: 10px; padding: 3px;">
Have Questions?</h3>
<h1 class="post-title entry-title" itemprop="headline" style="color: #242729; font-family: oswald; font-size: 27px; line-height: 36px;">
<div align="justify" style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; font-weight: normal; line-height: 22.4px;">
I am sure this part was extremely easy as we simply learnt how to display JSON entries by specifying a label. In our coming tutorials we will take you several steps ahead. Stay tuned and feel free asking any question you may have. Peace and blessings buddies! =)</div>
</h1>
</div>

Extract Post Titles Specified by Label via JSON

Now that you have learnt how to extract Post titles from a JSON feed file and then print the results, its time to exercise how to displa...

Blogger Sitemap.xml Now Contains 150 Links Per Page - [FIX]

<div dir="ltr" style="text-align: left;" trbidi="on">
<div align="justify" style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
<img alt="Blogger Sitemap.xml Now Contains 150 Links Per Page - [FIX]" border="0" height="289" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisfXwS0LVAg5C9HaXg1ZuNJBN1KR-nIAJ7WvK0NqkMBUoZhELVkUAS_iUY3lWMpnbmoT30sX58sPuPO4KPTuhc_JhFzjSciEazYER8dlz_kQeaCWlesUqpbGWV2vnwtpmL2-mfj4oaGL0/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto 6px; padding: 0px 0px 3px; transition: all 0.7s ease;" title="Blogger Sitemap.xml Now Contains 150 Links Per Page - [FIX]" width="601" />Have you observed a sudden drop in your Blogger sitemap index data inside your webmasters tools account? Do you see a major drop in your URLS <strong>Submitted</strong> data compared to <strong>Indexed</strong>data? If yes then there is nothing to worry because just this week Blogger has updated the total number of items in its <a href="http://www.mybloggertricks.com/2015/10/introduction-to-blogger-json-feeds-and-blogger-data-api.html" style="color: #289728; outline: none; text-decoration: none;">Atom Feed and RSS Feed</a>. The maximum number of blog post entries in these XML files were previously <strong>500 Links</strong> but after this latest update, your blogspot XML feed has now been broken down into smaller groups containing a maximum of <strong>151 Links</strong> in each page. This means that now webmasters will show a count of <strong>151 </strong>in the Submitted data column which was previously<strong> 501 </strong>for URLS in web index. The default feed count is same i.e. <strong>26 links</strong>in both RSS and Atom Feed.</div>
<div align="justify" style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
This surely looks like a much better approach for faster indexing of your blog posts and this will also help <a href="http://www.mybloggertricks.com/2013/09/better-backlink-data-google-webmaster-tools.html" style="color: #289728; outline: none; text-decoration: none;">Google webmasters tools</a> to better organize your sitemap pages into smaller parts which are easy to index and crawl thus saving processing time. The same update is applied to Blogger <strong>Sitemap.xml</strong> file where each sub-page will now consist of only <strong><span style="color: green;">150 links</span></strong>, previously<strong><span style="color: green;">500 URLS</span></strong> were grouped per page.</div>
<h3 align="justify" style="background-color: white; border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; font-family: helvetica, arial; font-size: 19.6px; line-height: 1.3em; margin-bottom: 10px; padding: 3px;">
How to fix Submitted and Indexed Data Difference?</h3>
<div align="justify" style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
You are seeing this error or difference of sitemap data inside your webmasters search console account because you have submitted multiple custom sitemaps to Google either using our<a href="http://www.mybloggertricks.com/2012/02/blogger-sitemap-generator-my-first-php.html" style="color: #289728; outline: none; text-decoration: none;">Sitemap Generator tool</a> or using a <a href="http://www.mybloggertricks.com/2012/02/why-google-indexes-only-26-pages-of.html" style="color: #289728; outline: none; text-decoration: none;">custom sitemap submission</a> method using atom feeds. This sitemaps are located at atom.xml. The screenshot below shows the</div>
<div align="justify" style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
<img alt="custom atom feed sitemaps" border="0" height="85" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG8KBiz8NGQRHkGLxor51c12vbHC6wMhyphenhyphenQTLqIOxtowAYLPF8X8oC4AVnRWd1HDOGOl-SPKXRZu9k4x6mhaPty8Bjs_OQbTu-mHjIMt-nD6B13lHh0B5MQLbzx0RKDin6PuQRdDhVSqVk/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding: 0px 0px 3px; transition: all 0.7s ease;" title="custom atom feed sitemaps" width="600" /></div>
<div align="justify" style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
In the screen shot above you can observe that the <strong>submitted urls are 151</strong> while the <strong>indexed urls are 496</strong>. The Indexed links are greater than submitted links because webmasters tool is showing you the old cached indexed count of blogger sitemap where the sitemap contained a maximum of 500 links. The indexed data is thus an old cached count while the submitted data shows the refreshed Link count after Blogger updated sitemaps.</div>
<div align="justify" style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
Blogger introduced <a href="http://www.mybloggertricks.com/2015/02/automatic-blogger-sitemaps.html" style="color: #289728; outline: none; text-decoration: none;">Dynamic Sitemaps</a> for all blogspot blogs from January 2015 onwards. Now you can excess all your sitemap data from a single <strong><span style="color: green;">sitemap.xml</span></strong> file as shared below:</div>
<div align="justify" style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
Your sitemap.xml file is hosted at this location:</div>
<blockquote style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifO5Vaxs5-QuRCORXKa2fjFGWKbO2wFNEMniW0xiPBlb8Fc8_jSE2AEtPnoeTdLfwrN6ChQWVWji3npuFrFeESBDu9eBwgqVmQycLsyllyeGQxXuA4bxVLoFNkDWn3zcijU3Wczko-qTXL/s1600/block-qoute1.png) 0% 100% no-repeat rgb(242, 241, 241); border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px 1px 0px; color: #555555; font-family: helvetica, arial; font-size: 15.4px; line-height: 1.6em; margin: 20px; overflow: hidden; padding: 10px 20px 40px 40px; word-wrap: break-word;">
<div align="justify" style="padding: 0px 0px 15px;">
http://<strong>Your-Blog</strong>.blogspot.com/<strong><span style="background-color: yellow;">sitemap.xml</span></strong></div>
</blockquote>
<div align="justify" style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
Our Blog Parent sitemap is hosted under this link:</div>
<blockquote style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifO5Vaxs5-QuRCORXKa2fjFGWKbO2wFNEMniW0xiPBlb8Fc8_jSE2AEtPnoeTdLfwrN6ChQWVWji3npuFrFeESBDu9eBwgqVmQycLsyllyeGQxXuA4bxVLoFNkDWn3zcijU3Wczko-qTXL/s1600/block-qoute1.png) 0% 100% no-repeat rgb(242, 241, 241); border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px 1px 0px; color: #555555; font-family: helvetica, arial; font-size: 15.4px; line-height: 1.6em; margin: 20px; overflow: hidden; padding: 10px 20px 40px 40px; word-wrap: break-word;">
<div align="justify" style="padding: 0px 0px 15px;">
http://www.mybloggertricks.com/<strong><span style="background-color: yellow;">sitemap.xml</span></strong></div>
</blockquote>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
All you need to do is to delete the custom <strong>atom.xml</strong> sitemaps and instead submit sitemap.xml as the only sitemap inside your webmasters account. Follow these steps:</div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
1. Go To Webmasters Tools > Crawl > Sitemaps</div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
2. Delete all your old sitemaps which uses the atom.xml Feed structure</div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
<img alt="delete sitemaps" border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh476pTubyCNJ2nT3suYpaekYbyJyX08P9iXwUyS8cxnGNTrleAkxxil5Itezw49qT4Aca5ktCDyftr6g1DaP-BfTBKdSq-gXiIkVN2gmHNix99x64olew4wNBoXDJLsbni7VfTx6BkRPY/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding: 0px 0px 3px; transition: all 0.7s ease;" title="delete sitemaps" width="493" /></div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
3. Next submit the dynamic sitemap.xml as the only sitemap</div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
<img alt="ADD/TEST Sitemap" border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI0Lnt7NOeGQzZwdUWAXNy9jNQAua_8vGYh88dOv5QPBYh0igRDDqWhOnopzLiQmC5QHoyDFaVNEsWeMiS5gcW82ZGc-3HfprpklOHSWeNtfhFkXRVUrA14JgHcbqHyNoqog_STKGuzPw/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding: 0px 0px 3px; transition: all 0.7s ease;" title="ADD/TEST Sitemap" width="417" /></div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
4. That's it!</div>
<div align="justify" style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
This single parent sitemap will automatically update its sub-pages and submit your new posts to Google index. If you click the sitemap link you can easily see how many sub-pages does the sitemap contain. This is a better and standard way to create sitemaps and widely followed for wordpress blogs as well.This parent sitemap is divided into sub-pages each containing a total of 150 links per page. Since we have published around <strong>1435</strong> posts so far therefore the total number of our sitemap pages are thus 10 where each sitemap contains 150 links. It is basic math i.e. <strong>10 x 150</strong> = <strong>1500</strong></div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
<img alt="Pages inside Sitemap.xml" border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS7TRgzxqtkxmkQBWlkYZoCjpoqZx-pB9MWSyjrFxRFc5RQlajRe-pEEWV5-1f6-c6wIXlGZuESx4nn3_LxaPE6Wiv8vDG068Xdt1WvZMGYIkC01RaKzoEkcVfunJ5gsOJtqJXdKZ20tg/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding: 0px 0px 3px; transition: all 0.7s ease;" title="Pages inside Sitemap.xml" width="600" /></div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
It takes around 24 hours for all links to get indexed. </div>
<h3 style="background-color: white; border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; font-family: helvetica, arial; font-size: 19.6px; line-height: 1.3em; margin-bottom: 10px; padding: 3px;">
Already submitted sitemap.xml?</h3>
<div align="justify" style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
If you have already submitted the dynamic sitemap months ago but still see a difference in your submitted/indexed data then you just need to <strong>resubmit</strong> the sitemap so that Google may fetch all newly submitted links.</div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
<img alt="resubmit sitemaps" border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHXzuhxR2QmboLGAoVPthG__Wh6U_Yrih2Z9JQcQl2zW67HrOriva7Opj_AdSeHLemhIfXF1qe_pOl3pKB44FwwvZqUy9GV-2gOpvvK13Wd-0yXaDl1kD0md-RE1B4pIjz4qmNZm4RC0Q/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding: 0px 0px 3px; transition: all 0.7s ease;" title="resubmit sitemaps" width="582" /></div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
After resubmitting our sitemap the index data got back to normal:</div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
<img alt="blogger Dynamic Sitemap " border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZzKNnJvB1GP1VhS5HWcZ9MzEUwUgPkEmNTd-mkVltMWCQOF49ZCG4mGIXe5bSSHh5EKz9x1Qbg_CEAQ0kPnGJVhLZNqfRr8NUi1WlJKLjq_2rhIsnor1O8F5nHAmUNvm_zdu7sMlsNeA/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding: 0px 0px 3px; transition: all 0.7s ease;" title="blogger Dynamic Sitemap " width="600" /></div>
<h3 style="background-color: white; border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; font-family: helvetica, arial; font-size: 19.6px; line-height: 1.3em; margin-bottom: 10px; padding: 3px;">
Need Help?</h3>
<div align="justify" style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
I hope this clarifies all your answers and help you guys troubleshoot this technical SEO problem that you were facing recently. Let me know if I could be of any further assistance. Feel free to post your questions in the comment box below. Wishing a great weekend buddies. Peace and blessings! =)</div>
<hr style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;" />
<a href="https://www.blogger.com/null" name="more" style="background-color: white; color: #0084ce; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px; outline: none;"></a><span style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;"></span><em style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">This article was requested by our reader </em><a href="http://www.mybloggertricks.com/2015/11/hostgator-black-friday-discount-coupons.html?showComment=1448611017681#c3602891987112224774" style="background-color: white; color: #289728; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px; outline: none; text-decoration: none;"><em>Basit Khan</em></a><em style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">. I personally thank him for bringing this problem into our notice.</em></div>

Blogger Sitemap.xml Now Contains 150 Links Per Page - [FIX]

Have you observed a sudden drop in your Blogger sitemap index data inside your webmasters tools account? Do you see a major drop in your U...

Blogger Now Supports Creating Featured Thumbnails for YouTube Videos

<div dir="ltr" style="text-align: left;" trbidi="on">
<div align="justify" style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
<img alt="Blogger Now Supports Creating Featured Thumbnails for YouTube Videos" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyZYxwMMtseOydz2BFDgsrWmuKrZDFdrtps3yJPAj3OYl8HYWCL2KFpkPUbqkLanLqxvpDvXDVuRt2gkipW9Davf5DTRNHwAcaznZFVLo0FBK9tRxh_eFqP6FJV4j_zSRX9qc9A2E58fI/?imgmax=800" style="background-image: none; border: 0px; display: block; float: none; margin: 0px auto 4px; padding: 0px 0px 3px; transition: all 0.7s ease;" title="Blogger Now Supports Creating Featured Thumbnails for YouTube Videos" width="601" />While developing a JSON based Plugin for blogger blogs, we observed that Blogger now creates a <strong>featured thumbnail image</strong> automatically for YouTube videos embedded inside blog posts. This means now you don't need to extract YouTube Thumbnails using an advanced JavaScript method. This is done dynamically by Blogger through its JSON Feed API. In this tutorial I will demonstrate in brief how this thumbnail is created and stored inside a json object. If you are a developer, you may find this discovery extremely interesting because it helps to shorten your code and optimize it for better performance as no search for YouTube thumbnail is required now on your behalf. So far the thumbnail support only exists for YouTube videos, I tested vimeo and dailymotion videos but the thumbnails were not created.</div>
<div align="justify" style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
In our coming JSON series we will surely discuss the JavaScript technique that we previously used to develop widgets for clients because though blogger creates an auto thumbnail for YouTube Iframe but the <strong>disadvantage of this method</strong> is that the thumbnail is in square format having dimensions <strong>72 x 72</strong>. Blogger is actually extracting the default small YouTube thumbnail which has dimensions <strong>120 x 90</strong> <strong>(pixels)</strong>.Therefore if you wish to display large HQ thumbnails inside your apps then you may wait for our next tutorial.</div>
<div align="justify" style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
If you are new to Blogspot JSON feeds, I would recommend that you at least read part1 and part2 of this tutorial series.</div>
<div align="justify" style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
<strong>Note:</strong> <em><span style="font-size: x-small;">Click the Button below to see full list of topics under discussion.</span></em></div>
<div class="Pbox" style="background-color: lightyellow; border: 5px solid rgb(247, 240, 184); box-shadow: rgb(237, 227, 150) 1px 1px 0px; color: #707037; cursor: pointer; font-family: oswald; font-size: 18px; line-height: 1.4em; margin: 10px 0px 1.5em; padding: 1em; text-align: center;">
Topics List</div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
</div>
<h3 style="background-color: white; border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; font-family: helvetica, arial; font-size: 19.6px; line-height: 1.3em; margin-bottom: 10px; padding: 3px;">
The YouTube Thumbnail is stored inside media$thumbnail</h3>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
Assuming you already have read how to view your <a href="http://www.mybloggertricks.com/2015/10/view-blogger-json-feeds-in-friendly-format.html" style="color: #289728; outline: none; text-decoration: none;">JSON feed in a human readable format</a>, I am sharing below the steps to locate where exactly the thumbnail is stored.</div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
1. Embed a YouTube Iframe inside your blog and publish the post.</div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
2. Copy your new JSON code. In our case we are using a test blog and the url for its JSON feed is:</div>
<blockquote style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifO5Vaxs5-QuRCORXKa2fjFGWKbO2wFNEMniW0xiPBlb8Fc8_jSE2AEtPnoeTdLfwrN6ChQWVWji3npuFrFeESBDu9eBwgqVmQycLsyllyeGQxXuA4bxVLoFNkDWn3zcijU3Wczko-qTXL/s1600/block-qoute1.png) 0% 100% no-repeat rgb(242, 241, 241); border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px 1px 0px; color: #555555; font-family: helvetica, arial; font-size: 15.4px; line-height: 1.6em; margin: 20px; overflow: hidden; padding: 10px 20px 40px 40px; word-wrap: break-word;">
<div style="padding: 0px 0px 15px;">
http://www.facebook-comments-box.blogspot.com/feeds/posts/default?alt=json</div>
</blockquote>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
3. Next Navigate to <strong>JSON</strong> > <strong>feed</strong> > <strong>entry</strong></div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
Select the most recent post which of course is inside the element<strong> { } 0</strong></div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
<img alt="blogger json feed thumbnail" border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj40whzpRTi7lzJfY43moy8oLxuJbGbt-onAVmLfS6C9qtHxsnt8UuNpLE_DYU2JNL46TZ8AzBurcrwncEVUICB-zFmo1MNpw80L2DyL6PAmJ2cK4XoIkVvWkG5FkQeICc0h5rwybesngA/?imgmax=800" style="background-image: none; border: 0px; display: block; float: none; margin: 0px auto; padding: 0px 0px 3px; transition: all 0.7s ease;" title="blogger json feed thumbnail" width="160" /></div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
4. Expand the node <strong>media$thumbnail</strong> to see its elements.</div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
<img alt="media thumbnail node elements" border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNRYlIGOoxUI2lF8yW3VQmblVLUkLd42sv_BLIFQ6JW6OeCu0QhcVnV1lEZU5iTXwyFW9_BewUtpRXjCxBmQ9WikOhqYgy6nQPRThjgAAxwp2glGcPd2G1gYVFbFLGrB1mO-3sr_ssfFw/?imgmax=800" style="background-image: none; border: 0px; display: block; float: none; margin: 0px auto; padding: 0px 0px 3px; transition: all 0.7s ease;" title="media thumbnail node elements" width="325" /></div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
From the image above you can observe that Blogger JSON feed provides 4 basic information about the thumbnails. The important among which is the<strong> url.</strong></div>
<ul style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px; list-style: none;">
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJAn9zXugP0c-YJpQnoOldIuyeUWYHt9DmB6j4pJ5R6cMR-XgC-v5ZCBXdkSL705W4TaxBemCDDwGDzVFBptIXujuhaY39kaPkBpCX4L7eqJoTNwTtiXm9MXn4XljJ4WKovDYTCVopoV4/s400/255.gif) 0px 4px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"><strong>xmlns$media:</strong>  This tag provides the link for Media RSS specification directory which provides meta data info for video clips. Currently though it points to<em>search.yahoo.com/mrss/</em> but it will soon be replaced with <em>rssboard.org/media-rss</em> in future. <a href="http://www.rssboard.org/media-rss" style="color: #289728; outline: none; text-decoration: none;" target="_blank">Full Details</a></li>
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJAn9zXugP0c-YJpQnoOldIuyeUWYHt9DmB6j4pJ5R6cMR-XgC-v5ZCBXdkSL705W4TaxBemCDDwGDzVFBptIXujuhaY39kaPkBpCX4L7eqJoTNwTtiXm9MXn4XljJ4WKovDYTCVopoV4/s400/255.gif) 0px 4px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"><strong>url:</strong> This is the <strong>Image link</strong> to the default YouTube Thumbnail. Its default size <strong>120 X 9</strong>.</li>
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJAn9zXugP0c-YJpQnoOldIuyeUWYHt9DmB6j4pJ5R6cMR-XgC-v5ZCBXdkSL705W4TaxBemCDDwGDzVFBptIXujuhaY39kaPkBpCX4L7eqJoTNwTtiXm9MXn4XljJ4WKovDYTCVopoV4/s400/255.gif) 0px 4px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"><strong>height:</strong> default size for height</li>
<li style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJAn9zXugP0c-YJpQnoOldIuyeUWYHt9DmB6j4pJ5R6cMR-XgC-v5ZCBXdkSL705W4TaxBemCDDwGDzVFBptIXujuhaY39kaPkBpCX4L7eqJoTNwTtiXm9MXn4XljJ4WKovDYTCVopoV4/s400/255.gif) 0px 4px no-repeat scroll transparent; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"><strong>width:</strong> default size for width</li>
</ul>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
The thumbnail that blogger creates ends with extension default.jpg. If you replace it with 0.jpg, you will get a much larger High Quality thumbnail. We will discuss how to do it in our coming tutorial.</div>
<blockquote style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifO5Vaxs5-QuRCORXKa2fjFGWKbO2wFNEMniW0xiPBlb8Fc8_jSE2AEtPnoeTdLfwrN6ChQWVWji3npuFrFeESBDu9eBwgqVmQycLsyllyeGQxXuA4bxVLoFNkDWn3zcijU3Wczko-qTXL/s1600/block-qoute1.png) 0% 100% no-repeat rgb(242, 241, 241); border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px 1px 0px; color: #555555; font-family: helvetica, arial; font-size: 15.4px; line-height: 1.6em; margin: 20px; overflow: hidden; padding: 10px 20px 40px 40px; word-wrap: break-word;">
<div style="padding: 0px 0px 15px;">
http://img.youtube.com/vi/ht866-K1JeU/<strong>default.jpg  (120 x 90)</strong></div>
</blockquote>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
<img alt="default youtube thumbnail" border="0" height="89" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlUmJix2HI2ohxA969CGGDAiCiIb_M5OC4qb_mveOm6j9GTbw1HMf_wybto-9300iQaszWO2RlqWBUJXKBNlIJzAJ4W1h4pbbsKMvVZ1Chfi2KFlfMXNMYBQT5A15XwRPP9b3VUYtAzeI/?imgmax=800" style="background-image: none; border: 0px; display: block; float: none; margin: 0px auto; padding: 0px 0px 3px; transition: all 0.7s ease;" title="default youtube thumbnail" width="120" /></div>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
Replace with <strong>0.png</strong> for large thumbnails</div>
<blockquote style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifO5Vaxs5-QuRCORXKa2fjFGWKbO2wFNEMniW0xiPBlb8Fc8_jSE2AEtPnoeTdLfwrN6ChQWVWji3npuFrFeESBDu9eBwgqVmQycLsyllyeGQxXuA4bxVLoFNkDWn3zcijU3Wczko-qTXL/s1600/block-qoute1.png) 0% 100% no-repeat rgb(242, 241, 241); border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px 1px 0px; color: #555555; font-family: helvetica, arial; font-size: 15.4px; line-height: 1.6em; margin: 20px; overflow: hidden; padding: 10px 20px 40px 40px; word-wrap: break-word;">
<div style="padding: 0px 0px 15px;">
http://img.youtube.com/vi/ht866-K1JeU/<strong>0.jpg   (<strong>480 x 360</strong> )</strong></div>
</blockquote>
<div style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
<img alt="Blogger Now Supports Creating Featured Thumbnails for YouTube Videos" border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_IcLctw1c82cOZYElfwUfhJdyt9zFEVnRwQZ-rksuTi6b7X34IM0DfSudmpzPEpMSBaYkZgq9SHVS-qqkfjkVKCSFwrnVtuwdR4l8nkygchwt4-HqJYT91DqCprGCNWev34Mixj8I2ZQ/?imgmax=800" style="background-image: none; border: 0px; display: block; float: none; margin: 0px auto; padding: 0px 0px 3px; transition: all 0.7s ease;" title="Blogger Now Supports Creating Featured Thumbnails for YouTube Videos" width="479" /></div>
<h3 style="background-color: white; border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; font-family: helvetica, arial; font-size: 19.6px; line-height: 1.3em; margin-bottom: 10px; padding: 3px;">
Need Help?</h3>
<a href="https://www.blogger.com/null" name="more" style="background-color: white; color: #0084ce; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px; outline: none;"></a><span style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;"></span><br />
<div align="justify" style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.4px;">
For a more advanced approach I will share the JavaScript technique in next part of this tutorial series. Let me know if you have any queries with regard to the above tutorial. I have tested vimeo videos and also dailymotion videos by embedding them in blogspot posts but so far only YouTube thumbnails are supported in Blogger.</div>
</div>

Blogger Now Supports Creating Featured Thumbnails for YouTube Videos

While developing a JSON based Plugin for blogger blogs, we observed that Blogger now creates a featured thumbnail image automatically fo...

How to Put Adsense Ads Middle of the Every Pages and Posts

<div dir="ltr" style="text-align: left;" trbidi="on">
<img alt="How to Put Adsense Ads Middle of the Every Pages and Posts" src="http://2.bp.blogspot.com/-0LmjKm6N_Dw/VKuNQO0hqUI/AAAAAAAAPjw/8VrckWlfppQ/s1600/put-google-adsense-in-middle-of-post.png" title="How to Put Adsense Ads Middle of the Every Pages and Posts" /><br />
<span style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;">It is too important to optimize your </span><b style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;">adsense</b><span style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;"> ads in your site.  In the earlier post, we found how to put</span><a href="http://www.mybloggertricks.org/2012/04/add-google-adsense-to-blogger-header.html" style="background-color: white; color: #7a6933; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px; outline: none;" target="_blank">adsense ads just below the post title</a><span style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;">. Now we are going to learn how to put adsense ads in the middle part of the post and any place within the post. Often</span><a href="http://www.mybloggertricks.org/search?q=adsense+" style="background-color: white; color: #7a6933; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px; outline: none;" target="_blank">adsense </a><span style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;">user think if the ads are displayed in the just below the post title, it is the best position. Moreover that there is also a place which is equally as better as below the post title. This is the middle position of the posts.</span><br style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;" /><a href="https://www.blogger.com/null" name="more" style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;"></a><br />
<h4 style="background-color: white; color: #99742e; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 1; margin: 0px 0px 16px; position: relative;">
<b>Let see how we can add ads middle of the post page.</b></h4>
<hr style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;" />
<b style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;"><i>Suggestion:-We always recommend to back up your template before changing any elements of your templates.</i></b><br style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;" /><br style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;" /><br />
<h3 style="background-color: white; color: #99742e; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; line-height: 1; margin: 0px 0px 16px; position: relative;">
Place Adsense Ads Automatically In Middle of All The Posts In Blogger:</h3>
<span style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;">Follow The below process to place adsense ads in Middle of all the posts automatically in blogger.</span><br />
<h4 style="background-color: white; color: #99742e; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 1; margin: 0px 0px 16px; position: relative;">
Step 1:</h4>
<span style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;">Login to Your Blogger Account</span><br style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;" /><span style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;">Go to </span><b style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;">Template >Edit HTML</b><br />
<h4 style="background-color: white; color: #99742e; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 1; margin: 0px 0px 16px; position: relative;">
Step 2:</h4>
<span style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;">Search For Below Code in your template.</span><br />
<blockquote style="background: 100% 100% no-repeat rgb(254, 230, 128); border: 1px solid rgb(221, 221, 221); font-family: Georgia, verdana, Helvetica, 'Times New Roman', Times, serif; font-size: 14px; font-stretch: normal; font-style: italic; font-weight: bold; margin: 0px 20px; padding: 20px 60px 80px 20px;">
<b><data:post.body/></b></blockquote>
<span style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;">You will get multiple codes similar to above code. You have to select the second code which is similar to above code in order to make the script work properly.</span><br />
<h4 style="background-color: white; color: #99742e; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 1; margin: 0px 0px 16px; position: relative;">
Step 3:</h4>
<span style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;">Replace The above Code With The Below Code.</span><br style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;" /><br style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;" /><br />
<blockquote class="tr_bq" style="background: 100% 100% no-repeat rgb(254, 230, 128); border: 1px solid rgb(221, 221, 221); font-family: Georgia, verdana, Helvetica, 'Times New Roman', Times, serif; font-size: 14px; font-stretch: normal; font-style: italic; font-weight: bold; margin: 0px 20px; padding: 20px 60px 80px 20px;">
<i><div id='jobmiddlenew'><br /> <br /> <data:post.body/><br /><br />          </div><br /><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><br /><style><br />#addcodemiddle{display: none;}<br /></style><br /><div id='addcodemiddle'></i><br /><i><span style="color: red;">Your Ad Code Text </span><br />    </div> <br /><br /> <script type='text/javascript'><br /><br /><br />var str1=document.getElementById(&quot;jobmiddlenew&quot;).innerHTML;<br />var str2=str1.length;<br />var str3=str2/2;<br />var substr = str1.substring(str3, str2);<br /><br />var n = substr.search(&quot;&lt;br&gt;&quot;);<br />if(n&lt;0)<br />{<br />n = substr.indexOf('.');<br />if(n&lt;0)<br />{<br />n=0;<br />}<br />var firsthalf = str1.substring(0, str3+n+1);<br />var secondhalf = str1.substring(str3+n+1, str2);<br /><br />}<br />else<br />{<br /><br />var firsthalf = str1.substring(0, str3+n+4);<br />var secondhalf = str1.substring(str3+n+4, str2);<br />}<br />var addcode=&quot;<center>&quot;+document.getElementById(&quot;addcodemiddle&quot;).innerHTML+&quot;</center><br/>&quot;;<br /><br />var newbody=firsthalf+addcode+secondhalf;<br /><br /><br />var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;);<br />strnew[0].innerHTML=newbody;<br /><br />document.getElementById(&quot;addcodemiddle&quot;).innerHTML=&quot;&quot;;<br />     <br /></script><br /><br />  </b:if></i></blockquote>
<br style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;" />
<h4 style="background-color: white; color: #99742e; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 1; margin: 0px 0px 16px; position: relative;">
Step 4</h4>
<span style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;">Convert the adsense code(</span><a href="http://www.mybloggertricks.org/2012/03/adsense-ad-code-converter.html" style="background-color: white; color: #7a6933; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px; outline: none;" target="_blank">Adsense Ad Code Converter</a><span style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;"> )AND Replace The Place </span><span style="background-color: white; color: red; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;">Your Ad Code Text </span><span style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;">With Your Adsense Ad Code in the above code and save your template.Maybe you dont know</span><a href="http://www.mybloggertricks.org/2014/05/the-horror-stories-of-adsense-policy.html" style="background-color: white; color: #7a6933; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px; outline: none;" target="_blank">The horror stories of the AdSense Policy team</a><b style="background-color: white; color: #555555; font-family: 'open sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19.6px;"><i>.Congratulation you did it. This techniques is preferred by google’s terms and services.</i></b></div>

How to Put Adsense Ads Middle of the Every Pages and Posts

It is too important to optimize your adsense ads in your site. In the earlier post, we found how to put adsense ads just below the post...

Blogger Training in Urdu & Hindi

Blogger Training in Urdu & Hindi

LEARN IT WITH FUN

Extract Post Titles Specified by Label via JSON

Blogger Sitemap.xml Now Contains 150 Links Per Page - [FIX]

Blogger Now Supports Creating Featured Thumbnails for YouTube Videos

How to Put Adsense Ads Middle of the Every Pages and Posts

Blogger Training in Urdu & Hindi

Popular Posts

Blog Archive

Extract Post Titles Specified by Label via JSON

Blogger Sitemap.xml Now Contains 150 Links Per Page - [FIX]

Blogger Now Supports Creating Featured Thumbnails for YouTube Videos

How to Put Adsense Ads Middle of the Every Pages and Posts

Blogger Training in Urdu & Hindi

Ready To Be Make Elegant Blog