Followers

01 Oktober 2015

Oktober 01, 2015 - No comments

Next/Previous Navigation Yang Cool Untuk Blog



Untuk lihat Demo di blog ini,sila mouse hover ke line bar statik di kiri dan kanan


Langkah 1
Pastekan kod ni di atas/sebelum post-footer-line-3

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<nav class='nav-reveal'><b:if cond='data:olderPageUrl'><a class='prev' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;'><span class='icon-wrap'><svg class='icon' height='32' viewBox='0 0 64 64' width='32'><use xlink:href='#arrow-left-3'/></svg></span><div><h3 class='older-link' expr:href='data:olderPageUrl'/></div></a></b:if><b:if cond='data:newerPageUrl'><a class='next' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;'><span class='icon-wrap'><svg class='icon' height='32' viewBox='0 0 64 64' width='32'><use xlink:href='#arrow-right-3'/></svg></span><div><h3 class='newer-link' expr:href='data:newerPageUrl'/></div></a></b:if></nav><div class='svg-wrap'><svg height='64' viewBox='0 0 64 64' width='64'><path d='M44.797 17.28l0.003 29.44-25.6-14.72z' id='arrow-left-3'/></svg><svg height='64' viewBox='0 0 64 64' width='64'><path d='M19.203 17.28l-0.003 29.44 25.6-14.72z' id='arrow-right-3'/></svg></div>
<script type='text/javascript'>//<![CDATA[
(function(a){var c=a("h3.newer-link"),d=a("h3.older-link");a.get(c.attr("href"),function(b){c.html("<span>Next Stories</span>"+a(b).find(".post h2.post-title").text())},"html");a.get(d.attr("href"),function(b){d.html("<span>Previous Stories</span>"+a(b).find(".post h2.post-title").text())},"html")})(jQuery);
//]]></script>
</b:if>

Langkah 2
Pastekan kod ni di atas/sebelum ]]></b:skin>

.svg-wrap{position:absolute;width:0;height:0;overflow:hidden;overflow-x:hidden;overflow-y:hidden}.nav-reveal a{position:fixed;top:50%;display:block;outline:0;text-align:left;z-index:1000;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.nav-reveal a.prev{left:0}.nav-reveal a.next{right:0}.nav-reveal a svg{display:block;margin:0 auto;padding:0}.nav-reveal a{overflow:hidden;width:40px;height:120px;background-color:rgba(207,207,207,.6);-webkit-transition:width .4s,background-color .4s;transition:width .4s,background-color .4s;-webkit-transition-timing-function:cubic-bezier(0.7,0,.3,1);transition-timing-function:cubic-bezier(0.7,0,.3,1)}.nav-reveal .icon-wrap{position:absolute;z-index:100;padding:44px 4px;width:40px}.nav-reveal a.prev .icon-wrap{left:0}.nav-reveal a.next .icon-wrap{right:0}.nav-reveal svg.icon{fill:#383838}.nav-reveal div{position:absolute;top:0;padding:0 50px;width:400px;height:100%}.nav-reveal a.prev div{left:0;padding-right:130px;text-align:right}.nav-reveal a.next div{right:0;padding-left:130px}.nav-reveal h3{position:relative;margin:0;padding:20px 0;color:#fff;font-weight:300;font-size:1.22em;line-height:1.2}.nav-reveal div h3 span{display: block;padding-bottom:6px;color: #fff;text-transform: uppercase;letter-spacing: 1px;font-weight: 700;font-size: 50%;border-bottom: 1px solid #fff;margin-bottom: 6px;}.nav-reveal a:hover{width:500px;background-color:#C05555}.nav-reveal svg.icon:hover{fill:#fff}@media screen and (max-width:520px){.nav-reveal a.prev{-webkit-transform-origin:0 50%;transform-origin:0 50%}.nav-reveal a.next{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.nav-reveal a{-webkit-transform:scale(0.6);transform:scale(0.6)}}

Save Template.

Anda Juga Boleh Pilih Gaya yang lain

Pilihan 2:



Pastekan kod ni di atas/sebelum post-footer-line-3

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<nav class="nav-growpop"><b:if cond='data:olderPageUrl'><a class='prev' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;'><span class="icon-wrap"><svg class="icon" width="24" height="24" viewBox="0 0 64 64"><use xlink:href="#arrow-left-2"/></svg></span><div><h3 class='older-link' expr:href='data:olderPageUrl'/></div></a></b:if><b:if cond='data:newerPageUrl'><a class='next' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;'><span class="icon-wrap"><svg class="icon" width="24" height="24" viewBox="0 0 64 64"><use xlink:href="#arrow-right-2"/></svg></span><div><h3 class='newer-link' expr:href='data:newerPageUrl'/></div></a></b:if></nav><div class='svg-wrap'><svg height='64' viewBox='0 0 64 64' width='64'><path d='M26.667 10.667q1.104 0 1.885 0.781t0.781 1.885q0 1.125-0.792 1.896l-14.104 14.104h41.563q1.104 0 1.885 0.781t0.781 1.885-0.781 1.885-1.885 0.781h-41.563l14.104 14.104q0.792 0.771 0.792 1.896 0 1.104-0.781 1.885t-1.885 0.781q-1.125 0-1.896-0.771l-18.667-18.667q-0.771-0.813-0.771-1.896t0.771-1.896l18.667-18.667q0.792-0.771 1.896-0.771z' id='arrow-left-2'/></svg><svg height='64' viewBox='0 0 64 64' width='64'><path d='M37.333 10.667q1.125 0 1.896 0.771l18.667 18.667q0.771 0.771 0.771 1.896t-0.771 1.896l-18.667 18.667q-0.771 0.771-1.896 0.771-1.146 0-1.906-0.76t-0.76-1.906q0-1.125 0.771-1.896l14.125-14.104h-41.563q-1.104 0-1.885-0.781t-0.781-1.885 0.781-1.885 1.885-0.781h41.563l-14.125-14.104q-0.771-0.771-0.771-1.896 0-1.146 0.76-1.906t1.906-0.76z' id='arrow-right-2'/></svg></div>
<script type='text/javascript'>//<![CDATA[
(function(a){var c=a("h3.newer-link"),d=a("h3.older-link");a.get(c.attr("href"),function(b){c.html("<span>Next Stories</span><h3>"+a(b).find(".post h2.post-title").text()+"</h3>")},"html");a.get(d.attr("href"),function(b){d.html("<span>Previous Stories</span><h3>"+a(b).find(".post h2.post-title").text()+"</h3>")},"html")})(jQuery);
//]]></script>
</b:if>

Pastekan kod ni di atas/sebelum ]]></b:skin>

