Blogger Ar�iv Sayfas� / Site Haritas� Widget Olu�turma

Blogger Ar�iv Sayfas� / Site Haritas� Widget Olu�turma - Blogunuzun kullan��l� ve harika bir tasar�ma sahip ar�ivi / site haritas� olmas�n� istiyorsan�z a�a��daki k�sa yollar� takip edin;

Blogger site haritas� yada ar�iv sayfas� widget'i nas�l olu�turulur? - Bu yaz�m�zda sizlere yeni nesil blogger ipu�lar�ndan site haritas� / ar�iv sayfas� yapman�n k�sa yollar�n� hakk�nda bilgiler veriyoruz.

Blogger site haritas� yada ar�iv sayfas� widget'i nas�l �al���r? - Bu eklenti blogunuzda bulunan etiketleri takip ederek yani etiket bazl� �al���yor. Sizin bir �ey eklemenize gerek yok. Blogger site haritas� yada ar�iv sayfas� widget'i ziyaret�ileriniz i�in daha profesyonel g�r�nmesi i�in tasarlanm��t�r. Kullan�m� da bir o kadar kolay ve mobil uyumludur.

Blogger Ar�iv Sayfas� / Site Haritas� Widget'i Olu�turma

Blogger hesan�n�za giri� yap�n ve blogunuzu se�in. Blogunuzun aray�z�nde bulunan Sayfalar > Yeni sayfa olu�tura t�klay�n. A��lan sayfada sol �st k��ede bulunan Olu�tur / HTML b�tonlar�ndan HTML'e t�klay�n. HTML sayfada bulunan t�m karakterleri temizleyin. A�a��daki kodlar� kopyalay�p HTML sayfaya yap��t�r�n.

<!---TeknooWin.blogspot.com---!>
<div id="sm_ux" style="max-height: 1200px; overflow-x: auto; overflow: scroll;"></div>
<script src="https://rawgit.com/Bloggeritunes/JS/master/sitemaps.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 type="text/css">
#comments,#Label1,#FollowByEmail1{display:none}#HTML3{visibility:hidden}#sm_ux{background:#31a2db;color:#666;margin:0 auto;padding:4px}span.ux-note{padding:20px;margin:0 auto;display:block;text-align:center;color:rgba(255, 255, 255, .5);font-size:1.6rem;text-transform:uppercase;font-weight:700;line-height:normal}.ux-header-col1{padding:10px;background:#f4f4f4;width:250px}.ux-header-col2{padding:10px;background:#f4f4f4;width:75px}.ux-header-col3{padding:10px;background:#f4f4f4;width:125px}#sm_ux td.ux-header-col1,#sm_ux td.ux-header-col2,#sm_ux td.ux-header-col3{border:0;border-bottom:1px solid rgba(0, 0, 0, 0.1)}#sm_ux tr:nth-child(1) a{color:#666}#sm_ux td.ux-header-col1{background:#fff}#sm_ux td.ux-header-col2{background:#fff}#sm_ux td.ux-header-col3{background:#fff}#sm_ux td.ux-entry-col1,#sm_ux td.ux-entry-col2,#sm_ux td.ux-entry-col3{border:0}#sm_ux td.ux-entry-col1{background:#fff;font-weight:700}#sm_ux tr:nth-child(odd) td.ux-entry-col1{background:#f7f7f7}#sm_ux td.ux-entry-col2{background:#fff}#sm_ux tr:nth-child(odd) td.ux-entry-col2{background:#f7f7f7}#sm_ux td.ux-entry-col3{background:#fff}#sm_ux tr:nth-child(odd) td.ux-entry-col3{background:#f7f7f7}#sm_ux td a{color:#666}.ux-header-col1 a:link,.ux-header-col1 a:visited,.ux-header-col2 a:link,.ux-header-col2 a:visited,.ux-header-col3 a:link,.ux-header-col3 a:visited{font-size:13px;text-decoration:none;color:#aaa;font-family:'roboto' ; font-weight:700;letter-spacing:0.5px}.ux-header-col1 a:hover,.ux-header-col2 a:hover,.ux-header-col3 a:hover{text-decoration:none}.ux-entry-col1,.ux-entry-col2,.ux-entry-col3{background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}.ux-entry-col1 a,.ux-entry-col2 a,.ux-entry-col3 a{color:#666;font-size:13px}.ux-entry-col1 a:hover,.ux-entry-col2 a:hover,.ux-entry-col3 a:hover{color:#cdb280}#sm_ux table{width:100%;margin:0 auto;counter-reset:rowNumber}.ux-entry-col1{counter-increment:rowNumber}#sm_ux table tr td.ux-entry-col1:first-child::before{content:counter(rowNumber);min-width:1em;margin-right:0.5em}
</style>
<!---TeknooWin.blogspot.com---!>

Kod i�erisinde bulunan renkli alanlardan ayarlar� de�i�tirerek blogunuz i�in daha uygun hale getirebilirsiniz. T�m kontrolleri yapt�ktan sonra sayfay� yay�nlay�n.

Demo/�n�zleme