Showing posts with label Blogging. Show all posts
Showing posts with label Blogging. Show all posts

Monday, 28 January 2019

Guide on how to add Meta tags in Blogspot (Blogspot Seo 2019)

blogspot seo: Add meta tags in blogspot

Do you know adding Meta tags in Blogger/ Blogspot improves your SEO by 20%, most Blogspot users don’t know about this? Meta tags play an improvement in SEO especially in Blogspot without proper SEO settings your blog will be at the end of Google and am sure you don’t want that for your blog.

The important reason why adding Meta tags is that they the information provided in that tag affects your search engine rankings.

Lets get started before it’s too late… Lol

What are Meta Tags?

According to Wikipedia, Meta tags are snippets of text that describe a page’s content; the meta tags don’t appear on the page itself, but only in the page’s code.

Meta elements are tags used in HTML and XHTML documents to provide structured metadata about a Web page. They are part of a web page’s head section. Multiple Meta elements with different attributes can be used on the same page.


Read Also: How To Add Direct Url To WhatsApp Chat In Blogger

Before moving to how to upload meta tags to blogger you need to know that keyword meta tags are don’t play important roles in search engines anymore like they do before.


How to Upload Meta Tags to blogger

Don’t forget I said adding Meta Tags in Blogspot plays an important role in blogspot SEO, adding metadata to blogspot is a little bit confusing if you have a low understanding about playing with HTML but don’t worry I will put you through.

Before we proceed its important to check if the meta tags already existed on blogger blog to avoid duplicate meta tags in Blogspot.


Read Also: How to Add Twitter Follow Button In Blogger

If it exists you don’t need to add it again so it doesn’t affect your SEO.
  • Sign in your blogger dashboard.
  • Look for Theme Section by the left-hand corner and click after that click Edit HTML.
  • A new Windows will pop-up, if you using your personal computer then click CTRL + F and search for <head> and hit the enter key.
  • Now add the following meta code.


How to add Meta Title Tag to Blogspot

Meta title tag tells the search engine what the topic on the webpage is all about.

<title><b:if cond=’data:blog.pageType == "index"’><data:blog.pageTitle/><b:else/><b:if cond=’data:blog.pageType != "error_page"’><data:blog.pageName/><b:else/>Page Not Found | <data:blog.title/></b:if></b:if></title>



How to add Meta description Tag to Blogspot

Meta description are short description of your blog post (or webpage). Search engines like Google, Yahoo and Bing use this meta description to show up in their search listings.

To make use of the meta description below add it after placing the title tag.

<b:if cond=’data:blog.pageType == "index"’></b:if>


How to add Meta Contents Tag to Blogspot

Each meta content has its own function like the meta robot txt tells google to crawl, google meta verification function as a way to verify that your blogspot is ready to be crawled by Google and so on…

Add the Meta content after the meta description tag.


<b:include data=’blog’ name=’all-head-content’/><b:if cond=’data:blog.pageType == "index"’><b:if cond=’data:blog.searchLabel’></b:if></b:if><b:if cond=’data:blog.pageType == "archive"’></b:if><b:if cond=’data:blog.isMobile’></b:if>

If you want to add all the above Meta tag at once copy it below:

<title><b:if cond=’data:blog.pageType == "index"’><data:blog.pageTitle/><b:else/><b:if cond=’data:blog.pageType != "error_page"’><data:blog.pageName/><b:else/>Page Not Found | <data:blog.title/></b:if></b:if></title><b:if cond=’data:blog.metaDescription’></b:if><b:include data=’blog’ name=’all-head-content’/><b:if cond=’data:blog.pageType == "index"’><b:if cond=’data:blog.searchLabel’></b:if></b:if><b:if cond=’data:blog.pageType == "archive"’></b:if><b:if cond=’data:blog.isMobile’></b:if>

Thanks for reading this how to add meta tags in Blogspot, if you have any question to ask in the comment box.

We are wavyearners.blogspot.com

Monday, 3 December 2018

Best niches for your blog post, profitable niches | 2018


Well starting a blog needs a specific topic or niches. It is first step for any blogger to begin in blogging and it should be chosen wisely. Because the niche that you will choose should be of your interest Otherwise later on you will regret it, you will face difficulty to write on the topic that you hadn't interest on. In now times many of the Bloggers starts to make blog on technology, or entertainment or news, but they should be aware of  this that these topics are already having so much competition in market and competing for beginners seems like next to impossible. So it is rocemmended to choose the right niches for blogging with medium competition and high CPC. These niches will not only rank but will also generate good money with good CPC. So if you are having problem in choosing the right niche, we have sorted out the some of the best niches, which have medium competition and will easily rank.

1. Food
Those who have interest in cooking or making different kinds of recipes and wants to start a blog then this can be a good choice. Because who doesn't love food and everyone loves it and many people make search on different kinds of recipes. So if you have enough knowledge and you know how to make recipes and other cooking hacks, you can pick this niche. And noteworthy point is that it has many sub categories like, keto diet recipes, muscle building recipes, fatloss recipes. So if you want to start micro niche blogging, you can also pick these sub categories to start on micro blog, which can be easily rank able.

2. Travelling
If you are traveller and discover new and interesting places then this niche is for you. You can write about the destination that you have discovered, the interesting thing about the places, you can advise other people about  do's or don't at such places through your blog. The great thing about this niche that this will help audience to know about the places without getting there and if they are planning they can reach too.

3. Art and craft
Art and craft is also great choice. If you have interest in art, you can write on it. You can help other through your knowledge by sharing on through your blog. You can suggest people about drawing hacks, DIY projects, calligraphy and other types of craft on your blog. If you wants to start micro blog in this category you can use calligraphy, DIY projects, as your micro blogging's topic.

4. Gardening
If you love to do gardening and have enough knowledge and want to share with others, you can, through you blog. Yes, you can write on this topic also. This niche has great search volume with medium competition. So if you have interest in it you can take this as your blog's niche. You can write on best variety of seeds that one should use, best fertilizer according to you, and any other plants related knowledge.

5. Fitness
Fitness can also be a great topic to start on. Here also, many sub categories can be formed for micro niche blogging like, fatloss, supplements guidances, toning specific body part like- love handles. This niche has vast scope. If any fitness freak or lover wants to generate revenue through blogging then there is no topic which can be proven best  for them excepting fitness.

•The niche that we have suggested, should be chosen according to your interest, if you will choose without having an interest, you will be able to start but it will not be able to survive for long time and later on you will regret it. And if you will do hard work which means writing regular articles on your blog with unique content with great SEO optimization you will be able to rank which will enable traffic on your blog and will help to generate great revenue.

Tuesday, 30 October 2018

Tips to get AdSense approval faster for your blog or website | 2018


Google AdSense is the best way to make money online through placing Google ads on your blog or websites. Many publishers wants to make money through AdSense but fail to do so, Because AdSense complies with strict rules and regulations. Sometimes it seems annoying after being rejected from AdSense. But AdSense can be approved by using proper techniques. Here we have listed the proper techniques which can be used for getting fully AdSense approval account for your blog/website.


1. At-least 6 months old domain
Yes, your blog should be at least 6 month old. As mentioned in Google policies that in India and China the domain should be at least 6 month old. Not only old but also active, your blog should be proper active, it should get regular updates.

2. Sufficient content with original content
There should be at least 15-20 post on your blog and 3-5 posts in each categories, and the content should  have proper length with original quality. For getting AdSense approval faster you should have to write around 1000-1200 words in single post, which will engage audience to your blog and will help to enhance user experience. The main thing that matters is content quality, always try to write different content from others. Never try to copy someone's article, this will never let you to do something creative and at the end there will be a copyright issues.

