Breaking News
Loading...
Thursday, February 9, 2017

Cara Membuat Sitemap Keren dan Ringan di Blog


Cara membuat sitemap keren dan ringan di blog. Sitemap atau yang biasa kita kenal dengan daftar isi merupakan suatu elemen yang cukup penting di dalam blog. Apalagi untuk kita yang ngeblog untuk tujuan mengikuti program Google Adsense. Selain itu dengan menggunakan sitemap dapat mempermudah para pengunjung blog menemukan artikel - artikel yang mereka cari. Karena apabila mengandalkan label dan arsip tidak semuanya artikel bisa ditampilkan sekaligus. Untuk pembuatan sitemap sendiri sangat mudah. Tapi kita juga harus mencari script sitemap yang ringan tanpa harus menghilangkan sisi keindahannya. Karena jangan sampai kita membuat sitemap yang keren tapi malah membuat kinerja blog kita semakin berat. Untuk contoh sitemap keren dan ringan klik Disini
 
Cara Membuat Sitemap Keren dan Ringan di Blog
Sitemap Keren dan Ringan

CARA MEMBUAT SITEMAP KEREN DAN RINGAN


Langkah dalam membuat Sitemap sebagai berikut :
  1. Masuk terlebih dahulu ke Dashboard blog
  2. Pilih menu Pages dan New Page maka akan tampil halaman kosong.
  3. Beri judul Sitemap atau Daftar Isi.
  4. Pilih HTML untuk memasukan kode script Site,ap
  5. Masukan kode script dibawah ini.
<style type='text/css' scoped='scoped'>
#show-cat{float:left;margin-right:20px;width:220px;height:500px;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:#008B8B;color:black;text-decoration:none; font-family:arial;font-style:bold}
#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:13px }
#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;padding-bottom:15px}
#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='http://www.ardiands.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>

Keterangan :
Ganti warna merah atau www.ardiands.com dengan alamat blog sobat.

Apabila sobat tidak menginginkan Sitemap blog sobat dikomentari maka pilih Options pada sebelah kanan dan pilihlah Don't allow, hide exiting.

Langkah terakhir baru sobat publish Sitemap dan lihatlah hasilnya, Keren dan Ringan. Untuk Sitemap tersebut akan selalu update secara otomatis apabila ada artikel yang baru di posting.

Jadi seperti itulah Cara Membuat Sitemap Keren dan Ringan di Blog. Terimakasih atas kunjungannya dan Semoga bermanfaat ........Salam Blogger.

3 comments:

 
Toggle Footer