Cara Mudah Membuat Sitemap SEO HTML di Blog dan XML Cara Mudah Membuat Sitemap SEO HTML di Blog dan XML - Blog Manado - Tutorial Web Design

Cara Mudah Membuat Sitemap SEO HTML di Blog dan XML

Cara Mudah Membuat Sitemap SEO HTML di Blog dan XML
Share
Dalam Ngeblog, Kelengkapan Website kita perlu diperhatikan, seperti halnya Sitemap, Sebuah Website belum lengkap atau belum dikatakan sebagai website yang bagus kalau belum ada Sitemapnya.

Apalagi Google adsense, kita tidak akan bisa diterima kalau belum ada sitemap pada Blog anda. Ada yang belum tahu apa itu Sitemap??, Sitemap merupakan Daftar Isi dari sebuah Website, Semua postingan tertampang jelas pada sitemap tersebut. Oleh karena itu, atas kepentingan itulah, Blog Manado akan memeberikan sedikit tutorial bagaimana cara membuat Sitemap.

Pembuatan sitimap ini sangat simpel alias sangat mudah dan juga sangat ringan alias SEO.

Ok, langsung saja simak dengan baik.

Cara Mudah Membuat Sitemap SEO di Blog-Pertama

1. Buka blogger >> laman >> pilih Laman Baru
2. Beri judul sitimap atau daftar isi atau sesuai keinginan teman-teman lalu Pulikasikan sebelum        mengisi kode dibawah.
3. Kembali buka sitimap yang ada publikasi tadi lalu isi kode dibawah.


4. Pastekan kode di bawah ini tanpa tanda petik,

"<script src="http://me-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript"></script>
<script src="http://blogsmanado.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>"

Ganti Tulisan http://blogsmanado.blogspot.com dengan alamat web anda.
Pada menu Laman baru, masukan kode di atas ke dalam laman, dan pilih HTML.


5. Kalau sudah pilih  Simpan.

Semoga Sedikit Tutorial ini bisa membantu anda dalam kesulita untuk membuat Sitemap, dan semoga bermanfaat bagi kita semua dalam membangun sebuah Website.

Cara Mudah Membuat Sitemap SEO di Blog-Kedua

Membuat sitemap menggunakan xml. Langkah Membuat Sitemap XML untuk Blog anda sebagai berikut.

Langkah pertama yang harus anda lakukan setelah anda membuat blog dan menetapkan kategori dan membuat page atau halaman halaman utama blog anda adalah mengunjungi sitemap generator seperti xml-sitemaps, ataupun generator lainnya.

Saya sarankan anda menggunakan xml-sitemaps.com saja karena lebih mudah dan lebih cocok dengan webmaster google. Tampilan yang anda lihat saat masuk di xml-sitemaps akan seperti dibawah ini.

Tampilan pembuatan sitemap blog. 
Isi form diatas mulai dari alamat blog anda, sebagai contoh saya akan isi dengan “caramembuatpraktis.blogspot.com”, setelah itu isi bagian change frequency.

Bagian ini berfungsi untuk mengatur sitemap bahwa tulisan anda akan berubah tiap berapa waktu, apakah tiap hari, minggu, bulan ataupun tahun. Saya sarankan untuk anda yang tidak mengubah tulisan lama, maka anda pilih “none” saja.

Untuk bagian last modification, centang server response, kemudian pada bagian priority centang none, kemudian klik start untuk memulai pembuatan sitemap blog anda. Tampilan setelah sitemap blog anda selesai diproses seperti dibawah ini.

Sitemap blog anda selesai dibuat. 
Setelah sitemap xml blog anda selesai anda dapat melanjutkan ke cara pengaturan robot blog anda dan cara pengaturan sitemap blog webmaster anda.

Sekian ulasan saya tentang cara membuat sitemap blog anda, ikuti terus dan like and share LeanIsEasy untuk info cara membuat lainnya.

