Ana içeriğe atla

Blogger Devamini Oku Ozelligi-Atlama Araligi Ekle

Bildiğimiz gibi ana sayfada ne kadar fazla ve uzun içerik olursa sayfamızın açılma süresi  bir okadar uzuyor.Yapılan araştırmalarda da bir sayfa en fazla 12 sn içerisinde açılmıyorsa ziyaretçi o sayfayı terk ediyor(kendi üzerim de de denedim:)).Blogger, kullanıcılarına ana sayfada 10 dan fazla içerik olmamasını olduğu takdirde de sayfanın açılış hızını etkiliyebileceğini söylüyor.Bugün sizlere uzun içeriklerinizi ana sayfada kısa kısa nasıl gösterebileceğinizi anlatacağız;
"Atlama Aralığı Ekle" Fonsiyonu sayesinde uzun olan bir içeriğinizin ana sayfada hepsini değilde görünmesini istediğimiz kısmını gösterebiliyoruz.Örneğin beş paragraflık yazınızın sadece ilk iki paragrafının ana sayfanızda görünmesini istiyorsanız "Atlama Aralığı Ekle" fonksiyonu ile bunu yapabilirsiniz.Bu sayede ana sayfada hızlı açılan daha fazla içerik gösterme imkanına sahip olursunuz.İçeriğin hepsini görmek isteyen kişi otomatik olarak eklenen "devamı" linkini tıklayıp içeriğin hepsini görüntüleyebilir.
Şimdi sizlere "Atlama Aralığını" Nasıl Ekleyeceğinizi Resimli Olarak Anlatalım;

Blogger Atlama Aralığı Ekle-Devamını Oku Özelliği
İmleci görünmesini istemediğiniz kısmın başlangıcına getiriyoruz, ardından şekilde gördüğümüz "Atlama Aralığı Ekle" butonuna tıklıyoruz.Butona tıklayınca kesik çizgilerden oluşan bir satır ekleniyor.Bu satırın yukarı kısma ana sayfada görünecek alt kısmı ise görünmeyecek.

Yorumlar

cigdemonur2 dedi ki…
Yapıyorum,kesik çizgiler çıkıyor.Fakat sayfada yazının gene tamamı gözüküyor.Acaba neden?
BLOG OKULU dedi ki…
Bloggerin Simple şablonunu kullanıyorsunuz.bu şablon üzerinde atlama aralığını denedim gayet sağlıklı çalışıyor.Yazılanları yaptığınız halde "devamını oku" özelliği çalışmıyorsa,şablonunuzun html kodlarında değişiklik yapmışsınızdır, sorun bundan kaynaklanabilir,şablonunuzu tekrar yüklemeniz sorunu çözecektir.
Admin dedi ki…
bende "Atlama Aralığı Ekle" butonu yok neden acaba?
BLOG OKULU dedi ki…
@berkan
İçerik gönderdiğin karenin üst tarafında iki mod vardır.
1-Html yi Düzenle
2-Oluştur
Html yi düzenle modunda çıkıp ,oluştur moduna geçmelisin.Html yi düzenle modunda "atlama aralığı ekle" görünmez.
Arzuba dedi ki…
Anlatılanları uyguladım fakat çalışmıyor
LGNTR dedi ki…
Teşekkürler Panpa :D
Demir_enes_96 dedi ki…
abi nası çalışmıyo fıstık gibi çalışıyo yönetim paneline gir>kayıtlar>yayınladığın kaydı düzenleye tıkla>yayınladığın metnin ortalarına bir yerde atlama aralığına tıkla bgu kadar basit..
Zamir Erkin Agazade dedi ki…
Hocam benim blog da sizinki ile aynı Template . http://www.niyalkurslari.com.

Soracağım şu ki, ben nasıl yapa bilirim "Read More" yazısını "devamını oku" olarak değiştire bilirim? sizinki gibi yani. yardımcı olursanız sevinirim.
Zamir Erkin Agazade dedi ki…
S.aleykum hocam. Yardımınıza ihtiyacım var. Benim blog sitem de sizinki ile aynı Template. http://www.niyalkurslari.com/

