Skip to main content

cara membuat sitemap di blog & website (seo+keren)

cara membuat sitemap di blog & website (seo+keren)
Daftar Isi [sembunyikan]
    cara membuat sitemap di blog & website (seo+keren,responsive),cara membuat sitemap otomatis (how to make sitemap in blogger )  - Salah satu hal yang penting dalam sebuah blogger atau website adalah sitemap , selain untuk menampilkan seluruh arsip atau seluruh postingan blogger atau website anda , sitemap juga bisa anda submit ke google web master yang nantinya memudahkan setiap artikel anda untuk mudah di cari di halaman pencarian google .

    tentunya banya sekali jenis sitemap yang ada , mulai dari segi design atau sitemap keren dan ada juga dari segi SEO sendiri sitemap seo . dan kali ini saya akan memberikan tutorial bagaimana cara membuat sitemap di blogger atau website ,seo ,keren ,dan otomatis , responsive.

    Cara membuat sitemap website/blogger seo ,keren,responsive .

    1. Login ke akun blogger anda .
    2. Klik menu Halaman/Pages (untuk membuat halaman statis baru)
    3. klik HALAMAN BARU .
    4. anda bisa copy dan paste kode dibawah ini dalam mode edit HTML (tab compose | HTML ) .
    5. jangan lupa ubah http://internet-receh.blogspot.com/ dengan alamat website / blog anda .
    6. dan simpan .




    Code Sitemap Simple Responsive , keren & Seo


    Style #1 (By kompiajaib)

    Demo
    CODE : 
     <br />
    <style>
     #show-cat{float:left;margin:20px 5% 20px 0;width:25%;height:389px;overflow-x:hidden;overflow-y:auto;line-height:18px;border:1px solid #ccc}
    #show-cat ul{margin:0;border-top:0px solid #ccc;padding:0}
    #show-cat ul li{list-style-type:none;margin:0;border-right:1px solid #ccc;border-bottom:0px solid #ccc;border-left:0px solid #ccc;padding:0}
    #show-cat ul li a{display:block;padding:10px;border-bottom:1px solid #ccc;}
    #show-cat ul li:last-child a{border-bottom:none;}
    #show-cat ul li a,#navi-cat a{background:#fff;color:#4d90f0;text-decoration:none}
    #show-cat ul li a,#navi-cat a,#navi-cat span{font-size:14px}
    #show-cat ul li a:hover,#navi-cat a:hover{background:#ccc;color:#fff}
    #show-post{float:left;width:69%;line-height:1.6em}
    #show-post ul li{list-style-type:none;margin-left:-40px}
    #navi-cat{padding:20px 0}
    #navi-cat a{margin-right:10px;border:1px solid #ccc}
    #navi-cat a,#navi-cat span{padding:5px 10px}
    #navi-cat span{float:right}

    @media screen and (max-width:768px){
        #show-cat{width:35%;}
        #show-post{width:59%;}
    }
    @media screen and (max-width:480px){
        #show-cat{width:100%;margin:20px 0}
        #show-post{width:100%;}
    }

    </style>

    <div id='show-cat'></div>
    <div id='show-post'>
    <script type='text/javaScript'>
    var cat_home='http://internet-receh.blogspot.com/';cat_numb=11;cat_pre='Prev';cat_nex='Next';
    var cat_name;var cat_start;var cat_class;
    function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+='<li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow" title="'+cat_title+'">'+cat_title+'</a>';dw+='</li>'}dw+='</ul>';dw+='<div id="navi-cat">';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_pre+'">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_nex+'">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' &ndash; '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div>';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){dw+='<li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false" title="';dw+=cat[i].term;dw+='">';dw+=cat[i].term;dw+='</a>';dw+='</li>'}dw+='</ul>';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>');
    </script>
    </div>
    <div style='clear:both'></div>

    Style #2

    DEMO
    CODE:
    <br />
    <style type="text/css">
    #toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
    -webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
    -moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
    box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
    .labl{color:#FF5F00;font-weight:bold;margin:0 -5px;
    padding:1px 0 2px 11px;background: #3498DB;
    border:1px solid #2D96DF;
    border-radius:4px;-moz-border-radius:4px;
    -webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
    -moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
    .labl a{color:#fff;}
    .labl:first-letter{text-transform:uppercase;}
    .new{color:#FF5F00;font-weight:bold;font-style:italic;}
    .postname{font-weight:normal;background:#fff;margin-left: 35px;}
    .postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
    </style>
    <div id="toc">
    <script src="http://yourjavascript.com/19011761625/scriptsitemapbaru.js" type="text/javascript"></script>
    <script src="http://internet-receh.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script></div>

    Style #3
    DEMO
    CODE:
     <br />
    <script style="text/javascript" src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="http://internet-receh.blogspot.co.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

    Sekian tutorial tentang cara membuat sitemap di blog & website (seo+keren,responsive),cara membuat sitemap otomatis semoga bermanfaat , terimakasih .
    KRITIK , SARAN , PERTANYAAN ? silahkan tinggalkan comentar
    Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
    Buka Komentar
    Tutup Komentar