Ini juga beberapa code Sitemap yang mungking teman-teman cari. recomendasi dari blog manado ya....hehehe. langsung saja lihat dibawah.

10 Recomendasi Blog Manado SiteMap Keren dan Elegant

Sitemap 1

Code Sitemap 1

<div dir="ltr" style="text-align: left;" trbidi="on">
<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://blogsmanado.blogspot.co.id/2016/04/cara-membuat-index-berita-keren-di-blog.html" title="Accordion TOC by BlogManado">▶ Accordion TOC</a></div>
<script>
var toc_config = {
    url: 'http://www.YOURBLOGDOMAIN.com',
    containerId: 'table-of-content',
    showNew: 10,
    newText: ' - <strong style="font-weight:bold;font-style:italic;color:red;">Baru!</strong>',
    sortAlphabetically: {
        thePanel: true,
        theList: true
    },
    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-1.js"></script></div>

Keterangan:
Ubah http://www.YOURBLOGDOMAIN.com dengan URL blog Anda.


Sitemap 2

Code Sitemap 2

<div 1px="1px" solid="solid" style="height: 820px; overflow: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; width: auto;">
<link href="https://sites.google.com/site/republicofnote/script/SitemapV2.css" media="screen" rel="stylesheet" type="text/css" />
<script src="https://sites.google.com/site/republicofnote/script-1/daftarisipackv2.js"></script>
<script src="http://www.YOURBLOGDOMAIN.com/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/republicofnote/script-1/daftarisiv2.js" type="text/javascript"></script></div>

Keterangan:
Ubah http://www.YOURBLOGDOMAIN.com dengan URL blog Anda.


Sitemap 3



Code Sitemap 3

<div id="bp_toc">
</div>
<script src="https://837e4322157785ac6e2418ca18b2891def99d9f8.googledrive.com/host/0B__SLW9IKWpvUjB4YjRtXzZIUDQ/masdeeons-sitemap.js" type="text/javascript"></script><script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>
<style>
/* CSS Full Sitemap */
#bp_toc {background:#ffaaa4;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-family:&#39;Open Sans&#39;;font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
text-decoration:none;color:#aaa;font-family:&#39;Open Sans&#39;;font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}

</style>


Sitemap 4



Code Sitemap 4

<style type="text/css"> #toc{ width:99%; margin:5px auto; border:1px solid #66B266; -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:-moz-linear-gradient(right,#66B266 0%,#004D00 40%); background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#004D00),color-stop(1,#66B266)); 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{t ext-transform:uppercase; } .new{ color:#FF5F00; font-weight:bold; font-style:italic; } .postname{ font-weight:normal; background:-moz-linear-gradient(right,#66B266 0%,#fff 40%); background:-webkit-gradient(linear,center 60,right 10,color-stop(0.60,#fff),color-stop(1,#66B266E)); } .postname li{ border-bottom: #ddd 1px dotted; margin-right:5px } </style> <div id="toc"> <script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script> <script src="http://www.YOURBLOGDOMAIN.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script></div>

Keterangan:
Ubah http://www.YOURBLOGDOMAIN.com dengan URL blog Anda.


Sitemap 5



Code Sitemap 5

<style scoped=”scoped” type=”text/css”>
/* Skin for Blogger Tabbed Layout TOC */
#tabbed-toc{margin:0 auto;background-color:#EE560F;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4);overflow:hidden;position:relative;color:#333}
#tabbed-toc .loading{display:block;padding:5px 10px;font:normal bold 10px/normal Helmet,Freesans,Sans-Serif;color:white}
#tabbed-toc ul,#tabbed-toc ol,#tabbed-toc li{margin:0 0;padding:0 0;list-style:none}
#tabbed-toc .toc-tabs{width:20%;float:left}
#tabbed-toc .toc-tabs li a{display:block;font:normal bold 10px/28px Helmet,Freesans,Sans-Serif;height:28px;overflow:hidden;text-overflow:ellipsis;color:#000000;text-transform:uppercase;text-decoration:none;padding:0 12px;cursor:pointer}
#tabbed-toc .toc-tabs li a:hover{background-color:#153615;color:white}
#tabbed-toc .toc-tabs li a.active-tab{background-color:#275827;color:white;-webkit-box-shadow:-2px 2px 2px rgba(0,0,0,.5);-moz-box-shadow:-2px 2px 2px rgba(0,0,0,.5);box-shadow:-2px 2px 2px rgba(0,0,0,.5);position:relative;z-index:5;margin:0 -1px 0 0;/* cursor:text;*/}
#tabbed-toc .toc-content,#tabbed-toc .divider-layer{width:80%;float:right;background-color:white;border-left:5px solid #275827;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#tabbed-toc .divider-layer{float:none;display:block;position:absolute;top:0;right:0;bottom:0;-webkit-box-shadow:0 0 7px rgba(0,0,0,.7);-moz-box-shadow:0 0 7px rgba(0,0,0,.7);box-shadow:0 0 7px rgba(0,0,0,.7)}
#tabbed-toc .panel{position:relative;z-index:5;font:normal normal 10px/normal Helmet,Freesans,Sans-Serif}
#tabbed-toc .panel li a{display:block;position:relative;font-weight:bold;font-size:11px;color:#892412;line-height:20px;height:20px;padding:0 12px;text-decoration:none;outline:none;overflow:hidden}
#tabbed-toc .panel li time{display:block;font-style:italic;font-weight:normal;font-size:10px;color:#666;float:right}
#tabbed-toc .panel li .summary{display:block;padding:10px 12px 10px;font-style:italic;border-bottom:4px solid #275827;overflow:hidden}
#tabbed-toc .panel li .summary img.thumbnail{float:left;display:block;margin:0 8px 0 0;padding:4px 4px;width:72px;height:72px;border:1px solid #dcdcdc;background-color:#fafafa}
#tabbed-toc .panel li:nth-child(even){background-color:#8BFB65}
#tabbed-toc .panel li a:hover,#tabbed-toc .panel li a:focus,#tabbed-toc .panel li a:hover time,#tabbed-toc .panel li.bold a{background-color:#333;color:white;outline:none}
#tabbed-toc .panel li.bold a:hover,#tabbed-toc .panel li.bold a:hover time{background-color:#222}
@media (max-width:700px){#tabbed-toc{border:2px solid #333}#tabbed-toc .toc-tabs,#tabbed-toc .toc-content{overflow:hidden;width:auto;float:none;display:block}#tabbed-toc .toc-tabs li{display:inline;float:left}#tabbed-toc .toc-tabs li a,#tabbed-toc .toc-tabs li a.active-tab{background-color:#224C19;-webkit-box-shadow:2px 0 7px rgba(0,0,0,.4);-moz-box-shadow:2px 0 7px rgba(0,0,0,.4);box-shadow:2px 0 7px rgba(0,0,0,.4)}#tabbed-toc .toc-tabs li a.active-tab{background-color:white;color:#333}#tabbed-toc .toc-content{border:none}#tabbed-toc .divider-layer,#tabbed-toc .panel li time{display:none}}
</style>
<br />
<div id=”tabbed-toc”>
<span class=”loading”>Loading…</span></div>
<script>
var tabbedTOC = {
blogUrl: “http://www.YOURBLOGDOMAIN.com“, // Blog URL
containerId: “tabbed-toc”, // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: false, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 40, // Thumbnail size
noThumb: “data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC”, // A “no thumbnail” URL
monthNames: [ // Array of month names
“Januari”,
“Februari”,
“Maret”,
“April”,
“Mei”,
“Juni”,
“Juli”,
“Agustus”,
“September”,
“Oktober”,
“November”,
“Desember”
],
newTabLink: true, // Open link in new window?
maxResults: 99999, // Maximum post results
preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || “onload”)
sortAlphabetically: true, // `false` to sort posts by published date
showNew: 7, // `false` to hide the “New!” mark in most recent posts, or define how many recent posts are to be marked
newText: ” – <em style=’color:red;’>New!</em>” // HTML for the “New!” text
};
</script><script src=”http://yourjavascript.com/9471132454/map.js”></script></div>

Keterangan:
Ubah http://www.YOURBLOGDOMAIN.com dengan URL blog Anda.

Sitemap 6



Code Sitemap 6

Kode Box terlah terbuka cari kode  ]]></b:skin> atau </style> lalu pastekan kode berikut berikut diatasnya.. boleh diatas kode  ]]></b:skin> atau </style> sobat.. lalu jangan lupa pilih save sobat :)

