Friday, 27 January 2017

HTML Sitemap for Blogspot Blog

 

One of the limitations of a blog is that it doesn't have an index or sitemap of the site that could make it easier for readers to find content that they are searching for. While the blog archive and labels have all the information about the published post, these do not appear on a single page completely, so searching for more posts is not always easy.

blogspot HTML Sitemap

Luckily, this gadget will help you to add a table of contents or sitemap on Blogger showing the index of all posts separated by categories that have been published. It will also show the latest posts with a text saying New!

Blogspot HTML Sitemap

Step 1. Login to your Blogger Dashboard and select your blog

Step 2. Go to Pages > click the New Page button and select Blank page

Step 3. Click on the HTML tab and paste the following code inside the empty box:

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link"><a href="http://www.newbloggertricks.com" style="font-size: 10px; text-decoration:none; color: #5146CD;">Get This Widget</a></div>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels"><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="http://1.bp.blogspot.com/-_VZwBpHw_SI/UrXvLbFxacI/AAAAAAAAFiQ/ZGqWZUZesCI/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
//]]>
</script>
<script src="http://www.newbloggertricks.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap"></script>

After adding the above code, replace www.newbloggertricks.com with the address of your blog. Which You will find at the end of the code.

Customization:

- to change the color and font size of categories title, replace the values in red

- to change the color of the links, replace the value in green

Step 4. Click Options on the right side and select Don't allow (hide existing) for the reader's comments

Step 5. Finally, click the Publish button and View the page.

The index of the posts is sorted alphabetically and is updated automatically each time a new post is published.

Read More
Tuesday, 17 January 2017

Enable Free Cloudflare Flexible SSL ( https ) on Blogspot and WordPress

Cloudflare is a CDN ( Content Delivery Network ) . Which means by using Cloudflare we can improve loading Speed of our site. Cloudflare make our site load faster. We assumed that you have already Enabled Cloudflare on your site. Here we will see how we can Setup Cloudflare Flexible SSL Certificates on Blogspot and WordPress.

Previously we have discussed how to setup Cloudflare on Blogspot Blog . If you have not yet setup Cloudflare on your Site then we recommend you to Start using Cloudflare immediately. You can check out our post on Cloudflare . Where we have provided from begging to ending guide to setup Cloudflare on Blogspot.

Why you should start using Cloudflare now , if you have not yet ? As I have already mentioned that Cloudflare is a CDN ( Content Delivery Network ) . It saves all your content on its data base by using Cache Memory. When a user request for some data Cloudflare provide those data from the nearest Server. Which makes our site load faster. Other thing is Security of the site. Cloudflare Protect our blog/Website from Malware and DDos Attack .

Another Great features which I like the most is Hotlink Protection. Hotlink Protection help to protect our images . So that other blogger cannot copy the image link from our site. In other words Hotline disable embedding of our images in other domains.

Must See : Guide to Setup Cloudflare without any Mistake

I guess those above mentioned reasons are enough to start using Cloudflare. Anyway our main point here is to Enable Cloudflare Flexible SSL on Both Blogspot and WordPress . So lets get started .

How To Enable Cloudflare Flexible SSL on WordPress

  1. Visit Cloudflare Website and Login to Your Account.
  2. You will see on option Crypto Click on it .
  3. In the SSL Option Select Flexible . With for sometime ( around 24 hours ) Untill it shows ACTIVE CERTIFICATE in Green colour.
  4. Cloudflare Flexible SSL
  5. Go to Your WordPress Blog and Install Cloudflare Flexible SSL Plugin. Activate the Plugin.
  6. Cloudflare Flexible SSL Plugin
  7. Your site is ready to load with https instead of HTTP .
  8. Give it a Try . I mean try visiting Your site under https . Example https://yoursite.com .
  9. If you see your site is working properly under https then you are good to proceed to next step.
  10. Again visit Cloudflare . Then go to Page Rule .
  11. Create new page rule and Select Always use HTTPS. Don't forget to place wildcard Infront of your domain name as shown in image.
  12. Cloudflare Page Rule
  13. Go to your WordPress settings . Under General Change your Site Address (URL ) to https . Don't change WordPress URL or else it will break your site . Just change the site URL and Save.
WordPress https URL

You are Done . Your site will always load with https and not http. There are some more important setting you need to setup . Lets see.

Fix https Sitemap : When you visit your xml Sitemap page you will see that your sitemap are still on http . So you can fix it by resetting your sitemap.If you have created Sitemap Using Yoast Plugin .Here is the solution. Go to Yoast XML sitemap setting Disable sitemap and again enable XML sitemap option. This will make your sitemap into https.

