How to make labels related article on page Blog
List labels related articles that I mean here is a label that is on the blog page, sometimes bloggers create a menu with a URL that points to a label, but this tutorial I make a menu that leads to a blog page that displays the list of labels to the article, this is useful it easier for visitors in navigating your site, why do I say that, because it google prefer sites that allow users to navigate a website or blog, be it from a PC / laptop or mobile device and other smartphones. I use this method to create an SEO sitemap on my blog addition it serves to users more quickly in selecting an article they read, and it certainly saves loading the blog. According to the survey of users will leave your site before reading another article useful, because they do not know there is an article on the website, they are rarely given the limitations of newer hotel clicked writing a post or last post. and many more advantage of this. you can get a door prize from google, ticket to the streets of newyork city, free shopping at any store with the results of your google adsense: D, and can co-starred por * o together artists sexy: D. The following screenshot and demo:
menu of this blog, from tips on blogs, widgets, adsense, novel, templates, and online business, all I use labels article. would you be interested?, if ya follow these steps: Step 1 you get into your blogger, create a new page, switch to HTML version Text version do not, then give it a title menu, enter the code below:
<div id="abt-sitemap">
<script src="http://googledrive.com/host/0ByyBW3pVq4nPSEsyV1lPczJzRk0" type='text/javascript'></script>
<script src="http://www.masterr-seo.blogspot.com/feeds/posts/default/-/Tips%20Blog?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>
<style type="text/css">
#abt-sitemap > a {display: none;}
.post-archive { width: 103%; padding: 20px 0; text-transform: capitalize; }
.post-archive h4 { border-bottom: 2px solid #EEEEEE; color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 0 0 10px; }
.ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;}
.ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; }
.ct-columns-3 p a { background: #fafafa; color: #333; display: block; border: 1px solid #CCC; font-size: 14px; line-height: normal; outline: 1px solid #EEEEEE; padding: 10px 15px; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; }
.ct-columns-3 p a:hover { background: #555; color: #fff; }
@media screen and (max-width: 768px){ .ct-columns-3 { -moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } }
</style>
You look at the code colored red? if yes, then change to the URL of your blog, if you do not see it ask ask map Map: D. and code blue label change to your blog, do like this:
Learn the fundamentals of local SEO, location data management the power of SEO on your web by: http://totorseo.blogspot.com/
Posted This Article By : MRS. TOTOR
0 Komentar untuk "How to make labels related article on page Blog"