3. Proper navigation
Yes, there must be a proper navigation for your blog/website. There should be a proper categories and in each categories there must be 3-5 posts. Proper pages like contact us, about us, disclaimer, and privacy policy should be created. This pages helps to get AdSense approval faster. By this pages, your audience can contact with you, if they have any queries they can tell you, this helps to enhance the user experience.

4. Top level domain
Top level domains like .com, .in, .net helps to get approval faster. These domains can be purchased from the online sites like godaddy. But if you not want to invest in these domains then alright, many blogspot domain also gets approvals but it takes time. All you can do is you should focus on your content if the content is unique and original then blogspot can also be approved faster as top level domains.

5. Choosing right images for your blog/website
Many bloggers search and use images from Google, later in which they get disapproval from AdSense. You should know that the images available on internet have their copyright issues.
Which means they use others owned images without their permission. So to get rid from it many websites like pixabay.com provide free copyright images which can be use for your blog as per your requirements. So next time whenever try to get image for your post always that It doesn't have any copyright issues.

6. Use of proper themes, layout
The themes that you should use, should be responsive and SEO friendly. These types of themes enhance the user experience. Many websites like gooyabitemplates.com provide these types of templates at free of cost, which you can use and design your blog/website as per your wish. Proper layout should also be done ,headers, footers, sidebars should be proper customised.


7. Basic SEO should be performed
To rank the post in Google search engine, you should perform basic SEO like, submitting your blog URL in Google search console. This helps to increase ranking on Google search engine and also helps to provide organic traffic.


• After applying all these techniques, the AdSense can be approved very easily, but keep in mind, never try to copy others content, always try to write unique content because at the end content matters, so always try to focus on your content.

Got your own tips, do drop in the comment section.

Tuesday, 2 October 2018

Top 4 best premium looking template for blogspot, SEO friendly, responsive...| 2018

The blog look is the most important thing for blogger to attract readers. There are many templates available on blogspot but they are very limited to use. So to provide professional look to blog many developers have designed templates for free. These templates helps provide fresh and elegent look to the blog.


So here is the top picks of templates from us with price tag of free. These templates will provide professional look to your blog. These templates are easy to use, SEO friendly, and are also responsive. So have a look at them-

1. Publister


Publister blogger template is a perfectly built magazine blogger template that Is fully responsive in design and fits every screen size. This template is specially built for tech, blog magazine, newspaper, viral blogs, niche blogging. This blog is a professionally made blogspot theme with high quality widgets. The template comes with SEO friendly, Ads ready, widgets ready etc. This theme is loaded with colour combination of white, black, and green with patterned background. Mega menu, social bookmark, page navigation menu, WhatsApp sharing , elegent, slideshow and much more.
 
          Live preview                      Download


2. NewsOn


NewsOn blogger template is a professionally designed template. It's fully responsive and comes with tons of features. This theme is based on blogger's latest generation structure which makes it high SEO optimized and fast loading. This blog is specially designed for tech, viral blogs, blog magazine, newspaper etc. The template comes with classic combination of black, white,and blue and Supports blogger's template customized for infinite colour options.
SEO ready,browser compatibility, responsive, social bookmark ready, WhatsApp sharing, mega menu, slideshow, email subscription and much more.

            Live preview                Download

3. Easy Mag


Easy Mag blogger template is a professional magazine blogspot theme. This template is mainly focused for news blogs but it can also be used for tech, movie, review, sports, niche etc. This is heavily optimized template and no other template can beat it in terms of responsiveness, SEO ready and fast loading. Made with latest trends and technologies, it is a heavily optimized theme with great SEO score. Comes in red, black,and white colour combination which can be customised through blogger template customizer. Simple, fast loading, SEO ready, drop down menu, page navigation menu, browser compatibility, Ads ready post thumbnails  etc.

           Live preview                  Download

4. Sora Front


