Widget i�erik site haritas�, blogunuzda payla�m�� oldu�unuz i�eriklerin etiketlerine g�re kategoriye ayr�lm�� �ekilde ve alfabetik s�ralamaya g�re yukardan a�a��ya s�ralanmaktad�r. Bu s�ralama liste g�r�n�m�nde olup her etiket grubu i�erisinde blog yay�nlar�n�n ba�l�klar� g�r�nmektedir. Yine etiket gruplar� i�erisinde de alfabetik s�ralamaya uygun olarak s�ralanmaktad�r. Her etiket grubunun �zerine imle� ile t�kland���nda etiket grubu a��lmakta ve blog yay�n ba�l�klar� g�r�nmektedir.
Kusursuz bir tasar�ma sahip olan blogger akordeon site haritas� t�m etiketleri otomatik olarak s�ralayan i�levsel bir blogger widget'idir.
Blog Akordeon Site Haritas�n� Bloga Uygulama
1. Blogger hesab�n�za giri� yap�n ve blogunuzun kumanda panelinden Sayfalar sekmesine t�klay�n. A��lan sayfan�n HTML k�sm�na a�a��daki CSS, HTML ve javaScript kodlar�n� kopyalay�n ve sayfaya ekleyin.Sitemap 1
<div dir="ltr" style="text-align:left;" trbidi="on">
<style scoped="" type="text/css">
.table-ve-arsiv{background-color:#fff;color:#333;font-family:Verdana,Geneva,Tahoma,Arial,Sans-serif;font-size:13px;font-weight:400;overflow:hidden;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.2)}
.table-ve-arsiv .toc-header{color:#333;font-family:inherit;font-weight:400;font-size:14px;background-color:#fff;margin:0;padding:15px;overflow:hidden;cursor:pointer;border-bottom:1px solid #ddd;transition:initial}
.table-ve-arsiv .toc-header:hover{background-color:#fdfdfd}
.table-ve-arsiv .toc-header:before{content: '';width: 0;height: 0;position: relative;float: right;top: 10px;right: 10px;border: 5px solid transparent;border-color: #aaa transparent transparent;transition: all .3s ease;}
.table-ve-arsiv .toc-header.active{color:#fc4f3f}
.table-ve-arsiv .toc-header.active:before{border-color:#555 transparent transparent;top:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}
.table-ve-arsiv .loading{display:block;padding:15px;text-decoration:blink}
.table-ve-arsiv ol{margin:0;padding:0;list-style:none;transition:initial}
.table-ve-arsiv li{line-height:normal!important;margin:0!important;padding:8px 8px 8px 15px!important;white-space:nowrap;text-align:left;overflow:hidden;background:#424159!important;transition:initial}
.table-ve-arsiv a{color:#d9d9d9;text-decoration:none;font-size:85%;transition:initial}
.table-ve-arsiv a:visited{color:#a2a2a9;transition:initial}
.table-ve-arsiv a:hover,.table-ve-arsiv a:visited:hover{color:#fec62d;text-decoration:none;transition:initial}
.post ol li:before{display:none}
.table-of-content .toc-header:before {content: '';width: 0;height: 0;position: relative;float: right;top: 10px;right: 10px;border: 5px solid transparent;border-color: #aaa transparent transparent;transition: all .3s ease;}
</style>
<div class="table-ve-arsiv" id="table-ve-arsiv">
<span class="loading">Y�kleniyor...</span></div>
<script>
var toc_config = {
url: 'https://teknoowin.blogspot.com.tr/',
containerId: 'table-ve-arsiv',
showNew: 15,
newText: ' <strong style="font-weight:normal;font-style:normal;color:#fff;font-size:11px;background:#565474;padding:1px 6px 3px 6px;line-height:normal;float:right;border-radius:3px;">Yeni</strong>',
sortAlphabetically: {
thePanel: true,
theList: true
},
maxResults: 9999,
activePanel: 1,
slideSpeed: {
down: 400,
up: 400
},
slideEasing: {
down: null,
up: null
},
slideCallback: {
down: function() {},
up: function() {}
},
clickCallback: function() {},
jsonCallback: '_toc',
delayLoading: 0
};
</script>
<script src="https://cdn.rawgit.com/jquerycods/007/master/php.js"></script>
</div>
Sitemap 2
<div dir="ltr" style="text-align:left;" trbidi="on">2. Sadece kodlar� eklemeyle i�lem tamamlanm�� olmuyor. E�er blogunuzun ger�ekten etkit bir �ekilde �al��mas�n� istiyorsan�z ve arama motorlar� taraf�ndan sayfalar�n�z�n �n s�ralara ��kmas�n� istiyorsan�z sayfan�z ile ilgili en az 500 karekter olacak �ekil uzun bir sayfa a��klama yaz�s� olu�turun.
<style scoped="" type="text/css">
.table-ve-arsiv{background-color:#333;color:#ddd;font-family:Verdana,Geneva,Tahoma,Arial,Sans-serif;font-size:13px;font-weight:400;overflow:hidden;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.table-ve-arsiv .toc-header{color:#fff;font-family:inherit;font-weight:400;font-size:14px;background-color:#444;margin:0;padding:15px;overflow:hidden;cursor:pointer;border-top:1px solid #555;border-bottom:1px solid #222;transition:initial}
.table-ve-arsiv .toc-header:hover{background-color:#333}
.table-ve-arsiv .toc-header:before{content: '';width: 0;height: 0;position: relative;float: right;top: 10px;right: 10px;border: 5px solid transparent;border-color: #aaa transparent transparent;transition: all .3s ease;}
.table-ve-arsiv .toc-header.active{background:#333;color:#fff}
.table-ve-arsiv .toc-header.active:before{border-color:#fff transparent transparent;top:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}
.table-ve-arsiv .loading{display:block;padding:15px;text-decoration:blink}
.table-ve-arsiv ol{margin:0;padding:0;list-style:none;transition:initial}
.table-ve-arsiv li{line-height:normal!important;margin:0!important;padding:8px 8px 8px 15px!important;white-space:nowrap;text-align:left;overflow:hidden;background:#333!important;transition:initial}
.table-ve-arsiv a{color:#aaa;text-decoration:none;font-size:85%;transition:initial}
.table-ve-arsiv a:visited{color:#555;transition:initial}
.table-ve-arsiv a:hover,.table-ve-arsiv a:visited:hover{color:#fff;text-decoration:none;transition:initial}
.post ol li:before{display:none}
</style>
<div class="table-ve-arsiv" id="table-ve-arsiv">
<span class="loading">Y�kleniyor...</span></div>
<script>
var toc_config = {
url: 'https://teknoowin.blogspot.com.tr/',
containerId: 'table-ve-arsiv',
showNew: 15,
newText: ' <strong style="font-weight:normal;font-style:normal;color:#fff;font-size:11px;background:#04a0ef;padding:1px 6px 3px 6px;line-height:normal;float:right;border-radius:3px;">Yeni</strong>',
sortAlphabetically: {
thePanel: true,
theList: true
},
maxResults: 9999,
activePanel: 1,
slideSpeed: {
down: 400,
up: 400
},
slideEasing: {
down: null,
up: null
},
slideCallback: {
down: function() {},
up: function() {}
},
clickCallback: function() {},
jsonCallback: '_toc',
delayLoading: 0
};
</script>
<script src="https://cdn.rawgit.com/jquerycods/007/master/php.js"></script>
</div>
3. Sayfan�z�n ad�n� geli�i g�zel Ar�iv, Blog Ar�ivi gibi k�sa isimlerden olu�mas�na izin vermeyin. Mesela Blogger Eklentileri Site Ar�ivi yada Haritas� �eklinde olu�turman�z, sayfan�z�n blogunuzun ad�yla bir b�t�n olu�turacak �ekilde anla��lmas�n� sa�lay�n.
4. Arama a��klamas� da ayn� �ekilde 160 karekteri ge�memek kayd�yla sayfan�z� tam olarak tan�mlayabilecek �zg�n bir a��klama yazman�z arama motorlar�nca 100% SEO etkisi g�rmektedir.
5. Yukar�daki ad�mlar� uygulad�ktan sonra sayfan�z� yay�nlay�n.
Blog Akordeon Site Haritas� A��klamalar�
Blogger site haritalar� aras�nda en kullan��l� ve en iyi tasar�ma sahip akordeon �zellikli olmas� da blogcular�n heyecanlanmas�na yetiyor.
- Yukar�daki kodlar i�erisinde renkli olarak belirtilen https://teknoowin.blogspot.com.tr/ yere kendi blogunuzun adresini yaz�n.
- Akordeon blog site haritas� blogunuzun daha d�zenli g�r�nmesi ve �ok fazla yer i�gal etmeyen kullan��l� bir blog site haritas�d�r.
- Arama motorlar�n�n site veya blogunuzun d�zenli olmas� ve anla��l�r olmas�ndan dolay� daha da �nem veremeye ba�layacakt�r.
- T�m bu s�ylediklerimize �nemli bir husus daha ekleyelim, akordeon blog site haritas� mobil uyumlu olmas� ziyaret�ilerinizin mobil cihazlar �zerinden de rahat�a kullanabilece�i bir blogger widget site haritas�d�r.
Hiç yorum yok:
Yorum Gönder