Also See : How To Submit Blog to Google Search Console

https Mix Content : Mix Content is Major Error Which Which is face almost by everyone while Moving from Http to HTTPS . You can fix it by install SSL insecure Content Fixer Plugin . Activate the Plugin and go to SSL insecure Content Fixer setting . Make the settings as shown in the image below.

Cloudflare Flexible SSL https mix content fix

Google Search Console : Visit Google search console ( old name Google Webmaster) and site your site with https . Remember don't remove your old site which you have submitted with http untill your site is crawled by Google bot under https. once your see your https version is appearing on search results then you can remove the http version from Google Console Account.

How To Enable Free Cloudflare Flexible SSL on Blogspot

The Procedure is same like We did in WordPress. but in Blogspot you don't need to do anything on your Google hosting ( On your site setting ) . Everything is done on your Cloudflare Account.

To Enable Free Cloudflare Flexible SSL on Blogspot . Go to Your Cloudflare Account . Under Crypto Select flexible SSL and wait for it to get Activate. When it is active. it will show green color. After that go to Page Rule and Create new Page Rule Just like we deed above. Now your Blogspot site will always load under https and not http. If you are confused creating page rule or turning on flexible SSL . See above WordPress Guide. Steps are Same.

There is one problem using Cloudflare Flexible SSL on Blogspot . Google Blogspot doesn't support https. so we cannot change sitemap into https. But this not a big problem and it will not effect your site . There are some blog which says that that we change move our sitemap from http to https by tweaking our template coding. But I don't suggest that method as it may break your site . Also in future it may create problem. So setup Cloudflare Flexible SSL on Blogspot as I said above and Don't tweak Your template code or anything else . Simple follow the steps that is provided above. And Ya don't forget to submit your site to Google Search Console just like we suggested for WordPress site.

Also See : 3 Important Google Ranking Factor to Rank your site on First Page

Well Enjoy Free Cloudflare Flexible SSL on WordPress/Blogspot. You will see your site rank on search results improving slowly . SSL ( https ) one of the ranking Factor of Google Ranking Algorithm. If you face any problem we can discuss and solved it on Comment .

Read More
Sunday, 8 January 2017

Top 3 Google Ranking Factor For 2017

The main goal of every blogger is to Rank higher on Search Results . So that they will get organic traffic. But it is not easy to be on Search Engine Top stories. It need hard work with smart work . For every blogger is it necessary to learn basic SEO and to be up to date . There are many different search engine like Google Search Engine ,Bing Search Engine, Yandex Search Engine etc. The above mentioned three Search Engine are the top search engine . It is must to learn basic about this three Search Engine. And their Ranking Factor. Here our main focus is " How to Rank Your Blog on Google Search Results in 2017 . We will discuss the Top 3 Google Ranking Factor for 2017 . So if you follow our mentioned points for sure you will be on the First Page of Google Search Results. Let's Get Started.



3 Google Ranking Factor for 2017



1. Page Load Time

Site Load time is an old Google Ranking Factor but This year Google specially Focusing on Website Loading Time to Rank a Site higher on Search Results. Google Recently Announced that User friendly Site will be Ranking higher on Google Search. And When Google said User friendly Site , They specially mean Page Load time . We won't be discussing too deep on this point as we assumed that you can manage your Page Load Time well. One important thing to improve your site load time is start using Cloudflare .

See here : How To Setup Cloudflare on your Blog

2. Website Security (https)

We call this Factor as security as it is to secure your site and User data . Different Webmaster may name it differently . Google Keeps on Updating it's Ranking Algorithm . Yes Algorithm is the one which decide your site ranking. In 2017 Google Algorithm will rank site base on The Securness of the site . Securness means Encrypting Your Site with SSL certificates. In other words Moving Your site from HTTP to HTTPS . SSL Encryption Encrypts Request data from Server or Send data to Server by a Visitor. You may now say that it is not possible for a new blogger to Purchase an SSL certificates as it is too Costly . Yes I agree with this SSL certificates are too Costly but there are always alternative. If you have knowledge about Networking and know little bit of coding then you can generate Self sign SSL certificates . But we don't Recommend this to our Visitors as there is an easy way to make your site https. You can Go for Cloudflare CDN .

Cloudflare is not only a Content Delivery Network but it also have some other useful feature.You can Get Free SSL certificates for your site from Cloudflare . Which is totally free know as Cloudflare Flexible SSL . We have been using Cloudflare Flexible SSL on one of our Tips and Tricks Blog . You can See the demon .

Also See : How To Submit Your Blog To Google