/* CSS Sitemap */
#table-outer table{width:100%;margin:0;padding:0}
#table-outer input,#table-outer select{padding:4px;font:inherit;border:2px solid #ecf0f1;width:170px;box-sizing:border-box}
#table-outer select{cursor:pointer;outline:none}
#table-outer input:focus{outline:none}
#resultDesc{margin-bottom:10px}
#feedContainer{overflow:hidden;margin-top:20px}
#feedContainer strong{font-size:10px}
#feedContainer,#feedContainer li{padding:0;margin:0;list-style:none}
#feedContainer li{float:left;width:50%;margin-bottom:10px;position:relative;z-index:0}
#feedContainer .inner{padding:8px;margin:0 5px;position:relative;background-color:#fff;border:1px solid #f9f9f9;height:133px}
#feedContainer img{float:left;margin:0 8px 0 0;max-width:100%;border:1px solid #f9f9f9;padding:2px}
#feedContainer .toc-title{max-height:33px;overflow:hidden}
#feedContainer .toc-title:hover{text-decoration:underline}
#feedContainer .news-text{font-size:11px}
#feedNav a,#feedNav span{display:block;text-align:center;color:#fff;text-decoration:none;background-color:#444;padding:5px;width:95%;margin:0 auto;transition:all 0.3s linear}
#feedNav a,#feedNav span:hover{background-color:#333;transition:all 0.3s linear}
#feedContainer .date{display:none;position:absolute;bottom:0;right:0;background-color:transparent;color:#fff;font-size:9px;padding:3px 2px;width:35px}
#feedContainer .date .dd{font-size:9px;line-height:5px;font-weight:bold}

