Disqus for Blog Okulu

Bumerang - Yazarkafe

blogokulu etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
blogokulu etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Yazı İçerisinde Blogger Devamını Oku Eklentisi

Yazı İçerisinde Blogger Devamını Oku Eklentisi

Blogger Devamını Oku eklentisini, ana sayfadaki yazılarınızın tümüne tek kodla uygulamayı daha önceden anlatmıştık, bu yazımızın yorumlar kısmına, yazı içerisinde de istediği noktada yazıyı kısaltıp sonuna bir link koyup devamını oku özelliğini eklemek istediğini söyleyen @ebrarn isimli arkadaşımızın talebi üzerine kaleme alıyorum.Uygulayacağımız eklentinin nasıl çalıştığını merak ediyorsanız aşağıdaki demo görünüm butonuna basarak kontrol edebilirsiniz.
Demo Görünüm

Yazı İçerisine Blogger Devamını Oku linki Eklemek İçin;




1-Blogger hesabımızla giriş yapıyoruz.
2-Şablon>Html'yi Düzenle yolunu takip ediyoruz.
3-Html kodları içerisinde Ctrl+F yardımı ile ]]></b:skin> kodunu aratıp buluyoruz ve aşağıdaki kodu kopyalayıp bulduğumuz ]]></b:skin> kodunun hemen üst satırına yapıştırıyoruz.
.toggle-box {
  display: none;
}

.toggle-box + label {
  cursor: pointer;
  display: block;
  font-weight: bold;
  line-height: 21px;
  margin-bottom: 5px;
}

.toggle-box + label + div {
  display: none;
  margin-bottom: 10px;
}

.toggle-box:checked + label + div {
  display: block;
}

.toggle-box + label:before {
  background-color: #4F5150;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #FFFFFF;
  content: "+";
  display: block;
  float: left;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin-right: 5px;
  text-align: center;
  width: 20px;
}

.toggle-box:checked + label:before {
  content: "\2212";
}
4-Şablonumuzu kaydedip çıkıyoruz.
5-Yazı İçerisinde Blogger Devamını Oku eklentisini kullanmak istediğimiz yere de aşağıdaki kodu Yazı yazdığımız alanda HTML modundayken yapıştırıyoruz.
<input class="toggle-box" id="identifier-1" type="checkbox" >
<label for="identifier-1">Devamını Oku!</label>
<div>Buraya Devamını Oku Linkine tıklayınca açılan pencerede görünmesini iztediğiniz yazı resim v.b şeyleri HTML modundayken HTML kodlarını ekleyin.</div>
Sonuç olarak aşağıdaki bir pencere içerisinde devamını oku eklentisini blogunuza uygalamış olacaksınız.

Yazınızı yayınlayın ve yazı içerisinde Blogger Devamını Oku eklentinizi test edin.

Blogger İzleyiciler Eklentisi

Blogger İzleyiciler Eklentisi

Blogger izleyiciler eklentisini birçok blogcu biliyordur.Ama gelen mailler ve yorumlardan özellikle Melahat Nuroğlu isimli takipçimizin de isteği üzerine blogger izleyiciler eklentisini anlatmaya karar verdik.Blogger izleyiciler eklentisi ileblogunuza katılan yani resimdede gördüğünüz üzere Bu Siteye Katılın yazan butona tıklayıp siteye katılan kişiye,yani izleyiciniz olan blogcuya yazdığınız yazılar aşağıdaki resimde gördüğünüz  gibi okuma listesi adı altında kısa kısa gidecektir.Buda bir yazı yayınladığınız zaman ziyaretçi sayınızı ve sizin yazılarınızın tıklanma oranını arttıracaktır.Yani nekadar izleyiciniz varsa sizin için okadar iyi dilelim ve blogger izleyiciler eklentisini blogunuza nasıl ekliyebileceğinizi anlatalım;

Sizi izleyen bir blogcunun siz yazı yayınladığınızda blogundaki görünüm;
İzleyiciler gadgetini blogunuza eklemek için:Şekilde de gördüğünüz kumanda panelinde Yerleşim>Gadget Ekle yolunu takip ediyoruz.
Şekildeki resimdeki yolları izleyip izleyiciler linkinin olduğu kısma gelip blogger izleyiciler gadgetini eklemek için bu linke tıklıyoruz.
Son olarak açılan pencerede kaydet butonuna bastığımızda

 blogger izleyiciler gadgeti blogumuza eklenmiş olacak.
Yazar:araba oyunları