Blogger �zel Ar�iv Sayfas� Site Haritas� Olu�turma Detayl� Anlat�m

Blogger'da Ar�iv Sayfas� Nas�l Olu�turulur? - Ar�iv sayfas�, her blogda olmas� gereken sayfalardan biridir. Blog'da bulunan kategori ve yay�nlara daha h�zl� eri�mek i�in, blog ziyaret�ilerine yard�mc� olur ve kullan�c� deneyimine art�r�r.

Ar�iv sayfas�, ziyaret�ilerin ilgilendikleri yay�nlar�n farkl� kategorilere de kolayca eri�mesi sa�lar. B�ylece, blog sayfa g�r�nt�lemelerinde art�� sa�lar ve hemen ��kma oran�n� d���rerek SEO i�in �nemli bir katk� sa�lar.

Blog sayfalar� aras�nda en �ok ziyaret edilen sayfalardan biri olan ar�iv sayfas�d�r. Blogda sayfalar aras�nda gezinmeler sayfa g�r�nt�leme say�s�n� art�rd��� i�in, blog sitesinin arama motorlar�nda da �n s�ralara t�rmanmas�n� b�y�k etki yapar.

Blog Ar�ivi Nas�l Olmal�?

Blog sabit sayfalar�nda olu�turulan ar�iv (site haritas�), blog yay�nlar�n�z� etikete g�re depolaman�z� sa�layan, fonksiyonel �zellikler i�eren ve en �nemlisi ziyaret�iler i�in anla��l�r ve kolay olmal�d�r. Bir de blog ar�ivi sayfas�nda ar�ivle ilgili olarak k�sa bir a��klama yaz�s� eklemeniz sayfan�z i�in faydal� olacakt�r.

Bu �zellikleri sa�layan blog ar�ivi eklentisi tasar�m� da �ok �nemlidir. Daha �nce buna benzer etiket duyarl� blog ar�ivi eklentisi payla�m��t�k.


Bu yaz�m�zda da blog sabit sayfalar i�in, kategorilere ayr�lm�� etiket duyarl� Blogger ar�iv eklentisini payla�aca��m.

Kategorilere ayr�lm�� etiket duyarl� blog ar�ivi eklentisi i�levsel �zellikleri;

• Son yay�nlanan blog yay�nlar�
• G�ncellenen blog yay�nlar�
• Blog kategorileri (etiketleri)
• Ar�iv eklentisi duyarl� arama kutusu
• Blog ar�ivinde bulunan toplam yay�n say�s� sayac�
• Mobil ve SEO uyumlu

Blogda Ar�iv (Site Haritas�) Sayfas� Olu�turma

Blogda HTML ar�iv sayfas� olu�turmak i�in, blogunuzun kumanda panelinde bulunan sayfalar sekmesine t�klay�n. Sayfan�n �st ara� men�s�nden Yeni sayfa sekmesine t�klay�n. A��lan sayfan�n sol �st k��esinde Olu�tur-HTML sayfa butonlar�n� g�receksiniz. HTML sayfa butonuna t�klay�n ve a�a��daki kodlar� kopyalayarak HTML sayfas�na ekleyin.

<!------TeknooWin.blogspot.com.tr------!>
<style type='text/css' scoped="">
.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 for="feed-order">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 for="label-sorter">Kategorileri s�ralay�n:</label>
</td>
<td>
<select disabled="" id="label-sorter">
<option selected="">Y�kleniyor....</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="feed-q">Anahtar kelime ile 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 src='https://rawgit.com/jquerycods/jquery/master/ux-sitemap.js'></script>
<!------TeknooWin.blogspot.com.tr------!>

Blog ar�iv eklentisini incelemek i�in, a�a��daki �n izleme butonu t�klay�n.

Demo/�n�zleme

Bu yaz�m�zda blogda ar�iv sayfas� olu�turma ile ilgili genel bir a��klama ve kategorilere ayr�lm�� etiket duyarl� blog ar�iv eklentisi hakk�nda bilgiler payla�t�k. Blogda ar�iv sayfas� olu�turma ile ilgili daha fazla bilgi almak i�in, yorum b�rakabilirsiniz.