#feedContainer .date span{display:inline-block;line-height:5px;text-align:center;margin-left:5px}

Setelah itu buat halaman baru Sitemap
pasang code dibawa ini.

<div id="table-outer">
<table><tbody>
<tr><td><label>Sort posts by : </label></td><td><select id="orderFeedBy"><option selected="" value="published">New post</option><option value="updated">Post updated</option></select></td></tr>
<tr><td><label>Filter posts by category : </label></td><td><span id="labelSorter"><select disabled=""><option selected="">Loading...</option></select></span></td></tr>
<tr><td><label>Search by keyword : </label></td><td><form id="postSearcher">
<input type="text" /></form>
</td></tr>
</tbody></table>
</div>
<br />
<header id="resultDesc"></header>
<br />
<ul id="feedContainer"></ul>
<div id="feedNav">
Loading...</div>
<script src="https://arlina-design.googlecode.com/svn/tocs.js" type="text/javascript"></script>
<style scoped="" type="text/css">
#comments {display:none;}
</style>


Sitemap 7



Code Sitemap 7

<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">
#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3LZuWbuM6ESekPRG0oihCKT5QDvMAEXCQ8Fsk8tobfUbU6O6PU_zchXimj_A9Y1DsvGkmE48ye46-5u5_0Xol0iyTToX15mVb4ItZ-39yyw8qjzpqiqy7DC5BfFHR1r2kUba0yHAUY0o/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrbzLb5_6LlGuh1DwOogv3I0RzUIXv1KGr32fSHBuOgmBbzcAjn3xAiaHMbymBL6lqyfqioMFG5L9OCGiPK5N3Bf56d4Da6F-Cx1CX2AMZ9bsD6iZsFZN3P-qKn0PzZp-0ShcLQIuhNxk/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEginqUZYNr-8bTf5SAID8K3G-IemP8QAspcuiwabUmuphXyEAxbq2HBNIAFNC0oXazFiv5YkupJs_ly0J6cZsEQlRuiK-zYwiNu_qV3MOC1RQvHIzywQWR3NwmB8knTTvhSixGRwvGZ-O8/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
</style>
<script src="https://farhanshare-blogspot-com.googlecode.com/files/sitemap%20%281%29.js" type="text/javascript"></script><script src="http://www.YOURBLOGDOMAIN.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

