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 {
    width:100%;
    margin:5px auto;
    margin-left: 4px;
    border:1px solid #23A839;
    border-top:0px solid #2D96DF;
    }
    .label {
    color:#FF5F00;
    font-weight:bold;
    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;
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    display:block;
    }
    .label a {color:#fff;}
    .label:first-letter {text-transform:uppercase;}
    .new {
    color:#FF5F00;
    font-weight:bold;
    font-style:italic;
    }
    .postname {
    font-weight:normal;
    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;
    margin-right:5px
    }
    a:link {text-decoration:none;}
    a:visited {text-decoration:none;}
    a:hover {text-decoration:underline;}
    </style>

    <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>
    </div>

    Note:

    • 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

    0 comments: Post Yours! Read Comment Policy ▼
    লক্ষ্য করুনঃ
    পোষ্টের সাথে সম্পৃক্ত নয় এমন কোন কমেন্ট করা যাবে না। কোন কারণ ব্যতীত আপনার ব্লগের লিংক শেয়ার করতে যাবেন না। সবসময় গঠনমূলক মন্তব্য প্রদানের চেষ্টা করবেন। আমরা সবার মতামত সমানভাবে মূল্যায়ন করি এবং যথাসময়ে প্রতি উত্তর দেয়ার চেষ্টা করি।

    Post a Comment

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