3. Up To Date Content

It is not a new thing that content is the king . The most important factor Of Google Ranking is Content . Guess you have read it many times in other sites too . It is because If you have both Quality and Quantity of Content for sure you will be on top of search . So it is always advice to visitors to write their own unique Content and Not to Copy paste. In 2017 it is necessary that your content is Updated Regular with fresh content . The more you updated your post with fresh new content the more higher you rank on Search Results.

Must See : Guide To Add Your Blog To Bing Search Results

There are many other Google Ranking Factor on Which your site depends for ranking on search like Domain Authority, Page Authority , Backlink , Layout of Your Site etc . But those 3 Mentioned point are the main factor to rank higher on Search Results in 2017 . And we are not saying It base on our experience . We have closely Observed our site On First month on 2017 that is January . From there we got this Top 3 Google Ranking Factor to be the most important factor for ranking your site in 2017 .

Read More
Saturday, 7 January 2017

How To Submit Your Blog (sitemap) To Google Search Console (Webmaster)


Google Webmaster :

So you have a blog or Website Setup Recently . Now it's Time to Spread your Content around the world and Start getting Organic Traffic . Google Webmaster / Google Search Console is a Webmaster place Where you can Submit your Site sitemap . After Submitting your Sitemap to Google webmaster, Googlebot or Crawler Will Crawl and Index your Site Content in Google database . When Someone Search for a particular Things on Google Search Engine , if it is present in Site Google then will show you page and that how people will come to know your site and Slowly you will start getting hug Traffic to your site. Like Google Webmaster there are many other Search Engine like Bing Search Engine , Yandex Search Engine etc. which we will Discuss in our next post . So Today let's submit your blog to Google .

Steps To Submit Your Site To Google :

  • First Goto Google Search Console Page
  • Now Here Click on Add Property and Then a pop-up Box will appear , there type your Site Full URL including both www and http. See the image below.
  • Click on Add
  • Now You have to Verify Your Site , This verification is to Verify that You are the Owner of this particular site.
  • Now Verify Using any of the Options Available , I would Recommend you to Use either Domain Name Provider or HTML Tag , In HTML Tag Verification You just have to Copy the Verification Code and Paste it on Your Site Template just Below head tag but before body tag .
  • Now Simply Click On Verify
  • Ok So now site url submitted , Then next is to Submit the Sitemap of the Site , To Submit Sitemap Click on Sitemap Option -> Test/add Sitemap . Enter your Sitemap as shown in below image and Click on Submit

So it's Done Finally , Now Very Soon Googlebot will visit your site and it will Crawl And Index your site content after which your site will start showing on Google Search Result . Usually for New site Googlebot Crawl with 2Days but sometimes it takes week also . So without doing anything just wait for the Crawler to Index your site Post . If you find this Article Useful Please share on Social Site using below options. Also if Any queries do comment.
Read More

Way To Implement Website Structure Data On Blogger Using Json Code


Structure Data Website Using Json For Blogger :

Structure data is use to Arrange your blog data in a Search Engine Friendly Ways Which help your Blog Content to Get index properly and help to Appear on top of search engine . here we have defined Structure data in a simple way so that new Blogger like you will understand what Structure data is and how it is help full for your blog. Previously we have discussed a on how you can Use Social Content Locker on your Blogger blog , Which is very important if you want to increase you Facebook like or Twitter follower or Google plus follower. Today you will learn how to implement Structure data on your Blog in most simplest way and rank on top of Search engine.

In WordPress also in Some Blogger Template This Structure data is already installed . but for those who have not installed or implement Structure data then you are in right place. You can check your blog Structure data by using Google Structure Data Testing Tool . To all the new Blogger we Recommend you to install this Structure data in your blog template Many as it is very important for Search Engines. Here you will learn how you can install Structure data in most easy way in other words it is known as one click implementation. OK so see below the Steps and Setup Structure data for your Google Blogger (Blogspot) Blog .

Steps To Implement Structure Data On Blogger :

  • First Goto Your Blogger.com -> Template -> Edite HTML
  • Then Copy This Json Code Given Below
  • <script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>

  • Now Search For The Below Code
  • <meta expr:content='data:blog.metaDescription' name='description'/>

  • Then Just Below this Code Paste the Json Code which you have already copied Before.
  • Finally Save your Template and Check your Structure Data by Google Structure Data Testing Tool
So we hope Now you have successfully installed Structure Data On your blog . Now you will notice that your blog Content will be index and Appear on Search engines and You will get more Organic Traffic to your blog . As always please share this post using below share option if it's useful to you .
Read More