Blogger Açılır Menülü Arşiv Sayfası (SiteMaps) Kodu

Blogger Açılır Menülü Arşiv Sayfası (SiteMaps) Kodu

Gönderen WebKenti 15.8.19

Blogger Açılır Menülü Arşiv Sayfası (SiteMaps) Kodu

Sitemaps yada site haritası bir başka değişle yayınlarınızın listesi, her sitede olması gereken bir özelliktir. Arşiv sayfası; iletişim, hakkımda sayfaları kadar önemlidir.

Her sitede olması gereken arşiv sayfası özelliği için oldukça sade ve hızlı açılan aynı zamanda da kolayca eklenti olarak yada sayfa içinde kullanılabilecek HTML tabanlı çok şık bir arşiv kodu.

<style scoped="" type="text/css">
.post{margin:0}#comments{display:none}.toggle-comments{display:none!important}#table-outer{padding:7px 10px;margin:0 auto}#table-outer table{width:auto;margin:0 auto}#table-outer form{font:inherit}#table-outer label{margin:0 10px 0 0;padding:4px 0 0;display:block;text-align:right}#table-outer select[disabled]{opacity:.4}#post-searcher{display:block;margin:0;padding:0}#table-outer input,#table-outer select{font-family:Roboto,sans-serif!important;font-size:16px!important;font-weight:500!important;text-transform:capitalize!important;outline:0;color:#333!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;border:1px solid #dedede;border-radius:5px;margin:0 0 5px;padding:5px}#table-outer select option{min-height:1.4em!important}#table-outer input#feed-q{padding:5px 10px!important}#feed-container{overflow:hidden;position:relative;border-top:none;display:block;clear:both;margin:0 -10px 0 0;padding:0;list-style:none}#feed-container li{list-style:none;margin:0 0 10px;padding:0 10px 0 <style scoped="" type="text/css">
.post{margin:0}#comments{display:none}.toggle-comments{display:none!important}#table-outer{padding:7px 10px;margin:0 auto}#table-outer table{width:auto;margin:0 auto}#table-outer form{font:inherit}#table-outer label{margin:0 10px 0 0;padding:4px 0 0;display:block;text-align:right}#table-outer select[disabled]{opacity:.4}#post-searcher{display:block;margin:0;padding:0}#table-outer input,#table-outer select{font-family:Roboto,sans-serif!important;font-size:16px!important;font-weight:500!important;text-transform:capitalize!important;outline:0;color:#333!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;border:1px solid #dedede;border-radius:5px;margin:0 0 5px;padding:5px}#table-outer select option{min-height:1.4em!important}#table-outer input#feed-q{padding:5px 10px!important}#feed-container{overflow:hidden;position:relative;border-top:none;display:block;clear:both;margin:0 -10px 0 0;padding:0;list-style:none}#feed-container li{list-style:none;margin:0 0 10px;padding:0 10px 0 0;color:#555;width:33.33333%;text-align:center;float:left;display:inline;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#feed-container li .inner{position:relative;overflow:hidden;word-wrap:break-word;border-radius:3px;background:#fff;color:#333;border:1px solid #dedede;margin:0;padding:30px;height:200px;line-height:1.2em}#feed-container li a{color:#333;font-weight:500}#feed-container li a.toc-read{text-decoration:none;color:#fff;margin-top:30px}#feed-container li .inner:hover a.toc-read{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}#feed-container li .news-text{font-size:14px;margin-top:10px}#feed-container li .news-text div{display:none!important}#feed-container li img{margin:0;padding:0;width:100%!important;height:100%!important;position:absolute;top:0;left:0}#feed-container li .inner:hover img{transition:all 1s ease-in-out;-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;left:-500px;animation-fill-mode:both}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}#result-desc{margin:0;padding:0}#result-desc div,#result-desc span{display:block;margin:0;padding:5px 0 7px;color:#D64D52}#result-desc div{color:inherit}#feed-nav{margin:10px 0 30px;text-align:center;font-weight:500}#feed-nav span{cursor:wait}@media screen and (max-width:1024px){#main-wrapper{padding:0 30px!important}#feed-container{display:block;clear:both;margin:0 -30px 0 0}#feed-container li{list-style:none;margin:0 0 30px;padding:0 30px 0 0}#feed-container li .inner{padding:20px}}@media screen and (max-width:960px){#main-wrapper{padding:0 20px!important}#feed-container{display:block;clear:both;margin:0 -20px 0 0}#feed-container li{list-style:none;margin:0 0 20px;padding:0 20px 0 0}#feed-container li .inner{padding:20px}}@media screen and (max-width:800px){#feed-container li{width:50%}}@media screen and (max-width:640px){#feed-container li .inner{height:150px}}@media screen and (max-width:414px){#table-outer table,#feed-container li{width:100%}#table-outer table,#table-outer label{text-align:center}#table-outer table td{display:block;margin:0 auto 5px;clear:both;float:none}#table-outer label{margin:0}#table-outer{padding:0}}@media (max-width:414px){#table-outer table td{text-align:center;display:block}#table-outer label{text-align:center;display:block;margin:0;padding:4px 0 0}#table-outer input,#table-outer select{margin:0 0 10px}}a.btn-default{color:#333}#feed-nav a,a.btn-primary,a.btn-success,a.btn-info,a.btn-warning,a.btn-danger{color:#fff}#feed-nav a,#feed-nav a:active,.btn,.btn:active{background-image:none}#feed-nav a,.parser,.btn,.btn-link{font-weight:400}#feed-nav a,.comment_form>a,.comments .paging-control-container .paging-control,.parser,.btn{border:1px solid transparent;border-radius:4px;margin-bottom:5px;font-size:14px;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;cursor:pointer;user-select:none;display:inline-block;padding:6px 12px}#feed-nav a:active:focus,#feed-nav a:focus,.comment_form>a:active:focus,.comment_form>a:focus,.comments .paging-control-container .paging-control:active:focus,.comments .paging-control-container .paging-control:focus,.parser:active:focus,.parser:focus,.btn:active:focus,.btn:focus{outline:0}#feed-nav a:focus,#feed-nav a:hover,#feed-nav a:hover,.btn:focus,.btn:hover{text-decoration:none;color:#333;outline:0}#feed-nav a:active,.btn:active{outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,.125);-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-default{background:#fff;color:#333;border-color:#ccc}.btn-default:focus{background:#e6e6e6;color:#333;border-color:#8c8c8c}.btn-default:active,.btn-default:hover{background:#e6e6e6;color:#333;border-color:#adadad}#feed-nav a,.btn-primary,.comments .paging-control-container .paging-control,.parser{background:#337ab7;color:#fff;border-color:#2e6da4}#feed-nav a:focus,.comments .paging-control-container .paging-control:focus,.button-group button:disabled,.parser:focus,.btn-primary:focus{background:#286090;color:#fff;border-color:#122b40}#feed-nav a:active,#feed-nav a:hover,.comments .paging-control-container .paging-control:hover,.comments .paging-control-container .paging-control:active,.parser:active,.parser:hover,.btn-primary:active,.btn-primary:hover{background:#286090;color:#fff;border-color:#204d74}.btn-success{background:#5cb85c;color:#fff;border-color:#4cae4c}.btn-success:focus{background:#449d44;color:#fff;border-color:#255625}.btn-success:active,.btn-success:hover{background:#449d44;color:#fff;border-color:#398439}.btn-info{background:#5bc0de;color:#fff;border-color:#46b8da}.btn-info:focus{background:#31b0d5;color:#fff;border-color:#1b6d85}.btn-info:active,.btn-info:hover{background:#31b0d5;color:#fff;border-color:#269abc}.comment_form>a,.btn-warning{background:#f0ad4e;color:#fff;border-color:#eea236}.comment_form>a:focus,.btn-warning:focus{background:#ec971f;color:#fff;border-color:#985f0d}.comment_form>a:active,.comment_form>a:hover,.btn-warning:active,.btn-warning:hover{background:#ec971f;color:#fff;border-color:#d58512}.btn-danger{background:#d9534f;color:#fff;border-color:#d43f3a}.btn-danger:focus{color:#fff;border-color:#761c19;background:#c9302c}.btn-danger:active,.btn-danger:hover{color:#fff;border-color:#ac2925;background:#c9302c}.btn-link{border-radius:0;color:#337ab7}.btn-link,.btn-link:active{box-shadow:none;background:transparent;-webkit-box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{text-decoration:underline;color:#23527c;background:transparent}#feed-nav a,.comment_form>a,.btn-lg{font-size:18px;padding:10px 16px;border-radius:6px;line-height:1.3333333}.parser,.btn-sm,.btn-xs{border-radius:3px;font-size:12px;line-height:1.5}.btn-sm{padding:5px 10px}.comments .paging-control-container .paging-control,.parser,.btn-xs{padding:1px 5px}#feed-nav a,.comment_form>a,.btn-block{display:block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:100%;box-sizing:border-box}.btn-block+.btn-block{margin-top:5px}.comment_form>a+a{border-color:#fff;padding:0;margin-bottom:0;background:#fff}
</style>
<div id="table-outer">
<table>
<tbody>
<tr>
<td>
<label>Yayınları Sıralayın:</label>
</td>
<td>
<select id="feed-order">
<option selected="" value="published">Son Yayınlar</option>
<option value="updated">Son Güncellenen Yayınlar</option>
</select>
</td>
</tr>
<tr>
<td>
<label>Kategorileri Sıralayın:</label>
</td>
<td>
<select disabled="" id="label-sorter">
<option selected="">Yükleniyor....</option>
</select>
</td>
</tr>
<tr>
<td>
<label>Anahtar Kelime İle Arayın:</label>
</td>
<td>
<form id="post-searcher">
<input id="feed-q" placeholder="Arama yapın..." type="text" />
</form>
</td>
</tr>
</tbody>
</table>
</div>
<br />
<header id="result-desc"></header>
<br />
<ul id="feed-container"></ul>
<div id="feed-nav">
</div>
<script>

document.write;var loadToc,loadCategories,_toc={init:function(){var cfg={homePage:window.location.origin,maxResults:9,numChars:270,thumbWidth:350,thumbHeight:95,navText:"Daha fazlası ▼",resetToc:"Başa dön",noImage:"data:image/png;base64,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",loading:"<span>Yükleniyor...</span>",counting:"<div>Yayınlar yükleniyor...</div>",searching:"<span>Arama...</span>"},w=window,d=document,el=function(id){return d.getElementById(id);},o={a:el('feed-order'),b:el('label-sorter').parentNode,c:el('post-searcher'),d:el('feed-q'),e:el('result-desc'),f:el('feed-container'),g:el('feed-nav'),h:d.getElementsByTagName('head')[0],i:0,j:null,k:'published',l:0,m:""},fn={a:function(){old=el('temporer-script');old.parentNode.removeChild(old);},b:function(param){var script=d.createElement('script');script.type="text/javascript";script.id="temporer-script";script.src=param;if(el('temporer-script'))fn.a();o.h.appendChild(script);},c:function(mode,tag,order){o.i++;o.e.innerHTML=cfg.counting;o.g.innerHTML=cfg[mode==1?"searching":"loading"];if(mode===0){fn.b(tag!==null?cfg.homePage+'/feeds/posts/summary/-/'+ tag+'?alt=json-in-script&start-index='+((o.i*cfg.maxResults)+ 1)+'&max-results='+ cfg.maxResults+'&orderby='+ order+'&callback=loadToc':cfg.homePage+'/feeds/posts/summary?alt=json-in-script&start-index='+((o.i*cfg.maxResults)+ 1)+'&max-results='+ cfg.maxResults+'&orderby='+ order+'&callback=loadToc');}else if(mode==1){fn.b(cfg.homePage+'/feeds/posts/summary?alt=json-in-script&start-index='+((o.i*cfg.maxResults)+ 1)+'&max-results='+ cfg.maxResults+'&q='+ tag+'&orderby='+ order+'&callback=loadToc');}
o.j=(tag!==null)?tag:null;o.l=mode;o.a.disabled=true;o.b.children[0].disabled=true;},d:function(json){var _h;o.g.innerHTML="";o.e.innerHTML=o.l==1?'<span>Hasil penelusuran untuk kata kunci <b>“'+ o.m+'”</b> ('+ json.feed.openSearch$totalResults.$t+' Hasil)</span>':'<div>Toplam: '+ json.feed.openSearch$totalResults.$t+' yayın</div>';if("entry"in json.feed){var a=json.feed.entry,b,c,_d,e="0 Komentar",f="",g;for(var i=0;i<cfg.maxResults;i++){if(i==a.length)break;b=a[i].title.$t;_d=("summary"in a[i])?a[i].summary.$t.replace(/<br ?\/?>/ig," ").replace(/<(.*?)>/g,"").replace(/<iframe/ig,"").substring(0,cfg.numChars):"";g=("media$thumbnail"in a[i])?a[i].media$thumbnail.url.replace(/.*?:\/\//g , "//").replace(/\/s[0-9]+\-c/,"\/s"+ cfg.thumbWidth+""):cfg.noImage.replace(/\/s[0-9]+\-c/,"\/s"+ cfg.thumbWidth+"");for(var j=0,jen=a[i].link.length;j<jen;j++){c=(a[i].link[j].rel=="alternate")?a[i].link[j].href:"#";}
for(var k=0,ken=a[i].link.length;k<ken;k++){if(a[i].link[k].rel=="replies"&&a[i].link[k].type=="text/html"){e=a[i].link[k].title;break;}}
_h=d.createElement('li');_h.innerHTML='<div class="inner"><img style="width:'+ cfg.thumbWidth+'px;height:'+ cfg.thumbHeight+'px;" src="'+ g+'" alt="'+ b+'"><a class="toc-title" href="'+ c+'" target="_blank" title="'+ b+'">'+ b+'</a><div class="news-text"><div>'+ _d+'…</div><br style="clear:both;"><a class="btn btn-primary btn-sm toc-read" href="'+c+'" target="_blank" title="Devamı">Devamı</a></div></div>';o.f.appendChild(_h);}
_h=d.createElement('a');_h.href='#load-more';_h.innerHTML=cfg.navText;_h.onclick=function(){fn.c(o.l,o.j,o.k);return false;};}else{_h=d.createElement('a');_h.href='#reset-content';_h.innerHTML=cfg.resetToc;_h.onclick=function(){o.i=-1;o.e.innerHTML=cfg.counting;o.f.innerHTML="";fn.c(0,null,'published');o.a.innerHTML=o.a.innerHTML;o.b.children[0].innerHTML=o.b.children[0].innerHTML;return false;};}
o.g.appendChild(_h);o.a.disabled=false;o.b.children[0].disabled=false;},e:function(json){var a=json.feed.category,b='<select id="label-sorter"><option value="" selected disabled>Kategoriler...</option>';for(var i=0,len=a.length;i<len;i++){b+='<option value="'+ encodeURIComponent(a[i].term)+'">'+ a[i].term.toLowerCase()+'</option>';}
b+='</select>';o.b.innerHTML=b;o.b.children[0].onchange=function(){o.i=-1;o.f.innerHTML="";o.g.innerHTML=cfg.loading;fn.c(0,this.value,o.k);};}};loadToc=fn.d;loadCategories=fn.e;fn.b(cfg.homePage+'/feeds/posts/summary?alt=json-in-script&start-index='+(o.i+ 1)+'&max-results='+ cfg.maxResults+'&orderby=published&callback=loadToc');fn.b(cfg.homePage+'/feeds/posts/summary?alt=json-in-script&max-results=0&orderby=published&callback=loadCategories');o.a.onchange=function(){o.i=-1;o.f.innerHTML="";o.g.innerHTML=cfg.counting;o.b.children[0].innerHTML=o.b.children[0].innerHTML;fn.c(0,null,this.value);o.k=this.value;};o.c.onsubmit=function(){o.i=-1;o.f.innerHTML="";o.m=o.d.value;fn.c(1,o.d.value,o.k);return false;};}};_toc.init();
</script>

HTML / JAVASCRİPT EKLEMEK

Sayfa olarak eklemek için :

Blogger > Sayfalar > +Yeni Sayfa > HTML Görünümü

Yolunu izleyerek blogunuza ekleyebilirsiniz.

Widget (gadget) olarak eklemek için :

Blogger > Yerleşim > Gadget ekle > HTML/JavaScript

yolunu izleyerek istediğiniz yere ekleyebilirsiniz.

Sayfa içinde kullanmak için :

Blogger > Yeni yayın oluştur > HTML Görünümü

yolunu izleyerek istediğiniz yere ekleyebilirsiniz.

* Canlı Demo için :

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro

Kod editörünü kullanabilirsiniz.

Yorumlar

Recep Hilmi TUFAN | rehitu.com16.8.19
Uzun zamandır etiket düzenlemesi yapmak istiyordum ve bu yazınız buna vesile oldu. Teşekkür ederim. Kullanacağım.
YanıtlaSil
Yanıtlar

Yorum Gönder

🔺 YUKARI ÇIK 🔺