Followers

01 Oktober 2015

Oktober 01, 2015 - 2 comments

Pelbagai Pilihan Sitemap Untuk Blog

Buat static page dan pastekan kod sitemap pilihan anda di dalamnya.

Sitemap 1

Kod:
How to Navigate ?<br />
<br />
<ul style="text-align: left;">
<li>Click on <span style="color: red;"><i>Post Title</i></span> to sort articles Alphabetical</li>
<li>Click on <span style="color: red;"><i>Date</i> </span>to sort articles as per their posted dates.</li>
<li>Click on any <span style="color: red;"><i>Label</i></span> to see Other's article tag with that particular label.</li>
<li>To see all posts click on <span style="color: red;"><i>Label Tab</i></span></li>
</ul>
<br />
<div id="bp_toc">
Loading Sitemap. Please wait....</div>
<script src="https://blogeutectics.googlecode.com/svn/Sitemap-Eutectics.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>#bp_toc{background:0 0;width:100%;color:#999;margin:0 auto;padding:5px}.toc-header-col1{padding:15px!important;line-height:15px;background-color:#e86060;width:250px;}.toc-header-col2{padding:15px!important;line-height:15px;background-color:#373737;width:75px;}.toc-header-col3{padding:15px!important;line-height:15px;background-color:#377ef0;width:125px;}.toc-header-col1:hover,.toc-header-col2:hover,.toc-header-col3:hover{opacity:.9}.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:15px;text-decoration:none;color:#fff;font-family:Raleway;font-weight:400;letter-spacing:.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{padding:10px;font-size:92%;}.toc-entry-col1:hover,.toc-entry-col2:hover,.toc-entry-col3:hover{background: #E7F7FA;}.toc-entry-col1:nth-child(even),.toc-entry-col1:nth-child(odd),.toc-entry-col2:nth-child(even),.toc-entry-col2:nth-child(odd),.toc-entry-col3:nth-child(even),.toc-entry-col3:nth-child(odd){padding:10px;font-size:92%}.toc-entry-col1 a,.toc-entry-col2 a,.toc-entry-col3 a{text-decoration:none;color:#666}.toc-entry-col1 a:hover,.toc-entry-col2 a:hover,.toc-entry-col3 a:hover{color:#000;text-decoration:underline}span.toc-note{padding:10px;margin:10px 0;display:inline-block;background:#fff;color:#666}#bp_toc table{width:100%;margin:0 auto;border-collapse:collapse;border-spacing:0;border-color:transparent}#bp_toc tr:nth-child(even){background:#fafafa}#bp_toc tr:nth-child(odd){background:#fff}#secondarybpart{display:none}#primarybpart{width:100%}.entry-content td {
border-top: 0px;}</style>

Sitemap 2

Kod:
<div id="tabbed-toc"><span class="loading">Loading...</span></div><script type="text/javascript">var tabbedTOC = {blogUrl:"http://namablogkorang.blogspot.com", containerId: "tabbed-toc", activeTab: 1};</script>
<style>#tabbed-toc{margin:0 auto;background-color:#fff;position:relative;color:#333}#tabbed-toc .loading{display:block;padding:5px 10px;font:normal bold 10px/normal Helmet,Freesans,Sans-Serif;color:#fff}#tabbed-toc li,#tabbed-toc ol,#tabbed-toc ul{margin:0;padding:0;list-style:none}#tabbed-toc .toc-tabs{width:20%;float:left}#tabbed-toc .toc-tabs li a{display:block;overflow:hidden;text-overflow:ellipsis;color:#000;text-decoration:none;padding:9px;cursor:pointer}#tabbed-toc .toc-tabs li a:hover{background-color:#D85252;color:#fff}#tabbed-toc .toc-tabs li a.active-tab{background-color:#343434;color:#fff;position:relative;z-index:5;margin:0 -1px 0 0}#tabbed-toc .divider-layer,#tabbed-toc .toc-content{width:80%;float:right;background-color:#fff;border-left:5px solid #343434;-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}#tabbed-toc .panel{position:relative;z-index:5}#tabbed-toc .panel li a{display:block;position:relative;font-size:15px;color:#000;line-height:20px;padding:12px;text-decoration:none;outline:0;overflow:visible}#tabbed-toc .panel li time{display:block;font-style:italic;font-weight:400;font-size:10px;color:#666;float:right}#tabbed-toc .panel li .summary{display:block;padding:10px 12px;font-style:italic;border-bottom:2px solid #888;overflow:hidden}#tabbed-toc .panel li .summary img.thumbnail{float:left;display:block;margin:0 8px 0 0;padding:4px;width:72px;height:72px;border:1px solid #dcdcdc;background-color:#fafafa}#tabbed-toc .panel li:nth-child(even){background-color:#eee}#tabbed-toc .panel li a:focus,#tabbed-toc .panel li a:hover,#tabbed-toc .panel li a:hover time{text-decoration:underline;outline:0}@media (max-width:700px){#tabbed-toc .toc-content,#tabbed-toc .toc-tabs{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{border:1px solid #eee}#tabbed-toc .toc-tabs li a.active-tab{background-color:#343434;color:#fff}#tabbed-toc .toc-content{border:none}#tabbed-toc .divider-layer,#tabbed-toc .panel li time{display:none}}
</style>
<script src="https://blogeutectics.googlecode.com/svn/trunk/Sitemap-eutecticsV4.js"></script>

*Gantikan http://namablogkorang.blogspot.com dengan nama blog korang

Sitemap 3
Kod:
<div class="eu-outer" id="eu-outer"><table border="0"><tbody><tr><td><label for="eu-feed-order">Sort articles by:</label></td><td><select class="eu-feed-order" id="eu-feed-order"><option value="published" selected="selected">New Post</option><option value="updated">Post Updated</option></select></td></tr><tr><td><label for="eu-label-sorter">Filter posts by category :</label></td><td><select class="eu-label-sorter" id="eu-label-sorter" disabled="disabled"><option selected="selected">loading...</option></select></td></tr><tr><td><label for="eu-feed-searcher-text">Search by keyword:</label></td><td><form class="eu-feed-searcher" id="eu-feed-searcher"><input type="text" class="eu-feed-searcher-text" id="eu-feed-searcher-text" autocomplete="off"></form></td></tr></tbody></table></div><div class="eu-result-description" id="eu-result-description"></div><ul id="eu-feed-container" class="list-media eu-feed-container"></ul><div class="eu-feed-nav" id="eu-feed-nav"></div><script src="https://blogeutectics.googlecode.com/svn/trunk/sitemap-eutecticsV3.js"></script>
<style>.eu-outer table{margin:0}.eu-outer input,.eu-outer select{font:inherit;border:2px solid #e5e5e5;padding:4px;width:65%}.eu-outer label{display:block;font-weight:700;padding:6px;margin:6px 4px 0 0}.eu-feed-container{overflow:visible}.eu-outer td{padding:2px}.eu-feed-container li{list-style-type:decimal;margin-bottom:17px;padding:10px}.eu-feed-container li:first-child{border-top:none}.eu-thumbnail{float:left;margin:0 20px 0 0;display:none}.eu-summary{display:none}.eu-inner a{color:#555;font-size:17px;line-height:20px}.eu-inner a:active,.eu-inner a:focus,.eu-inner a:hover{text-decoration:underline}.eu-description-message{display:block;margin-top:17px;padding:10px 12px;font-weight:700;color:#000;text-align:center}.eu-feed-nav{margin:30px 0px 0}.eu-feed-nav span{cursor:wait}.eu-feed-container li:hover {background-color: #F7F7F7;width:96%}</style>

Sitemap 4
Kod:
<script src="https://blogeutectics.googlecode.com/svn/trunk/Sitemap-eutecticsV5.js"></script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=1000&amp;callback=loadtoc" type="text/javascript"></script>

Sitemap 5
Kod:
<div id="cl_option"> Loading... </div>
<div id="cl_content_list"> </div>
<script type="text/javascript">
var cl_summlen = 500,
timepub = "Posted Date",
ptitle = "Article title",
sortby = "Sort by:",
labelsort = "Filter articles by label:",
showall = "View All",
hidesum = "Hide Summary ...",
showsum = "Show Summary ...",
footlabel = "category:",
footon = "in",
showlabel = "See posing with label";
</script>
<script src="https://blogeutectics.googlecode.com/svn/trunk/Sitemap-eutecticsV6.js"></script>
<script src="http://namablogkorang.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500"> </script>

*Gantikan http://namablogkorang.blogspot.com dengan nama blog korang

2 ulasan:

nice tutorial...boleh try apply ni...thanks for sharing!

Catat Ulasan