Soracağım şu ki, "Read More" yazısını nasıl değiştire bilirim? sizde "devamını oku" olarak gösteriyor. yardımcı olursanız sevinirim.
Nebesir dedi ki…
ben bu şekilde değil de misal seninki gibi bir buton koymak istiyorum

Bu blogdaki popüler yayınlar

Blogger Arama Kutusu Ekle (Renkli)

Blogunuzdaki içerik sayınız arttıkça zamanla siz bile yazdığınız şeyi blogunuzda bulmak için baya bir vakit harcarsınız, birde blogunuza gelen ziyaretçileri düşünün, bu yüzden blogunuza gelen ziyaretçilerin aradığını rahatlıkla bulabilmesi için blogunuza mutlaka arama kutusu eklemelisiniz.Blogger kullanıcıları blogunuza özel entegrasyonu yapılmış ve temanızın rengine uygun arama kutusunu blogunuza basit bir yöntemle ekleyip ziyaretçilerinizin blogunuzda aradığını anında bulmalarına yardımcı olabilirsiniz. Arama kutularını blogunuza eklemek için: Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javasript yolunu takip edip hangi arama kutusunu blogumuza eklemek istiyorsak aşşağıdaki kodlardan ona ait olan kodu kopyalıyoruz, açılan gadgetimizin içine yapıştırıp kaydediyoruz. 1.Arama Kutusu Stili: <style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL2qoP6OS9Baq9nf_keINdlxQLx8Nw07fwr-YowYEuE_tFmMaDVXELtSsqyZuM...

Bayraklı Google Translete Kodu-Sitene Dil Kodu

Blogumuza farklı ülkelerden ziyaretçiler gelebilir.Hepimiz dünyanın tüm dillerini okuyup anlayamayız.Yabancı bir blogu ziyaret ettiğimde sayfa linkini kopyalıyorum daha sonra google çevri bölümünden sitenin çevrisini yapıyorum.Fakat her defasında bu işlemi yapmak angarya geliyor kopyala-yapıştır-bekle, bu angaryadan yabancı ziyaretçilerininizi kurtarmanın vakti geldi artık.Sitenize ekleyeceğiniz bayraklı, flash ile yapılmış google translete kodunu sitenize ekleyip gelen ziyaretçilerin  ülkelerinin bayraklarının üzerine tıklayarak sitenizin bütün içeriklerini kendi dillerine çevirebilecekler.Eklentiyi blogubuza eklemek isterseniz. Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip edip aşşağıdaki kodu açılan gadgetimizin içine yapıştırıp kaydediyoruz.Ardından bayrakların, blogumuzda görünmesini istediğimiz yerine sürükleyip bırakıyoruz. <style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;...

Son Yorumlar Eklentisi-Blogger Son Yorumlar Eklentisi

Bloğunuza yapılan  Son Yorumlar ın bir köşede liste halinde görünmesini sağlayan "Son Yorumlar" Eklentisini  eklemenin çeşitli yöntemleri var.Bugün sizlere "Son Yorumlar" eklentisini bloğunuza nasıl ekliyebileceğinizi  iki yöntemle anlatacağız; 1.Yöntem: Bloğunuzun yönetim panelindeki Tasarım sayfasından "Son Yorumları" Gadget olarak ekleme yöntemi.  2.Yöntem: Bloggerde bulunan bir eklenti üzerinde yapacağımız ufak bir hile ile bloğumuza "son yorumlar" eklentisi ekliyeceğiz. 1.Yöntem: Bloğunuzun yönetim panelindeki Tasarım sayfasından "Son Yorumları" Gadget olarak ekleme yöntemi: Tasarım>Gadget Ekle>Html/Javascript Gadgetini seçiyoruz.Başlık olarak "Son Yorumlar" yada isteğinize göre bir başlık yazabilirsiniz.Başlığımızı yazdıktan sonra aşşağıdaki kodu kopyalayıp gadgete yapıştırıyoruz.Burda dikkat etmemiz gereken nokta kırmızıyla yazdığımız yere kendi site adresinizi yazmanız. <script style="text/javascrip...