Cari Informasinya Nikmati Hasilnya

Cara Membuat Sitemap Di Blog Versi Label , Widget Blogger

Setelah artikel terdahulu saya sudah berbagi tentang cara membuat widget penghitung kata untuk blog di blogger maka kali ini saya mau berbagi lagi cara membuat sitemap di blogger versi label . Versi label artinya jika anda mengakses menu sitemap di blog anda nantinya anda dengan mudah mencari artikel mana saja yang mau anda baca secara memilih nama labelnya saja . Hal ini juga akan sangat baik karena ketika anda membuat artikel lalu mau mencari link artikel untuk membuat internal link dalam artikel itu maka anda tidak perlu repot-repot lagi . Anda hanya tinggal memilih nama label dan seketika itu keseluruhan judul artikel yang ada pada label itu bisa anda temukan dengan mudah.
Masih ada banyak keuntungan lainnya ketika anda memasang sitemap di blog milik anda . diantaranya :
  1. Anda dengan mudah menavigasikan pengunjung
  2. Anda lebih tertunjang untuk mencari-cari judul artikel anda
  3. Dengan mudah anda menghitung berapa banyak artikel yang sudah ada dalam blog milik anda
Pokoknya dengan sitemap ini akan banyak hal yang nantinya akan berguna bagi anda .
Penampakan sitemap itu seperti ini

Cara Memasang Sitemap Di Blog Versi Label , Widget Untuk Kebutuhan Blogger
Dan untuk membuatnya dan memasangnya kedalam blog miliki anda bisa ikuti tutorial dibawah ini :
1. Login ke blogger
2-Buat 1 Laman baru
3-Salin kode berikut lalu kemudian pastekan kedalam laman baru tadi dalam menu hatml, bukan compose

<div id="show-cat">
</div>
<div id="show-post">
<script type="text/javaScript">
var cat_home='http://www.omblogging.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:#3498db!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>
<style scoped="" type="text/css">
#show-cat{float:left;margin:20px 2% 20px 0;width:25%;height:389px;overflow-x:hidden;overflow-y:auto;line-height:normal;border:1px solid rgba(0,0,0,0.1)}
#show-cat ul{margin:0;border-top:0 solid rgba(0,0,0,0.1);padding:0}
#show-post ul li{list-style-type:none;margin:0 0 0 -25px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#show-post ul li:hover{margin-right:10px;border-color:#d5d3fc}
#show-cat ul li a{display:block;padding:10px;border-bottom:1px solid rgba(0,0,0,0.1);transition:initial}
#navi-cat a:hover{color:#fff!important}
#show-cat ul li:last-child a{border-bottom:none}
#show-cat ul li a,#navi-cat a{background:#fff;color:#555;font-weight:bold;text-decoration:none}
#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:#2980b9;color:#fff}
#show-post{float:left;width:69%;line-height:1.6em}
#show-post a{color:#333;font-size:14px}
#show-post a:hover{color:#3498db}
#navi-cat{padding:20px 0}
#navi-cat a{padding:5px 10px;background:#ecf0f1;margin:0 5px 0 0;color:#7f8c8d;border-radius:3px;}
#navi-cat a:nth-child(2){background:#3498db;margin:0 10px 0 0;color:#fff}
#navi-cat span{float:right;padding:5px 0;font-size:12px;color:rgba(0,0,0,0.5);font-weight:700}
#show-cat::-webkit-scrollbar{width:8px;height:8px}
#show-cat::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1);}
#show-cat::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}
#show-cat::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);transition:all 400ms ease-in-out}
@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>
4- Sekarang publikasikan
5- Selesai

Demikian Cara Memasang Sitemap Di Blog Versi Label , Widget Untuk Kebutuhan Blogger .
Selamat Dan Sukses Buat Anda.

Tag : trik blog
0 Komentar untuk "Cara Membuat Sitemap Di Blog Versi Label , Widget Blogger"

Silahkan berkomentar sesuai dengan isi yang dikandung dari artikel ini . untuk menyisipkan link aktif atau backlink bisa menghubugi saya via form contact diatas .


Back To Top