Blogger'da bildiğiniz gibi "Sayfalar" adlı bir gadget mevcut. Bu üst menü olup, blogunuzdaki sayfalarınızı listelemenize olanak sağlıyor. Standart olarak ise sola yaslı durumda olup, isteğe bağlı olarak üst menü ortalama işlemini gerçekleştirebilmek mümkündür. Hazırladığım örnek CSS kodunu temanıza eklemeniz yeterli olacak ve farklı bir işleme ise gerek bulunmamaktadır. Umarım bu yönde ihtiyacı olanlar için faydalı bir ipucu olacaktır. Hemen kodlara göz atıyoruz.

AYRICA: Blogger’da “Kaydol: Kayıtlar (Atom)” Yazısını Gizleyelim

Blogger'daki Üst Menüyü Ortalayalım

.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}
.tabs.section ul li a{border:1px solid #ddd;margin-right:10px}
.tabs-inner .section:first-child {
border-top: 0 solid #dddddd;
}
.tabs-inner .section:first-child ul {
margin-top: -1px;
border-top: 0px solid #dddddd;
border-left: 0px solid #dddddd;
border-right: 0px solid #dddddd;
}
.tabs-inner .widget ul {
background: transparent none repeat-x scroll 0 -800px;
_background-image: none;
border-bottom: 0px solid #dddddd;
margin-top: 0;
margin-left: -30px;
margin-right: -30px;
}
.tabs-inner .widget li a {
display: inline-block;
padding: .6em 1em;
font: normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #000000;
border-left: 0px solid #ffffff;
border-right: 0px solid #dddddd;
}
.tabs-inner .widget li:first-child a {
border-left: none;
border-left:1px solid #ddd;
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
color: #fff;
background-color: #C9302C;
text-decoration: none;
}