Sora Front blogger template is a perfect and ultimate blogspot theme. It has everything related to blogging, it is simple, clean, features riched and fast loading, also theme is highly SEO optimized to perform outstandingly superb on various search engines. It is equipped with tons of features and widgets and it is also fully responsive. Comes with white and blue with light grey background. Simple, fast loading, adapted from WordPress, retina ready, SEO ready, mega menu, browser compatibility, slideshow and much more to explore.

           Live preview          Download


For more updates please do like subscribe and share.

Friday, 27 July 2018

HOW TO ADD DIRECT URL TO WHATSAPP IN BLOGGER

We are wavyearners.blogspot.com





HELLO FRIENDS, WELCOME TO ANOTHER EDITION OF WAVYEARNERS YOUR NO.1 WAY TO SUCCESS. TODAY WE ARE GOING TO DISCUSS A NEW TOPIC ON A NEW TOPIC WHICH IS HOW TO CREATE URL LINK TO PERSONAL WHATSAPP DM FROM ANY WEBPAGE OR SOCIAL MEDIA. 


CONTINUE READING BELLOW;

I already believe you all know what hyper link is and also how important and helpful it is, cause of how often it is use to navigate through the internet, web and or any other application that supports it. Now come to think of whats trending now, you can not only use hyper link to navigate through web pages but can also use it in other standard ways for creating e.g a call to action(buy/sell, phone call, text message)etc.

Whether you are building a web page for your business, service or product, managing a social media page or buzzes, always know that your potential member are looking forth more than that contact form or what ever you drop there be it email or something else for they may still need an end-to-end contact or conversation/communication.

Now lets go back on our main tract as always, HOW TO CREATE URL LINK TO PERSONAL WHATSAPP DM.

HOW TO ADD DIECT URL TO WHATSAPP IN BLOGGER

Website like wavyearner.blogspot.com is also an example of site using a whatsApp hyper link call to action……. in case you haven’t try it out here we go. CLICK HERE to chat with me on whatsApp.

HOW CAN I GET MY WHATSAPP LINK?

You don’t need to stress your self any further for we just gat all you need. Follow guide below,
ü COPY THIS LINK HTTPS://API.WHATSAPP.COM/SEND?PHONE=2348135317109 You can replace the phone number with your desired phone number
ü Paste the link where ever you want the call to action hyperlink to appear in any Web page or social media e.g Facebook, twitter etc.
ü Done. Now try your link

NOTE: DON’T ADD + WHEN UPLOADING YOU PHONE NUMBER JUST
E.G +2348135317109 FAIL
         2348135317109 GOOD

NOTE: I USE NIGERIAN COUNTRY CODE, YOU CAN CHANGE THE (234) TO YOUR COUNTRY CODE FOR NONE NIGERIANS

IT’S EASY RIGHT? JUST LIVE US A COMMENT IF YOU MISS ANY OF OUR STEP AND WAVYEARNERS WILL SURELY GET TO YOU.



HOW TO GET MY WHATSAPP URL LINK? Solved
solved solved
solved

additional tags: whatsapp url in blogger,  whatsapp url in blogger,  whatsapp url in blogger,  whatsapp url in blogger,  whatsapp url in blogger,  whatsapp url in blogger,  whatsapp url in blogger,  whatsapp url in blogger,  whatsapp url in blogger,  whatsapp url in blogger,  whatsapp url in blogger,  whatsapp url in blogger,  whatsapp url in blogger,  whatsapp url in blogger,  whatsapp url in blogger,  whatsapp url in blogger, 

ADD TWITTER FOLLOW BUTTON ON BLOGGER

We are wavyearners.blogspot.com








Hello friends, welcome to our online forum once again, today we are going to learn how to add twitter follow button on blogger blog with ease. You will notice how easy it is when we reveal the HTML CODE for that on wavyearners.blogspot.com.

Before we go further with our tutorial, you may want to learn this HOW TO START UP A BLOG. For does that are yet to own a blog. You may also like:-

