Blogger Responsive Duyarlı Sitemap Oluşturma

Blogger Responsive Duyarlı Sitemap Oluşturma

Blogger için responsive (duyarlı) mobil ve tablet cihazlarla tam uyumlu site haritası oluşturun. Gün geçtikçe ileri teknoloji cihaz kullanıcıların artması blogger blogcuların responsive yani duyarlı tasarımlara geçmelerine zorlamaktadır. Duyarlı responsive blogger site haritası ile daha güzel site haritası oluşturun.

Blogger duyarlı responsive site haritası oluştur

Blogger responsive duyarlı site haritası oluşturmak için yeni bir sayfa içersine sayfa adını seçime göre, site haritası, arşiv, sitemap şeklinde kullanılabilir.

<script src="https://googledrive.com/host/0B-P4_Fs3S76ydURacVd6TlJyWW8" type="text/javascript"></script>
<script src="http://bilgiigunlugu.blogspot.com.tr/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<style type="text/css">
.post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; }
.post-archive h4 { border-bottom: 2px solid #EEEEEE; color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 0 0 10px; }
.ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;}
.ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; }
.ct-columns-3 p a { background: #fafafa; color: #333; display: block; border: 1px solid #FFFFFF; font-size: 14px; line-height: normal; outline: 1px solid #EEEEEE; padding: 10px 15px; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; }
.ct-columns-3 p a:hover { background: #555; color: #fff; }
@media screen and (max-width: 768px){ .ct-columns-3 { -moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } }
</style>

Özelleştirme: http://bilgiigunlugu.blogspot.com.tr/ yazan yeri silip kendi blog adresinizi yazın, kodları ekleyip kaydettikten sonra, blogger için duyarlı responsive site haritası oluşturulmuştur olacaktır. Demo için bizim Sitemap sayfasına bakabilirsiniz.