3 Aralık 2013 Salı
Blog yazılarınızda atlama aralığı seçeneğinden sonra görülen, “Devamını Oku” ismini, blog şablonunda nasıl bulacak ve sağ tarafa taşıyacaksınız ?
NOT: Tüm eklentileri kullanırken Html ve CSS kodları hakkında bilginiz yoksa mutlaka blog’unuzun yedeğini almayı unutmayın. Blogger yedekleme iki şekilde alınır unutmayın.
Devamını Oku kodu blog şablonumuzda nerede bulunur :
→ Blogger kumanda paneline giriş yapın
→ Şablon → HTML’yi düzenle tıklayarak şablonumuza ulaşalım
→ Şablonda boş bir yere tıklayarak CTRL+F ile aşağıdaki kodu aratın. Bulduğunuz bu kod, Blogger’un varsayılan Devamını Oku ismine ait kod kümesidir.
<div class='jump-link'>→ Blogger şablon’umuzda yukarıda bulduğumuz kodu silerek aşağıdaki kodu ekleyin
→ Önizleme yapın. Yaptığınız işlem doğru ise blog’unuzu kaydedin.
Not: Chrome tarayıcılarda bazen kod alırken, Google Translate dil çeviri aracı çalışır. Dil çeviri aracı çalışır bir durumda ise tarayıcıda orj. sekmesine tıklayarak kodu almaya çalışın.
Neden : Dil çeviri aracı çalıştığı sırada kod araları açılacağından sağlıklı olarak kod’u alamazsınız. Böyle bir durumda aldığınız kod çalışmayacaktır.
<div class='jump-link' align='right'>→ Blog şablonunuzda aşağıdaki kodu bulun
</head>Yazıyı özelleştir :<style>
.jump-link{
font-family:'arial',helvetica,verdana,monospace;
text-decoration:none;
margin:0 0 0;
padding:0 0 0;
font-size:14px;
}
.jump-link a{
font-size:13px;
color:#2662DF;
font-weight:normal;
}
.jump-link a:hover{
color:#D93F46;
}
</style>
font-family : Yazı ailesini değiştirir
font-weight : Normal ve kalın olarak değişebilirsiniz.kalın yapmak için, ( bold ) yazın
font-size : Yazı boyutunu değiştirmek için 14, 15, gibi
hover color : Yazının arka plan rengini değişir herhangi bir renk kodu kullanabilirsiniz.
Yukarıda verilen değerlerde istediğiniz renk kodları ve rakamları değiştirerek deneme yapmak için yaptıklarınızı önizleyin kontrol edin. Kaydedin blog’unuza dönerek yaptıklarınızı kontrol edin.
* Blogger, Yazının Devamını Oku ismini resimli yapmak
* Tumblr Blog Yazının Devamını Oku Eklentisi kullanmak
* Renk kodlarına buradan bakabilirsiniz
