Blogger Sayfalar Widget'ı ile Sabit Sayfaları Otomatik Numaralandırma

Bir blogun sayfaları arasında gezinmek için, genellikle yayınların üzerinde veya altında görüntülenen bir navigasyon kullanılır. Ancak, Blog...

Blogger Sabit Sayfalar Bağantı Çubuğu

Bir blogun sayfaları arasında gezinmek için, genellikle yayınların üzerinde veya altında görüntülenen bir navigasyon kullanılır. Ancak, Blogger'ın bağımsız bir sayfasını yani sabit sayfasını görüntülediğinizde bir navigasyon veya bir sonraki sayfayı görüntülemek için bir bağlantı mevcut değil. Bu nedenle, sabit sayfalara erişmek için öncelikle Sayfalar Widget'ını eklemek gerekir ve yatay veya dikey olarak bir menü oluşturarak görüntülemek istediğiniz sayfaları seçmeniz gerekiryor. Bazen, yayınlanan sayfaların tümünün görüntülenmesi ise çok zor oluyor.


Aşağıdaki Widget ile ziyaretçilerin sayfadan sayfaya gezinmesine olanak tanıyan, sabit sayfalarda bir gezinme çubuğu veya bir navigasyon oluşturmamızı sağlayan bir Widget tasarımıdır.

Bu Widget, sınırsız sayıda sayfayı desteklediği için yayınlanan tüm sayfaları otomatik olarak numaralandırır.

