14 Ağustos 2012 Salı

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

http://www.akblog.net/2012/08/bloggerda-onceki-sonraki-yazlar.html
Google arama sonuçları Google search results; Bloggerda Önceki Sonraki Yazılar Bağlantısını Şekilli Yapmak, blogger yazı rengi değiştirmek, blogger önceki sonraki bölümü değiştirmek, blogger değişim, blogger yeni özellik, blogger sitenizi daha güzel yapmak, sitelerinize estetik görünüm vermek, blogger sitelerinizi dinamik hale getirmek, blogger siteleriniz mükemmel yapmak, sitelerinize estetiklik vererek ziyaretçi çekmek blogger sitelerinize,
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.

1 yorum:

Yorumlarınız bizim için önemlidir. Konu hakkında sormak istediklerinizi yazabilirsiniz.