sponsor

sponsor

Slider

Recent Tube

Business

Technology

Life & style

Games

Sports

Fashion

» » 3 Model Sitemap Keren dan Cara Memasangnya di Blog

Ini dia 3 Model Sitemap Keren yang bisa dipilih untuk Blog Anda

Sitemap dapat menampilkan seluruh atau sebagian dari postingan kita di blog, tergantung bagaimana kita mengatur dan memilih kode yang akan menampilkan model sitemap, jika dilihat secara kasat mata, sitemap merupakan daftar isi dari sebuah blog.

Menampilkan sitemap diblog membantu para pengunjung mengetahui isi dari blog kita, termasuk juga postingan paling lawas sekalipun. 

Memasang sitemap di blog juga mempunyai keuntungan tersendiri terhadap blog kita, yaitu adanya tautan atau link hidup di dalam blog yang kita kelola, hal ini dapat menjadi salah satu cara agar blog kita dapat dioptimasi dengan baik.

Ada banyak model sitemap yang tersedia di internet, dengan berbagai model dan coraknya membuat kita dapat memilih salah satu diantara yang paling bagus dan cocok dipasang di blog kita, dari sekian banyak model sitemap, 3 model sitemap inilah yang akan saya jadikan contoh model sitemap dan cara memasangnya di blog.

Pertama, masuk ke akun blog anda, lalu klik Laman, kemudian klik laman baru dan berilah laman baru anda dengan judul sitemap.



Kedua, pilih badan postingan yang model HTML, lalu paste kode berikut ke dalamnya, dan terakhir klik publikasikan.

Berikut kode dan 3 model sitemap yang bisa anda pilih
1.  

<style scoped="scoped" type="text/css"> #show-cat{float:left;margin-right:20px;width:220px;height:391px;overflow-x:hidden;overflow-y:auto;line-height:18px} #show-cat ul{margin:0;border-top:1px solid #ccc;padding:0} #show-cat ul li{list-style-type:none;margin:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:0} #show-cat ul li a{display:block;padding:10px} #show-cat ul li a,#navi-cat a{background:#fff;color:#d80556;text-decoration:none} #show-cat ul li a,#navi-cat a,#navi-cat span{font-size:12px} #show-cat ul li a:hover,#navi-cat a:hover{background:#ccc;color:#fff} #show-post{float:left;width:60%} #show-post ul li{list-style-type:none} #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} </style> <div id="show-cat"> </div> <div id="show-post"> <script type="text/javaScript"> var cat_home=alamat url blog anda';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>

ket: ganti tulisan yang berwarna merah dengan alamat url blog anda

2.

</script>
<link href="https://googledrive.com/host/0B685uqap5sAIQWVXbHMyZ2ozX0U/sitemap-v1.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="https://googledrive.com/host/0B685uqap5sAIc0tvWHphd1lvT0E/sitemap-v1.js"></script>
<script src="AlamatBlogAnda/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
    var accToc = true;
</script>
<script src="https://sites.google.com/site/bloghostingbagus/javascript/daftarisiv2.js" type="text/javascript"></script>

ket: ganti tulisan yang berwarna merah dengan alaamt url blog anda

3.


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<link href="http://dte-project.googlecode.com/svn/trunk/accordion-toc-skin.css" rel="stylesheet"></link>
<br />
<div class="table-of-content" id="table-of-content">
<span class="loading">Memuat...</span></div>
<div class="credit-link">
<a href="http://www.dte.web.id/2011/11/widget-daftar-isi-akordion-dengan.html" title="Accordion TOC by Taufik Nurrohman">▶ Accordion TOC</a></div>
<script>
var toc_config = {
    url: 'http://www.zaenalabidin.web.id/',
    containerId: 'table-of-content',
    monthNames: [
        'Januari',
        'Februari',
        'Maret',
        'April',
        'Mei',
        'Juni',
        'Juli',
        'Agustus',
        'September',
        'Oktober',
        'November',
        'Desember'
    ],
    oldestFirst: false,
    maxResults: 9999,
    activePanel: 1,
    slideSpeed: {
        down: 400,
        up: 400
    },
    slideEasing: {
        down: null,
        up: null
    },
    slideCallback: {
        down: function() {},
        up: function() {}
    },
    clickCallback: function() {},
    jsonCallback: '_toc',
    delayLoading: 0
};
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/accordion-toc-2.js"></script>

ket: ganti tulisan yang berwarna merah dengan alamat url blog anda.

Selamat mencoba, semoga berhasil.

«
Next
Newer Post
»
Previous
Older Post