Here's how to make a cool sitemap overview

Bantu KLIK iklan ini gan!!!! Hai friend bloggers on this tutorial we will discuss about how to create a sitemap with a cool look.
The function of this site map is a way to view all the articles in our blog, this is very helpful internet explorers find the article they are looking for.
not only that the sitemap will also be read by search engine spiders so it allows your blog to be visited internet explorers.
How to make a sitemap is easy enough we only need to add a bit of javascript code on the post pages, we also make use of feeds to call the article.
for how to make it let's follow these steps below carefully.

1. Please login on your account your blog
2. Then select pages > > > > New Page HTML
3. Input the title page with the title "Sitemap".
4. and having it copy and pastelah the following code on the HTML page.

<style type="text/css"> #dafis-acc{font-family:Arial;font-size:12px;color:#000;padding:2px 0} .dafis-label{background:#000;border-top:1px solid #FFF;font-weight:bold;line-height:1.5em;margin:1px 3px;outline:none;cursor:pointer;padding:2px 10px;color:#FFF;border-bottom:1px solid #FFF;border-radius:5px} .dafis-label:hover{color:#fff;border-bottom:1px dotted #F04C0C} .dafis-daf ol{margin:0 0 0 30px;padding:0} .dafis-daf ol li{line-height:1.5em; margin:1px 3px;white-space:nowrap;text-align:left} .dafis-daf ol li a{text-decoration:none;font-weight:bold;color:#fff;display:block;padding-left:10px;background:#000;border-radius:5px} .dafis-daf ol li a:hover{background:#444;color:#F04C0C;border-left:5px #F04C0C solid;padding-left:5px} #blog-pager{display:none} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script>eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e) {return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('2 4=F A();2 n=F A();2 b=F A();2 7=F A();2 9="J";2 18=T;2 v=\'\';2 1g=0;2 $e=1w.1s();6 1q(B){6 14(){3("8"1d B.X){2 W=B.X.8.f;1g=W;p=0;o(2 i=0;i<W;i++){2 8=B.X.8[i];2 1e=8.1u.$t;2 1f=8.1k.$t.1c(0,10);2 S;o(2 k=0;k<8.M.f;k++){3(8.M[k].1l==\'1n\'){S=8.M[k].L;I}}2 s=\'\';3("K"1d 8){o(2 k=0;k<8.K.f;k++){s=8.K[k].1t;2 l=s.1v(\';\');3(l!=-1){s=s.1c(0,l)}7[p]=s;4[p]=1e;b[p]=1f;n[p]=S;p=p+1}}}}}14();9="J";G(9);O();18=1p;D()}6 1j(16){1h(0,0);v=16;D(v)}6 1m(){O();v=\'\';D(v)}6 h(x,y){2 m=4[x];4[x]=4[y];4[y] =m;2 m=b[x];b[x]=b[y];b[y]=m;2 m=n[x];n[x]=n[y];n[y]=m;2 m=7[x];7[x]=7[y];7[y]=m}6 G(9){h();o(2 i=0;i<4.f-1;i++){o(2 j=i+1;j<4.f;j++){3(9=="J"){3(4[i]>4[j]){h(i,j)}}3(9=="1U"){3(4[i]<4[j]){h(i,j)}}3(9=="1V"){3(b[i]>b[j]){h(i,j)}}3(9=="1W"){3(b[i]<b[j]){h(i,j)}}3(9=="1a"){3(7[i]>7[j]){h(i,j)}}}}}6 19(15,P){h();o(2 i=15;i<P-1;i++){o(2 j=i+1;j<P;j++){3(4[i]>4[j]){h(i,j)}}}}6 O(){9="1a";G(9);2 j=0;2 i=0;C(i<4.f){u=7[i];E=j;Z{j=j+1}C(7[j]==u);i=j;19(E,j);3(i>4.f)I}}6 D(){2 j=0;2 i=0;d.g(\'<c 1R="5-w">\');C(i<4.f){u=7[i];d.g(\'<c z="5-u">\');d.g(\'<c z="5-V">\'+u+\'</c>\');d.g(\'<c z="5-q"><u>\');E=j;Z{d.g(\'<r><a L="\'+n[j]+\'">\'+4[j]+\'</a>\');d.g(\'</R>\');j=j+1}C(7[j]==u);i=j;d.g(\'</U></c></c>\');G(E,j);3(i>4.f)I}d.g(\'<c z="5-V"><a 1P="1D-1C: 1F; 1E:#1B;" L="1y://1x.1z.1M/" 1L="1O">1H</a></c>\');d.g(\'</c>\')}6 11(){$e(\'#5-w .5-q\').1J();$e(\'#5-w .5-q:1I\').1i();$e(\'#5-w .5-V\').1G(6(){2 r=$e(Q).1Z();3((r.H(\'.5-q\'))&&(r.H(\':Y\'))){13 T}3((r.H(\'.5-q\'))&&(!r.H(\':Y\'))){$e(\'#5-w .5-q:Y\').1Y(\'12\');r.1X(\'12\');13 T}});2 N=1S;$e(\'.5-q U R a\').1Q(6(){$e(Q).17({1b:\'1T\'},N)},6(){$e(Q).17({1b:\'1r\'},N)})}$e(d).1o(6(){11()});',62,124,'||var|if|postTitle|dafis|function|postLabels|entry|sortBy||postDate|div| document|jnoc|length|write|swapPosts|||||temp|postUrl|for|ii|daf|checkElement|pll|| kategori|postFilter|acc|||class|Array|json|while|displayToc|firsti|new|sortPosts|is|break|titleasc| category|href|link|Duration|sortLabels|lastvar|this|li|posturl|false|ol|label|numEntries|feed|visible| do||initMenu|normal|return|getPostData|firstvar|filter|animate|tocLoaded|sortPosts2|orderlabel| paddingLeft|substring|in|posttitle|postdate|numberfeed|scroll| show|filterPosts|published|rel|allPosts|alternate|ready|true|loadtoc|10px| noConflict|term|title|lastIndexOf|jQuery|\x70\x6C\x61\x7A\x7A\x61\x73\x6F\x66\x74|\x68\x74\x74\x70|\x62\x6C\x6F\x67\x73\x50\x6F\x74||fff|decoration|text|color|none|click|\x53\x49\x54\x45\x4D\x41\x50|first|hide||target|\x63\x6F\x6D||_blank|style|hover|id|250|20px|titledesc|dateoldest|datenewest|slideDown|slideUp|next'. split('|'),0,{}))</script> <script src="http://template-blogger.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"> </script>

5. then save and see the result.

Bantu KLIK iklan ini gan!!!!

Tweet

Subscribe to receive free email updates: