Bildiğiniz üzere blogger'da sayfa numaraları yerine diğer yayınlar veya daha eski yayınlar gibi eklentisi var. Diğer konulara geçecek ziyaretçiler oraya tıklamak zorunda kalıyor. Bu sorun hem görsel olarak hemde daha zor hale getiriyor. Şimdi vereceğim kodlar ile bloğunuzun ana sayfa altında diğer web sitelerindeki gibi numaralandırılmış olacak.
İlk olarak yağmanız gereken;
1) Blogger kontrol Paneli > Şablon > HTML'yi Düzenle tıklayıp devam edin:
2) Herhangi bir yerde kod alanının içinde Blogger arama kutusunu açmak için CTRL + F tuşlarına basın.
3) Arama kutusunun içine aşağıdaki etiketi yapıştırın ve onu bulmak için Enter'a basın:
Şimdi ise ]]></b:skin> Kodunu aratıp buluyoruz. Bulduğumuz kodun hemen üzerine aşağıda ki kodları ekleyeceğiz.
1) Blogger kontrol Paneli > Şablon > HTML'yi Düzenle tıklayıp devam edin:
2) Herhangi bir yerde kod alanının içinde Blogger arama kutusunu açmak için CTRL + F tuşlarına basın.
3) Arama kutusunun içine aşağıdaki etiketi yapıştırın ve onu bulmak için Enter'a basın:
Şimdi ise ]]></b:skin> Kodunu aratıp buluyoruz. Bulduğumuz kodun hemen üzerine aşağıda ki kodları ekleyeceğiz.
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}Ve Daha sonra kaydet diyerek çıkış yapıyoruz. Bu işlemi yapmadan önce lütfen şablon modelinizi kayıt etmeyi unutmayın. Bu işlem ardında bloğunuz da şu şekilde gözükecektir.
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;}
#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
0 yorum:
Yorum Gönder