</div>

Keterangan:
Ubah http://www.YOURBLOGDOMAIN.com dengan URL blog Anda.

Sitemap 8

Code Sitemap 8

<div id="bp_toc">
Loading Sitemap. Harap Menunggu....</div>
<script src="https://arlina-design.googlecode.com/svn/blogtoc.js" type="text/javascript"></script> <script src="http://www.YOURBLOGDOMAIN.com/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

Keterangan:
Terserah ganti kata apa yang lebih pas Loading Sitemap. Harap Menunggu....
Ubah http://www.YOURBLOGDOMAIN.com dengan URL blog Anda.

Sitemap 9

Code Sitemap 9

<style type='text/css' scoped='scoped'>
#sidebar-wrapper{display:none!important}#main-wrapper{width:100%!important}#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:0 solid #ccc;padding:0}#show-cat ul li{list-style-type:none;margin:0;border-right:1px solid #ccc;border-bottom:0 solid #ccc;border-left:0 solid #ccc;padding:0}#show-cat ul li a{display:block;padding:10px;border-bottom:1px solid #ccc}#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:14px}#show-cat ul li a:hover,#navi-cat a:hover{background:#666;color:#fff}#show-post{float:left;width:69%;line-height:1.6em}#show-post ul li{list-style-type:none;margin:10px 0 0 -40px;padding:10px;border:1px solid #ddd}#show-post a:hover{color:#07ACEC}#show-post a{color:#333;font-weight:bold}#navi-cat{padding:20px 0}#navi-cat a{margin-right:10px;border:1px solid #ccc}#navi-cat a,#navi-cat span{padding:10px 15px}#navi-cat span{float:right}#show-cat::-webkit-scrollbar{width:8px;height:8px}#show-cat::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1);border-radius:2px}#show-cat::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}#show-cat::-webkit-scrollbar-thumb{border-radius:2px;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>
<div id='show-cat'></div>
<div id='show-post'>
<script type='text/javaScript'>
var cat_home='http://www.YOURBLOGDOMAIN.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>

Terserah ganti kata apa yang lebih pas 11 Ganti dengan nomor post yang anda inginkan
Ubah http://www.YOURBLOGDOMAIN.com dengan URL blog Anda.

Sitemap 10

 Demo

Code Sitemap 10

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><link href="https://googledrive.com/host/0B6nuu-1cS17iSGhLNUtpNmxETkU" media="screen" rel="stylesheet" type="text/css"></link>

<script type="text/javascript">

var showNew    = true,

    accToc     = false,

    openNewTab = true,

    maxNew     = 5,

    baru       = "New!",

    sDownSpeed = 600,

    sUpSpeed   = 600;

</script>

<script src="https://googledrive.com/host/0B6nuu-1cS17iT1ZTSGd3cVZIUVE" type="text/javascript"></script>

<script src="http://www.YOURBLOGDOMAIN.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Keterangan:
Ubah http://www.YOURBLOGDOMAIN.com dengan URL blog Anda.

Semoga tutorial ini bermanfaat untuk anda. semoga berhasil...

0 Response

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel