Kategori Men� �eklinde Etiket Duyarl� Blogger Site Haritas�

Kategori Men� �eklinde Etiket Duyarl� Blogger Site Haritas� - Sabit bir sayfada blog i�eriklerinizi depolaman�z i�in, etiket duyarl� �ok fonksiyonlu site haritas�n� blogunuza nas�l uygulayaca��n�z� payla��yoruz. Blog sitenizde ziyaret�ilerinizin site haritas�na t�klad���nda sadece site haritas� men�s�nden belirli sayfalar� ve daha fazlas�n� bulmak i�in, ister son yay�nlanan blog i�eriklerini isterse arama yaparak do�rudan ula�abilecekri ba�lant�lar� sadece bir men�den kolayca blog i�eriklerinize ula�abilecekler.

Blog site haritas� men�s� ile i�erikleriniz en son yay�nlanandan ba�layarak s�ralanmakta ve a��l�r men� �zelli�ine sahip blog site haritan�z ile g�rsel olarak da ziyaret�ierinize hizmet vermektedir.

Site haritas�nda bulunan;

• En son yay�nlanan i�erikler
• Son g�ncellenen yay�nlar
• Kategori i�erikleri
• Site haritas� arama kutusu
• Toplam yay�n say�s�n� g�steren saya�
  

�zellikler ile ziyaret�ileriniz blogunuzda arad�klar� i�eriklere �ok daha kolay bir �ekilde eri�melerini sa�lamaktad�r.

Kategori Men�l� Blogger Site Haritas� Nas�l Eklenir?

Blogger hesab�n�za giri� yap�n ve blogunuzun kumanda panelinden Sayfalar > Yeni sayfa sekmesine t�klay�n. A��lan blog sayfas�n�n HTML b�l�m�ne a�a��da bulunan CSS, HTML ve javaScript kodlar�n� kopyalay�n ve HTML sayfas�na ekleyin.

<!---TeknooWin.blogspot.com---!>
<style type='text/css'>
.post-body img{background:none;}
#table-arslin{padding:6px 9px;margin:0 auto}
#table-arslin table{width:auto;margin:0 auto}
#table-arslin form{font:inherit}
#table-arslin label{color: #666;font-weight:600;display:block;text-align:center;margin:0 10px 0 0;padding:4px 0 0}
#table-arslin select[disabled]{opacity:.4}
#post-searcher{display:block;margin:0;padding:0}
#table-arslin input,#table-arslin select{width:100%;border:1px solid #ddd;border-radius:5px;margin:0;padding:5px;font-family: Roboto,sans-serif!important;font-size:16px!important;font-weight:400!important;text-transform:capitalize!important;outline:0;color:#333!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#table-arslin select option{min-height:1.4em!important;}
#table-arslin input#feed-q{padding:5px 10px!important;}
#feed-vessel{background:#fff;display:block;clear:both;margin:0;padding:0;list-style:none;overflow:hidden;position:relative;border-top:none}
#feed-vessel li{list-style:none;margin:0;padding:0;border-top:1px solid #ddd;color:#555;width:auto;float:left;display:inline}
#feed-vessel li .inner{margin:15px 0;height:auto;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}
#feed-vessel li a{text-decoration:none;color:#222;font-weight:600}
#feed-vessel li a:hover{text-decoration:none;color:rgb(219, 68, 55)}
#feed-vessel li .news-text{margin-top:5px;line-height:1.3em!important}
#feed-vessel li img{margin:0 15px 5px 0;padding:7px 7px 7px 0;float:left;display:block;}
#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 a,#feed-nav span{background: #34495e;border:1px solid #ddd;border-radius:5px;padding:0;color:#ccc;text-decoration:none;display:block;line-height:30px}
#feed-nav a,#feed-nav span:hover{color:#ccc}
#feed-nav a:active,#feed-nav a:hover{color:#ddd}
#feed-nav span{cursor:wait}
@media (max-width:600px){#table-arslin table{margin:0 auto;width:100%}
#feed-vessel,#table-arslin{margin:0 auto}
#feed-vessel li .inner{margin:5px auto;height:auto}
#feedvessel li{float:none;display:block;width:auto;height:auto}
#feed-vessel li .news-text, #feedvessel:after,#feed-vessel li img{display:none!important}}
</style>
<div id="table-arslin">
<table><tbody>
<tr><td><label for="feed-order">Yay�nlar� s�ralay�n:</label></td> <td><select id="feed-order"> <option selected="" value="published">En son yay�nlananlar</option> <option value="updated">Son g�ncellenen yay�nlar</option> </select></td></tr>
<tr><td><label for="label-sorter">Kategoriye g�re s�rala:</label></td> <td><select disabled="" id="label-sorter"> <option selected="">Y�kleniyor...</option> </select></td></tr>
<tr>                 <td><label for="feed-q">Anahtar kelimelerde aray�n:</label></td> <td><form id="post-searcher">
<input id="feed-q" type="text" placeholder="Arama yap�n ..."/>
</form>
</td></tr>
</tbody></table>
</div>
<header id="result-desc"></header>
<ul id="feed-vessel"></ul>
<div id="feed-nav">
</div>
<script src='https://rawgit.com/jquerycods/jquery/master/sitemap.js'></script>
<!---TeknooWin.blogspot.com---!>

Demo/�N�ZLEME

Kategori Site Haritas� A��klamalar�

Blog sayfan�za eklemi� oldu�unuz site haritas� �zerinde hi� bir de�i�iklik yapman�za gerek yoktur. Blog sayfan�za ekledikten sonra yay�nlamaya ba�layabilirsiniz. Blogunuzn t�m kategori i�eriklerine duyarl� olmas� ve site haritas�nda bulunan kategori men�s� sayesinde i�eriklere �ok h�z ve kolay bir �ekilde eri�im sa�lamaktad�r.

• T�m yay�nlar�n�z�n blogunuzun sabit bir sayfas�nda depolanmas� blogunuzun i�levsellik kazanmas�n�n yan�nda Google Adsense reklamlar�n�z�n da i�erikleriz ile daha uyumlu olmas�n� sa�lamaktad�r.
• Site haritas�nda bulunan arama kutusu sayesinde ziyaret�ilerinizin daha eski i�eriklerinize eri�mesini de sa�lamakta ve arama motorlar� taraf�ndan bu yay�nlar�n�z�n �l� link olmas�n�n da �n�ne ge�mi� olacaks�n�z
• Di�er bir husus da �zellikle daha �nce yay�nlad���n�z i�eriklerin g�ncellenmesi ile men�ze bulunan "Son G�ncellenen Yay�nlar" sayesinde yine blog ziyaret�ilerinize g�ncellenen i�eriklerinizin s�ralanmas� ve haberdar olmalar�n� sa�lamaktad�r.
  

Kategori Men� �eklinde Etiket Duyarl� Blogger Site Haritas� hakk�nda daha fazla bilgi almak i�in,  yorum sistemimizi kullanarak bize ula�abilirsiniz. Bizi takip etti�iniz i�in te�ekk�rler.