Tuesday, July 26, 2016

How to create an attractive HTML Sitemap Page in blogger site?

Simply post your Sitemap is a summary of all your web site. Through Search Engine Sitemaps can easily understand that, your blog / website have some of the post. As a result, the search engine that brings your site in the search results by content Index funds. The various search engines to find your blog / website add your method. But I'll make it out of HTML Sitemap Page for your reader. How many are in your blog post in which readers will find out. In addition, the advantage being that the HTML Sitemap Page has a different way of looking Label-. Visitors will be able to easily visit the links of their choice.

Moreover, the new posts will automatically indicate that no new post shot. This blog post will likely have been too many times. Still new to share, because I pasaapasi it to add new features have all Browsers Compatibility. This would make it more attractive. Moreover Bengali font for the blog had some problems, I Solve it. We hope you'll enjoy it.
  • From here you can go to see the Demo

The way to add blog

    1. Login into your blogger blog

    2. Go to Dashboard >Page
    3. Now create a new page
    4. Then click on the page in HTML > Copy and paste HTML codes in the following download link

    <style type="text/css">
    #sitemap {
    margin:5px auto;
    margin-left: 4px;
    border:1px solid #23A839;
    border-top:0px solid #2D96DF;
    .label {
    margin: -16px -1px 0px;
    padding:1px 0 2px 11px;
    background: -webkit-linear-gradient(right,#6DFC85 0%,#23A839 40%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right,#6DFC85 0%,#23A839 40%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,#6DFC85 0%,#23A839 40%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(right,#6DFC85 0%,#23A839 40%); /* Standard syntax */
    border:1px solid #23A839;
    .label a {color:#fff;}
    .label:first-letter {text-transform:uppercase;}
    .new {
    .postname {
    background: -webkit-linear-gradient(right,#6DFC85 0%,#FFF 40%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right,#6DFC85 0%,#FFF 40%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,#6DFC85 0%,#FFF 40%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(right,#6DFC85 0%,#FFF 40%); /* Standard syntax */
    .postname li {
    border-bottom: #DDD 1px dotted;
    a:link {text-decoration:none;}
    a:visited {text-decoration:none;}
    a:hover {text-decoration:underline;}

    <div id="sitemap">
    <script type="text/javascript" src="https://googledrive.com/host/0B8AJv8OWz0G8NXI5a1lyb1lwTWs"></script>
    <script src="http://www.tutorial.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadsitemap"></script>


    • Enter the address of your blog is the replace to www.tutorialgift.com 
    • Finally, click the Publish button to finish the task.
    Previous Post
    Next Post

    Show Comments: OR

    0 comments: Post Yours! Read Comment Policy ▼
    Attention Please
    No comments that are not related to the post can be made. Do not share your blog link without any reason. Always try to give positive comments. We evaluate all opinions equally and try to answer them in due course.

    Post a Comment

    Copyright © Poisa Click Registered Surf. Modified: PC Team, Server Hosted: GSE