.svg-wrap{position:absolute;width:0;height:0;overflow:hidden;overflow-x:hidden;overflow-y:hidden}.nav-growpop a{position:fixed;top:50%;display:block;outline:0;text-align:left;z-index:1000;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.nav-growpop a.prev{left:0}.nav-growpop a.next{right:0}.nav-growpop a svg{display:block;margin:0 auto;padding:0}.nav-growpop .icon-wrap{position:relative;z-index:100;display:block;padding:13px 5px;border:0 solid rgb(240, 113, 113);background:rgb(240, 113, 113);-webkit-transition:border-width .3s .15s;transition:border-width .3s .15s}.nav-growpop svg.icon{fill:#fff}.nav-growpop div{position:absolute;top:50%;padding:20px;width:440px;height:144px;background:#f8f8f8;opacity:0;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s}.nav-growpop a.prev div{left:0;padding:20px 25px 0px 45px;-webkit-transform:translateY(-50%) translateX(-100%) scale(0.75);transform:translateY(-50%) translateX(-100%) scale(0.75)}.nav-growpop a.next div{right:0;padding:20px 45px 0px 25px;-webkit-transform:translateY(-50%) translateX(100%) scale(0.75);transform:translateY(-50%) translateX(100%) scale(0.75)}.nav-growpop span{display:block;padding-bottom:5px;border-bottom:1px solid #ddd;color:rgb(240, 113, 113);text-transform:uppercase;letter-spacing:1px;font-weight:400;font-size:.7em;line-height:1.2}.nav-growpop>h3{margin:0;padding:8px 0 10px;color:#4d4d4d;font-weight:300;font-size:1.14em;line-height:1.2;font-style: italic;}.nav-growpop a:hover .icon-wrap{border-top-width:40px;border-bottom-width:40px;-webkit-transition-delay:0s;transition-delay:0s}.nav-growpop a:hover div{opacity:1;-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform:translateY(-50%) translateX(0) scale(1);transform:translateY(-50%) translateX(0) scale(1)}@media screen and (max-width:520px){.nav-growpop a.prev{-webkit-transform-origin:0 50%;transform-origin:0 50%}.nav-growpop a.next{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.nav-growpop a{-webkit-transform:translateY(-50%) scale(0.6);transform:translateY(-50%) scale(0.6)}}

Save Template

Pilihan 3



Pastekan kod ni di atas/sebelum post-footer-line-3

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<nav class="nav-fillslide"><b:if cond='data:olderPageUrl'><a class='prev' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;'><span class="icon-wrap"><svg class="icon" width="24" height="24" viewBox="0 0 64 64"><use xlink:href="#arrow-left-4"/></svg></span><div><h3 class='older-link' expr:href='data:olderPageUrl'/></div></a></b:if><b:if cond='data:newerPageUrl'><a class='next' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;'><span class="icon-wrap"><svg class="icon" width="24" height="24" viewBox="0 0 64 64"><use xlink:href="#arrow-right-4"/></svg></span><div><h3 class='newer-link' expr:href='data:newerPageUrl'/></div></a></b:if></nav><div class='svg-wrap'><svg height='64' viewBox='0 0 64 64' width='64'><path d='M15.946 48l0.003-10.33 47.411 0.003v-11.37h-47.414l0.003-10.304-15.309 16z' id='arrow-left-4'/></svg><svg height='64' viewBox='0 0 64 64' width='64'><path d='M48.058 48l-0.003-10.33-47.414 0.003v-11.37h47.418l-0.003-10.304 15.306 16z' id='arrow-right-4'/></svg></div>
<script type='text/javascript'>//<![CDATA[
(function(a){var c=a("h3.newer-link"),d=a("h3.older-link");a.get(c.attr("href"),function(b){c.html("<h3>"+a(b).find(".post h2.post-title").text()+"</h3><span>Next Stories</span>")},"html");a.get(d.attr("href"),function(b){d.html("<h3>"+a(b).find(".post h2.post-title").text()+"</h3><span>Previous Stories</span>")},"html")})(jQuery);
//]]></script>
</b:if>

Pastekan kod ni di atas/sebelum ]]></b:skin>

.svg-wrap{position:absolute;width:0;height:0;overflow:hidden;overflow-x:hidden;overflow-y:hidden}.nav-fillslide a{position:fixed;top:50%;display:block;outline:0;text-align:left;z-index:1000;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.nav-fillslide a.prev{left:0}.nav-fillslide a.next{right:0}.nav-fillslide a svg{display:block;margin:0 auto;padding:0}.nav-fillslide .icon-wrap{position:relative;z-index:100;display:block;padding:65px 10px;background:#efefef;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nav-fillslide .icon-wrap::before{content:'';position:absolute;width:100%;height:110%;background:#fff;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .3s .3s;transition:transform .3s .3s}.nav-fillslide a.prev .icon-wrap::before{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.nav-fillslide a.next .icon-wrap::before{-webkit-transform:translateX(100%);transform:translateX(100%)}.nav-fillslide svg.icon{fill:#0f0f0f;position:relative;z-index:100}.nav-fillslide div{position:absolute;padding:20px;top:0;width:440px;height:154px;background:#fff;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.nav-fillslide a.prev div{left:0;padding:20px 21px 0 0;text-align:right;border-radius:0 6px 6px 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.nav-fillslide a.next div{right:0;padding:20px 40px 0 21px;border-radius:6px 0 0 6px;-webkit-transform:translateX(100%);transform:translateX(100%)}.nav-fillslide div span{display:inline-block;color:#CD6060;text-transform:uppercase;letter-spacing:1px;font-weight:400;font-size:.7em;line-height:1.2;border-top: 1px solid #D8CFDA;width: 100%;padding-top: 10px;}.nav-fillslide h3{margin:0;padding:8px 0 10px;color:#131212;font-weight:400;font-size:1.1em;line-height:1.2;}.nav-fillslide a:hover .icon-wrap::before{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition-delay:0s;transition-delay:0s}.nav-fillslide a:hover div{-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform:translateX(0);transform:translateX(0)}@media screen and (max-width: 520px) {.nav-fillslide a {-webkit-transform: scale(0.6);transform: scale(0.6);}}

Save Template

Pilihan 4


Pastekan kod ni di atas/sebelum post-footer-line-3

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<nav class="nav-circlepop"><b:if cond='data:olderPageUrl'><a class="prev" expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;'><span class="icon-wrap"></span></a></b:if><b:if cond='data:newerPageUrl'><a class="next" expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;'><span class="icon-wrap"></span></a></b:if></nav></b:if>

Pastekan kod ni di atas/sebelum ]]></b:skin>

.svg-wrap{position:absolute;width:0;height:0;overflow:hidden;overflow-x:hidden;overflow-y:hidden}.nav-circlepop a{position:fixed;top:50%;display:block;outline:0;text-align:left;z-index:1000;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.nav-circlepop a.prev{left:0}.nav-circlepop a.next{right:0}.nav-circlepop a svg{display:block;margin:0 auto;padding:0}.nav-circlepop a{margin:0 30px;width:50px;height:50px}.nav-circlepop a::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:gray;content:'';opacity:0;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transform:scale(0.9);transform:scale(0.9)}.nav-circlepop .icon-wrap{position:relative;display:block;margin:10% 0 0 10%;width:80%;height:80%}.nav-circlepop a.next .icon-wrap{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.nav-circlepop .icon-wrap::after,.nav-circlepop .icon-wrap::before{position:absolute;left:25%;width:3px;height:50%;background:red;content:'';-webkit-transition:-webkit-transform .3s,background-color .3s;transition:transform .3s,background-color .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nav-circlepop .icon-wrap::before{-webkit-transform:translateX(-50%) rotate(30deg);transform:translateX(-50%) rotate(30deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.nav-circlepop .icon-wrap::after{top:50%;-webkit-transform:translateX(-50%) rotate(-30deg);transform:translateX(-50%) rotate(-30deg);-webkit-transform-origin:0 0;transform-origin:0 0}.nav-circlepop a:hover::before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.nav-circlepop a:hover .icon-wrap::after,.nav-circlepop a:hover .icon-wrap::before{background:#fff}.nav-circlepop a:hover .icon-wrap::before{-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.nav-circlepop a:hover .icon-wrap::after{-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg)}

Save Template

Pilihan 5


Pastekan kod ni di atas/sebelum post-footer-line-3

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<nav class="nav-slide"><b:if cond='data:olderPageUrl'><a class="prev" expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;'><span class="icon-wrap"><svg class="icon" width="32" height="32" viewBox="0 0 64 64"><use xlink:href="#arrow-left-1"/></svg></span><div><h3 class='older-link' expr:href='data:olderPageUrl'/></div></a></b:if><b:if cond='data:newerPageUrl'><a class="next" expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;'><span class="icon-wrap"><svg class="icon" width="32" height="32" viewBox="0 0 64 64"><use xlink:href="#arrow-right-1"/></svg></span><div><h3 class='newer-link' expr:href='data:newerPageUrl'/></div></a></b:if></nav><div class="svg-wrap"><svg width="64" height="64" viewBox="0 0 64 64"><path id="arrow-left-1" d="M46.077 55.738c0.858 0.867 0.858 2.266 0 3.133s-2.243 0.867-3.101 0l-25.056-25.302c-0.858-0.867-0.858-2.269 0-3.133l25.056-25.306c0.858-0.867 2.243-0.867 3.101 0s0.858 2.266 0 3.133l-22.848 23.738 22.848 23.738z" /></svg><svg width="64" height="64" viewBox="0 0 64 64"><path id="arrow-right-1" d="M17.919 55.738c-0.858 0.867-0.858 2.266 0 3.133s2.243 0.867 3.101 0l25.056-25.302c0.858-0.867 0.858-2.269 0-3.133l-25.056-25.306c-0.858-0.867-2.243-0.867-3.101 0s-0.858 2.266 0 3.133l22.848 23.738-22.848 23.738z" /></svg></div>
<script type='text/javascript'>//<![CDATA[
(function(a){var c=a("h3.newer-link"),d=a("h3.older-link");a.get(c.attr("href"),function(b){c.html(a(b).find(".post h2.post-title").text()+"<span>Next Article</span>")},"html");a.get(d.attr("href"),function(b){d.html(a(b).find(".post h2.post-title").text()+"<span>Previous Article</span>")},"html")})(jQuery);
//]]></script>
</b:if>

Pastekan kod ni di atas/sebelum ]]></b:skin>

.svg-wrap{position:absolute;width:0;height:0;overflow:hidden;overflow-x:hidden;overflow-y:hidden}.nav-slide a{position:fixed;top:50%;display:block;outline:0;text-align:left;z-index:1000;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.nav-slide a.prev{left:0}.nav-slide a.next{right:0}.nav-slide a svg{display:block;margin:0 auto;padding:0}.nav-slide .icon-wrap{position:relative;z-index:100;display:block;padding:20px;background-color:#fff}.nav-slide svg.icon{fill:#34495e}.nav-slide div{position:absolute;top:50%;background-color:#34495e;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.nav-slide a.prev div{left:0;padding-left:86px;padding-right:10px;-webkit-transform:translateY(-50%) translateX(-100%);transform:translateY(-50%) translateX(-100%)}.nav-slide a.next div{right:0;padding-right:86px;padding-left:10px;text-align:right;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.nav-slide h3{position:relative;margin:0;padding:20px 0;color:#fff;white-space:nowrap;font-weight:300;font-size:1.3em !important;line-height:1.5}.nav-slide div h3 span{display:block;color:#95a5a6;font-style:italic;font-size:65%;font-family:Baskerville,"Baskerville Old Face","Hoefler Text",Garamond,"Times New Roman",serif}.nav-slide a:hover div{-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}@media screen and (max-width:520px){.nav-slide a.prev{-webkit-transform-origin:0 50%;transform-origin:0 50%}.nav-slide a.next{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.nav-slide a{-webkit-transform:scale(0.6);transform:scale(0.6)}}

Save Template

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