Ziyaretçiler Sayfalar Widget'ı bağlantısına tıkladığında, listenin ilk sırasında bulunan sayfa gider. Bu bağımsız sayfada, Sayfalar Widget'ının oluşturmuş olduğu bir dizi bağlantı içeren bir gezinme çubuğu görüntülenir. Sayfa gezinme çubuğunda görüntülenen bağlantılar;

  • Numaralandırılmış sayfa bağlantılarının kısmi listesi (Widget'da belirtilen miktarda),
  • İlk sayfa bağlantısı,
  • Son sayfa bağlantısı,
  • Bir sonraki sayfa bağlantısı (varsa),
  • Bir önceki sayfa bağlantısı (varsa),

Bu Widget tasarımı yayınımızda CSS kodlarını paylaşmıyoruz, Sayfalar Widget tasarımına CSS kodu ekleyerek istediğiniz gibi yeniden tasarlayabilirsiniz.

Blogger Sabit Sayfalar Gezinme Navigasyonu Widget'ı Nasıl Kurulur?

Blog sitenizde bulunan bağımsız yani sabit sayfalara Widget navigasyonu eklemek için aşağıdaki adımları takip edin.

Birinci adım: Aşağıdaki bağlantıya tıklayın ve Widget dosyasını indirin.


İkinci adım: Blogunuzun şablon editör sayfasını açın ve CTRL+F yardımıyla aşağıdaki koda benzer id='Blog1' bulun.

HTML
<b:widget id='Blog1' locked='true' title='Blog Kayıtları' type='Blog' version='1'>
<b:includable id='main' var='top'/>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
.......
.......
.......
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'>
</b:widget>

Üçüncü adım: İndirmiş olduğunuz dosya içerisinde bulunan Widget kodunda hiç bir değişiklik yapmadan, yukarıda bulmuş olduğunuz id='Blog1''in kapanış etiketi olan (yukarıdaki HTML kod içerisinde işaretli) </b:widget> etiketinden hemen bir satır sonra ekleyin ve şablonu kaydedin.

Widget'ı ekledikten sonra, blogunuzun kumanda panelinden Yerleşim sayfasına gelerek blogunuzda bulunan sayfaları Widget'a ekleyin.

Bknz: Blogger Sınırsız Sayfa Numaralandırma Navigasyonu

Blogger sabit sayfalar navigasyonu ile blogunuzda bulunan tüm sayfalar arasında gezinmeyi kolaylaştırmaya çalıştık. Bu Widget tasarımı, harici bir Javascript kodu içermemesi de son derece önemli bir husus. Ve blogunuzda bulunan tüm sayfaların yani sabit sayfaların bağlantıları arama motorları tarafından hiçbir sorun teşkil etmeden indekslenecektir. Bu da SEO açısından blogunuz için artı puandır. Bu yayınımız ile ilgili görüş ve sorularınız için yorum bırakabilirsiniz. Bir sonraki yazımızda blog siteleri için fayda sağlayacak bir Widget navigasyonu tasarımını daha sizlerle paylaşacağım.

COMMENTS

Ad

1080P,1,11.22.63,1,12 Kızgın Adam,1,4. Sezon,1,AdMob,1,Ads,2,AdSense,23,Aksiyon Filmleri,2,Alcatraz'dan Kaçış,1,Alexa,1,AMP,14,Analiz,1,Android,12,Android Haberleri,1,Android İpuçları,2,Android Uygulamaları,7,Animasyonlu İndirme Butonu,1,Antremanlarla Matematik,1,Apk,1,Apk İndir,1,Arama Açıklaması,1,Arama Motorları,1,Arı,1,Base,1,Başlık Efekt,1,Bilgilendirme,4,Bitcoin,3,Blog,2,Blog Keşif Etkinliği,1,Blog Nasıl Açılır?,1,Blog Rehberi,1,Blogger,71,Blogger Eklentileri,18,Blogger Eklentisi,1,blogger haberleri,1,Blogger İpuçları,48,Blogger İstatistikler Widget'ı,1,Blogger Kodeks,2,Blogger Rehberi,16,Blogger Sayfa Kaydırma Efekti,1,Blogger Sorunları,1,Blogger Tavsiyeleri,1,Blogger Tema,1,Blogger Temaları,28,Blogger Widget'ları,7,Blogger Yedekleme,1,Blogging,4,Buton,2,camera,1,Checker Gmail,1,Clev Note,1,CSS,24,CSS3,17,Deadpool,1,Deadpool İndir,1,Diğer Kategoriler,9,Disqus,7,Dizi,1,Dizi Replikleri,1,Drop Caps,1,Editörün Seçtikleri,4,Eklenti,2,Elementary,1,Etkileşim,1,exi2.net,1,Facebook,1,Film,1,Film Puanlama,1,Film Replikleri,1,Filmler,2,First Character,1,First Letter,1,Flat İcon,1,Font,1,Forever,1,Forrest Gump,1,Fringe,1,Galeri,2,Geçmişin Gölgesinde,1,GetSiteControl,1,Google,3,Google Chrome,2,Google Fonts,1,Google Friend Connect,1,Google Plus,1,Görsel,2,HTML,20,HTML5,13,Instagram,1,Internet,1,İcon,1,İncelemeler,1,İndex,1,İndir,3,İndirme Butonu,1,İnternet,8,iOS,2,İstatistikler,1,İzlediklerim,3,Jailbreak,1,Javascript,29,jQuery,11,Kalıcı Bağlantı,1,Kaliteli Blogger Eklentileri,1,Kaptan Amerika Kahramanların Savaşı,1,Kişisel Blog,1,Kişisel Yazılar,1,Konuk Yazar,2,Logo Efekt,1,Macintosh,2,Material,1,Material Design,3,MeloCloud+ Music Player,1,Meta Açıklaması,1,Mobil,9,Mobil Uyumlu Blogger Temaları,1,Müzik,1,Nasıl Yapılır,5,Nasıl Yapılır?,3,Nedir,2,Off Topic,2,OGInstagram,1,Osmia Avosetta,1,Oyun,3,Özel Başlık Etiketleri,1,Paylaşım,1,PC,2,PC Uygulamaları,1,Pocket,1,Popüler Yayınlar,1,Replikler,1,Resim ve Video,1,Resimli İndirme Butonu,1,Responsive,2,Robots txt,1,Root,2,Schindler'in Listesi,1,Scroll Smooth,1,SEO,40,SEO Ayarları,1,Shareaholic,1,Shareit,2,Sherlock,2,Site Haritası,1,Social Meter,1,Sosyal Medya,2,Sözler,1,Tanıtım,3,Tavsiyelerim,1,Teknoloji,4,Template Clue,1,The Blacklist,1,The Pianist,1,True Detective,2,TVShow Time,2,Uygulama,1,Ücretsiz İkon,1,Üst Sıralara Çıkmak,1,Video,1,Videolar,1,Webmaster,10,Website,1,WhatFont,1,Widget,14,Windows,1,Woorank,1,Word Count,1,WordPress,4,Yabancı Diziler,3,Yardımlaşma,1,Yayın Ayarları,1,Yazar Olmak,1,Yazı,2,Yazı Kutusu,1,Yazı Yazmak,1,Yazılım,1,Yıldız Sıralamalı,1,YouTube,3,Ziyaretçi Trafiği,1,
ltr
item
Sitekodla: Blogger Sayfalar Widget'ı ile Sabit Sayfaları Otomatik Numaralandırma
Blogger Sayfalar Widget'ı ile Sabit Sayfaları Otomatik Numaralandırma
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGEXwa9If1T3QJl00ZGm9Vs7CrbL4IG7YTqLDTPlYnC2n9Tqlgc_cOVJ6jxXa6FXw1RGUosnaMJvJl-bmFQoy01gp5RIw1_kigo24cVvluMjnvG_rv-zbmaUV0NyQjHie2cX4B7GM4692/s1600/sabit-sayfa-navigasyonu.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGEXwa9If1T3QJl00ZGm9Vs7CrbL4IG7YTqLDTPlYnC2n9Tqlgc_cOVJ6jxXa6FXw1RGUosnaMJvJl-bmFQoy01gp5RIw1_kigo24cVvluMjnvG_rv-zbmaUV0NyQjHie2cX4B7GM4692/s72-c/sabit-sayfa-navigasyonu.png
Sitekodla
https://sitekodla.blogspot.com/2018/04/blogger-sayfalar-widget-ile-sabit.html
https://sitekodla.blogspot.com/
https://sitekodla.blogspot.com/
https://sitekodla.blogspot.com/2018/04/blogger-sayfalar-widget-ile-sabit.html
true
9016745788980427262
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy