Bloggerda Önceki Sonraki Yazılar Bağlantısını Şekilli Yapmak

Bloggerda Önceki Sonraki Yazılar Bağlantısını Şekilli Yapmak

Merhabalar sevgili arkadaşlar sizlere bu yeni konumuzda diğer blogger sitelerinden farklı olarak daha iyi bir görünüm, daha estetik bir yapı kazandıracak ve dahası akblog olarak bizlerinde bu uygulamayı kullandığımız estetik yapılı olan blogger'da bir özelliği sizlerinde kullanmanız için anlatacağız.
Anlatacağımız özellik ise Bloggerda Önceki Sonraki Yazılar Bağlantısını Şekilli Yapmak olacaktır. Anlatımını her zaman ki gibi basit kolay ve kullanılışlı olarak anlatacağız. Umarım sizlerde anlar ve blogger sitelerinize bu özelliği eklersiniz.

Aşağıda verilen işlemleri sırasıyla sizlerde yaparsanız yanda görmüş olduğunuz resimdeki gibi blogger siteniz değişecek ve biz renk olarak turuncu rengini seçtik sizler istediğiniz biçimde yapabilirsiniz. Konuda istediğiniz renkte yapabilmeniz için kodlar verilmiştir. Umarım sorunsuz olarak yapar ve sizlerinde blogger siteleriniz daha farklı bir görüntüye kavuşacaktır.
Konu anlatımına geçiyoruz. Untumayın sırasıyla yaparsanız sorunsuz olarak verilenleri halledebilirsiniz.

Şablon Tasarımcısından html'ye gelip orada widgetleri genişletin demeyi unutmayın.

Öncelike aşağıda verilen kodu bulun.
KOD: Bulun

]]></b:skin>

Yukarıdaki kodu bulduktan sonra : Üzerine Ekle

Aşağıdaki kodu ekleyin:

.blog-pager{font-size:12px;}
.blog-pager a:link, .blog-pager a:visited,
.submitNews a:link, .submitNews a:visited{
display:block;
float:left;
padding:6px 10px;
text-align:center;
background:#888;
color:#FFF;
font-size:11px;
font-weight:bold;
margin-right:8px;
}
.blog-pager a:hover,
.submitNews a:hover{
background:#444;
color:#FFF;
}

Bu işlemleri yaptıktan sonra kayıt etmeniz yeterlidir ancak eğer biz turuncu veya kırmızı değilde daha farklı bir renkte istiyoruz diyorsanız  aşağıdaki işlemler ile devam edebilirsiniz.

background:#888; 

yukarıda verilen kod ile değişiklik yaparak arkaplan rengini değiştirebilirsiniz.

color:#FFF;

Burada yukarıda verilen  kod ile ise değişiklik yaparak yazı rengini değiştirebilirsiniz.

.submitNews a:hover{ 

bu kod ile ise üzerine gelince değişecek renkleri de ayarlayabilirsiniz.