Read: how to create a blog site on blogger free.
Read: how to create a blog site with wordpress free.

I believe that by continuing to read this article means you already have a website/blog if not, use the above link to learn how to create yours for free with step by step guide from wavyearners.blogspot.com.

Now here we go on step-by-step guide on how to create twitter follow button on blogger blog

1. Go to PUBLISH TWITTER and click on twitter button link then select the button (pls click on that link).
2. Now you type in your username then copy the given code
3. Now you head straight to your BLOGGER DASHBOARD then click on layout.
4. Now we click on add gadget then a sudden pop-up will appear then we find HTM/javascript from the pop-up just beneath ADSense and then we click the + buttonn which means add in plain language.
5. Now we paste the code we copied from publish twitter site on the dialog box labeled as Content.
6. Now we click save.
7. Now we open our blogger blog to see our newly added widget. Hope this article helpful to someone out there, pls live us a comment from our comment section just below this post in case you may need our help (we will surely get back to you in less than 10hrs).

Now thats all on how to add twitter follow button on blogger. You can read other related articles below:
Also read: add facebook follow button on blogger

ADD TWITTER FOLLOW BUTTON ON BLOGGER 

WAVYEARNERS TAGS: how to add twitte widget in blogger blog, how to add twitte widget in blogger blog, how to add twitte widget in blogger blog, how to add twitte widget in blogger blog, how to add twitte widget in blogger blog, how to add twitte widget in blogger blog, how to add twitte widget in blogger blog, how to add twitte widget in blogger blog, how to add twitte widget in blogger blog, how to add twitte widget in blogger blog, how to add twitte widget in blogger blog, how to add twitte widget in blogger blog, twitter blogger, twitter blogger, twitter blogger, twitter blogger, twitter blogger, twitter blogger, twitter blogger, 

Wednesday, 25 July 2018

HOW TO UPLOAD DOWNLOADABLE CONTENT IN BLOGGER

We are wavyearners.blogspot.com






Blogger is one of the best blogging platform known nation wide cause of how easy and responsive it is compared to other blogging platform (name withheld). A lot of new bee bloggers are asking some questions that will make the PRO bloggers be like; whats roungh with this dude, but I noticed it’s not there fault that’s why I decided to write this article for full review about how to upload Downloadable content to blogger be is file, picture, mp3 file/folder or anything at all. CONTINUE READING


also read: best SEO tools every successful blogger must have
also read: download wavyBlogger app for android every successful newbei blogger needs this app for easy access

Uploading downloadable file in blogger is just as simple as pie, quiet more easier than it may seam to be that’s if you follow the right tract. Wavyearners are just about to break down all the fart or let me say barriers that are stopping you from owning your own music/fashion/life style blog site. CONTINUE READING

STEP BY STEP GUIDE
ü Go to www.datafilehost.com or click here to go now.

ü Upload the file you wish to make downloadable on your blog be it mp3, video, pdf e.t.c.

ü Now click upload.

ü They will give you a download link and also a delete link now copy the download link from the site datafilehost.

Go to your blogger dashboard and click NEW POST.

A new pop-up will display as usual for you to create your new blog content, now write your content as usual but when you reach the place you want your download link to be active; DO THIS


ü Highlight the text you want if your visitor click, download will start automatically.

ü Look at the top of your writing pad you will see link, now click on it.

ü Now paste the download link you copied from datafilehost.com at the second dialog box on your screen pop-up after clicking link

ü Now click save.

ü Now you can publish your post.


WHAT’S NEXT?
Wavyearners will now congratulate you for a job weldone, you have just done the little magic. Now every visitor that click on your link will now download your file, be it MUSIC, VIDEO, FILE ETC.

There are many other data-hosting platform/sites you can use to store you downlodable content if you are not satisfied with datafilehost (the hosting platform/site I use here for my tutorial), Note:>I chose to use it because its the simplest and common of them all cause of its easy features that everyone can adapt to, thanks.

Thanks for reading, don’t forget to share post to love once.


we are wavyearners.blogspot.com



Additional tags: how to upload downloadable files in blogger, how to upload downloadable files in blogger, how to upload downloadable files in blogger, how to upload downloadable files in blogger, how to upload downloadable files in blogger, how to upload downloadable files in blogger, how to upload downloadable files in blogger, download in blogger,  download in blogger,  download in blogger,  download in blogger,  download in blogger,  download in blogger,  download in blogger, download fiel,download fiel,download fiel,download fiel,download fiel,




HOW TO UPLOAD DOWNLOADABLE CONTENT IN BLOGGER

TOP FREE SEO TOOLS FOR BLOGGER.COM USERS

We are wavyearners.blogspot.com






Good day, today we are going to discuss about the top 10 SEO TOOLS EVERY BLOGGER.COM USER MUST HAVE in order to boost their blogger user knowledge and also help them in ranking high in some certain keywords.
What we are about to read here is a review about some certain free tools you can use to help maximize your blogger experience. Note: all tools listed here are free to use and are also working correctly. CONTINUE READING FREE SEO TOOLS REVIEW.

DUPLICATE CONTENT CHECKER:  This tool help in optimizing your blog content to check and see if it consists of duplicate content (content copied from other blog sites) or it’s an original content/article. To access this tool go to www.copyscape.com.

SPELLINGS AND GRAMMER CHECKER: This tool helps to check your blog spellings and grammar. It helps you the site owner to know you level of work if it needs some upgrade. To access this tool go to www.reverso.net.

SEO ANALYZER: SEO analyzer is an SEO tool just as it name reveal. It helps to analyze blog social media ranking, site usability, site speed and meta tags. To access this tool go to www.seocentro.com/

SITE MAP GENERATOR: XML generator is a free Sitemap tool that helps to generate a default sitemap for your blog and help Google to automatically crawl your site anytime which helps in ranking your site. I would have put it at the top but I left it here for I know it will be the right place to fix it here. To access this tool go to www.xml-sitemaps.com/ 

MOBILE FRIENDLY TEST: this tool help to check if you blog is mobile friendly. To access this tool go to www.search.Google.com/

BACKLINKS GENERATOR: just as the name sounds, this tool help to build free backlinksyou’re your site. To access this tool go to www.hawkwebtools.com/
ADD THIS: this tool help provide share buttons, follow button, targeting tool and content recommendation which helps you with more likes, share and followers. To access this tool go to www.addthis.com/

ALEXA CHECKER TOOL: this free tool is known and tested by many, it is just a checker tool to know your blog ranking but it’s very important/vital cause of it significance. Alexa rank depend on your popularity in the online world, its an indicator of the number of visitors on your website, the lower the ranking- the better the website. To access this tool go to www.webmastertoys.com/


All this are collection of tools I personally gather together so I can share with my audience. Use them properly and I assure you of getting the most out of your site, either hosted on blogger or wordpress. But note>>> this post is mainly for blogspot users for wordpress users have other alternatives.
I hope this free tools I share with you helps in ranking/building your site and also for the betterment of your site. Feel free to live us a comment below, we will appreciate, thanks.


Additional tags: set up SEO for blogger blog, set up SEO for blogger blog,set up SEO for blogger blog,set up SEO for blogger blog, setup SEO for my blog site, setup SEO for my blog site,setup SEO for my blog site, how to rank my blogger site on Google, how to rank my blogger site on Google,how to rank my blogger site on Google,how to rank my blogger site on Google, tools  for blogger blog. tools  for blogger blog. tools  for blogger blog. tools  for blogger blog. SEO for blogger,SEO for blogger SEO for blogger SEO for blogger SEO for blogger SEO for blogger SEO for blogger SEO for blogger SEO for blogger, SEO tools for blogger, SEO tools for blogger, SEO tools for blogger, SEO tools for blogger, SEO tools for blogger, SEO tools for blogger, SEO tools for blogger, SEO tools for blogger, SEO tools for blogger, SEO tools for blogger, SEO tools for blogger, SEO tools for blogger, SEO tools for blogger, SEO tools for blogger, .
>>>>>>>>>>>>>>>>>>>>>Topic<<<<<<<<<<<<<<<<<<<<
TOP FREE SEO TOOLS FOR BLOGGER.COM USERS

[DOWNLOAD] wavy blogger APK

We are wavyearners.blogspot.com







 
Hey friends, today we are revealing to wavyblogger apk for Android phones.... With the app on your phone, you can browse, view, blog on your mobile at ease.

[DOWNLOAD] wavy blogger APK

This app is also known as BLOGGER APP. works only on android device (all bloggers need to have this tool installed on their devices). BLOGGER APP FOR ANDROID powered by wavyearners.






The description of Blogger

Download the latest release of the official Blogger app, and start blogging on the go. With Blogger for Android you can:

* Compose a post that you can save to draft or immediately publish
* Edit existing posts
* View list of your saved and published posts
* Switch account/blog if you have more than one
* Embed an image from the gallery, or, by taking a picture directly from the app


DOWNLOAD HERE



Additionnal tags: download blogger app, download blogger app, download blogger app, download blogger app, download blogger app, download blogger app, download blogger app, download blogger app, download blogger app, download blogger app, download blogger app, download blogger app, download blogger app, download blogger app, download blogger app, download blogger app,download blogger app, download blogger app, download blogger app, download blogger app, download blogger app, download blogger app, download blogger app, download blogger app, download blogger app, download blogger app, download blogger app, android blogger, android blogger, android blogger, android blogger, android blogger, android blogger, android blogger,

Sunday, 22 July 2018

HOW TO ADD STYLISH SITEMAP FOR BLOGGER











Hello friends, welcome to the wavyearners Blogger tutorial today I will show you how to add insert Stylish Sitemap for Blogger blog with pictures. Stylish Sitemap is our site structure when we create Stylish Sitemap and we add Stylish Sitemap in our blog then visitor can easily find their post.


HOW TO ADD STYLISH SITEMAP FOR BLOGGER

These are Following Steps:-



Step 1: Go to Blogger Pages and click " New page " button.


Step 2: First we write page title " Sitemap " then click HTML button and Paste the Code in content area >> rename blog name then click Publish button.



Step 3: We click the view button and see this SITEMAP post.


BELOW ARE SITMAP STYLES SHARED FOR FREE ON WAVYEARNERS.BLOGSPOT.COM




1. Stylish Sitemap Code:-
Add Stylish Sitemap 01
<script type="text/javascript">
var numposts = 100;
var standardstyling = true;
function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;a
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;    }   }
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);  }
if (standardstyling) document.write('</li>'); }
</script>
<br />
<ul>
<script src="https://yourblog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>


HOW TO ADD STYLISH SITEMAP FOR BLOGGER



2. Stylish Sitemap Code:-


Add Stylish Sitemap 02
<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="https://techtspot.blogspot.com/2017/10/how-to-add-stylish-sitemap-for-blogger.html" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit5b9DVugDIpBexNhk43nR9zgf7tgjS_uHNnsTd1JC36tBA7tfyuuBYS0PpJSVaWPtq5GlTlcFbY4HuwW3E4NCJlJy6MoU7xxcGGNVykCpzdetA1egttiMPZb2Eq1yOm9dILNFjWcW8nSs/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="https://yourblogname.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script> 


AFTER PASTING, YOU THEN PUBLISH YOUR POST.

STEP 4>>>> Now you publish your post and go straight to view blog from your blogger dashboard and click pages to see your new effect.

also read>>> how to setup SEO for blogger
also read>>> how to add stylish comment blox on blogger

all this was solved by your host, Emmanuel Husseni


HOW TO ADD STYLISH SITEMAP FOR BLOGGER