22.07.2017
Blogger Devamını Oku Eklentisi Nasıl Eklenir ? Nasıl Özelleştirilir ?
Blogger devamını oku eklentisi nasıl eklenir ? Ve ya asıl anlatmak istediğim blogger devamını oku eklentisi nasıl özelleştirilir konulu yazıma hoş geldiniz. Hep birlikte devamını oku eklentisini eklemeyi ve asıl anlatmak istediğim bu eklentiyi özelleştirmeyi anlatmaya başlayalım.
Bir çok blog arkadaşımın bu eklentiyi varsayılan şekliyle kullandığını gördüm. Ve benim blogumda gördüğünüz üzere, ben bu eklentiyi bir çerçeve içine aldım ve yazı içinde ortaladım. Ayrıca mouse ile üzerine gelindiğinde yazı rengini değiştirerek görsel açıdan beni tatmin eden bir görüntü elde ettim. Nasıl göründüğünü merak edenler ana sayfamdan bakabilirler. Eminim sizlerinde hoşunuza gidecek bu özelliği anlatmak istedim.
#Blogger Devamını Oku Yazısı Nasıl Değiştirilir ?
Öncelikle blogger sayfamıza devamını oku eklentisi nasıl eklenir onu resimlerle anlatacağım. Blog panelimizde yerleşim kısmına tıklıyoruz. Sonra blog kayıtları gadget ine tıklıyoruz. Açılan kısımdan Kayıt sayfası bağlantı metni yazan boşluğa ana sayfamızda görünmesini istediğimiz yazıyı yazıyoruz. Örneğin " Devamını Oku" ve ya " Devamını Oku --->>>" vs şeklinde istediğimiz yazıyı yazıyoruz. Sonra kaydedip çıkıyoruz.
#Blogger Devamını Oku Eklentisi Blog Yazılarımıza Nasıl Eklenir ?
Devamını oku eklentisi eklememiz gereken yayınımıza giriyoruz. Ve aşağıda resimde görülen Atlama Aralığı Ekle kısmına tıklıyoruz. Burada tavsiyem ana sayfada görünmesini istediğimiz yazımızdan sonra bu eklentiye tıklamak. Ben genellikle giriş paragraf cümlemden sonra yapıyorum. Ve bir tavsiyem ise bu eklentiyi eklemeden önce bir kaç aşağı satıra geçmeniz daha iyi bir görüntü oluşturacak.
Asıl anlatmak istediğim yere gelmeden önce devamını oku eklentisini düzenleyebilmek için bir kaç satır css eklememiz gerekir. Bunu nereye eklememiz gerektiğini kısaca anlatayım.
#Blogger Css Dosyaları Nereye Eklenir ?
Blog sayfamıza Css Eklemek için öncelikle blog panelimizde ki Tema sekmesine tıklıyoruz. Sonrasında Özelleştir kısmına tıklıyoruz. Sonrasında açılan sekmeden önce Gelişmiş kısmına daha sonra ise Css Ekle kısmına tıklıyoruz. Ve ekleyeceğimiz Css kodlarını aşağıda ki resimde görülen bu boşluğa yazıp kaydediyoruz.
#Blogger Devamını Oku Eklentisi Nasıl Özelleştirilir-Modifiye Edilir ?
Blogger devamını oku eklentisini özelleştirmek için aşağıda paylaşmış olduğu css kodunu, yukarıda anlatmış olduğum css ekleme kısmına ekleyip kaydediyoruz. Hepsi bu kadar. Kodu CTRL+C ile kopyalayabilir ardından CTRL+V ve ile istediğiniz yere yapıştırabilirsiniz.
.jump-link {text-align:center;font-size:20pt;border:3px solid red;width:200px;height:40px;margin-left:255px;font-family:Florence,cursive;}
.jump-link a:hover {text-decoration:none;}
Eğer bu kodu kendi temamıza göre düzenlemek istersek yukarıda ki kodu nasıl değiştireceğinizi adım adım açıklayacağım.Bu kodu aynı şekilde eklediğinizde aşağıda ki gibi bir görüntü elde ediyoruz.
#Blogger Devamını Oku Eklentisini Konumlandırma
Devamını oku yazısını sayfamızda konumlandırabilmek çok basit. Bunu yapabilmek için yukarıda paylaşmış olduğum kodda bulunan margin-left:255px; kısmı düzenlememiz yeterli olacaktır. Bu kod devamını oku yazımızın soldan 255px uzaklıkta olduğu anlamına gelir. Bu değeri artırırsak yazımız daha fazla sağa kayacak, azaltırsak daha fazla sola yaklaşacak. Bu değeri artırıp azaltarak sayfamızda görünmesini istediğimiz yere taşıyabiliriz.
#Blogger Devamını Oku Eklentisiyle İlgili Diğer Bazı Ayarlar
Kod içerisinde bulunan font-size kısmı yazı boyutunun olduğu kısımdır. Bu kısımda ki değeri artırıp azaltarak istediğin şekilde ayarlayabilirsiniz.
Border kısmı ise çerçeve ile ilgili kısımdır. Burada yazan Red çerçeve renginin kırmızı olduğu anlamına gelir. Siz bu red yerine istediğiniz rengin ingilizcesini yazarak istediğiniz renkte çerçeve elde edebilirsiniz. Ya da border kısmını tamamen silerseniz çerçeve ortadan kalkar.
Width ve Height yazımızın genişlik ve uzunluk olarak kapladığı yeri belirtir. Devamını Oku yazısından daha uzun bir şey yazarsanız width kısmını biraz daha artırabilirsiniz.
Font-family ise yazımızın fontuyla ilgili olan kısımdır. Buraya görüntülemek istediğiniz fontu yazarak değiştirip kendi göre ayarlayabilirsiniz.
Devamını oku yazı rengini değiştirmek için ise tasarım kısmından, Gelişmiş sonra Bağlantılar sonra bağlantı rengine tıklayarak istediğiniz rengi seçebilirsiniz.
Son olarak yazının üzerine geldiğinizde değişecek rengi ( Hover Efekti ) ise yine tasarım kısmından Gelişmiş sonra Bağlantılar Sonra ise Bağlantı vurgulama rengi kısmına tıklayarak değiştirebilirsiniz.
Sonuç:
Diyeceksiniz ki meczup yazar neden böyle bir paylaşımda bulundu. Şöyle anlatayım. 2 sene önce pek sevdiğim çok yakın arkadaşımdan blogumla ilgili yardım istemiştim. Kendisi bana yardım etmedi, ne kadar yakın olduğumuzu umursamadan. Bende biraz sinir biraz hırsla kendimi Html ve Css ile ilgili kitapları okumaya yoğunlaştırdım. Hem yeni bir hobim oldu, hemde bir şeyler öğrenmiş oldum. Bu kitaplardan öğrendiklerimi (ki daha fazla öğrenebilirmiyim bilinmez ) zaman zaman sizlerle paylaşacağım. Çünkü bilgi paylaştıkça güzel, paylaştıkça değerli. Yukarıda anlattığım kısımla ilgili anlamadığınız, yapamadığınız her şeyi sormaktan çekinmeyin lütfen. Saygı ve sevgilerimle. Vesselam...
59 yorum:
Önemli Notlar
1-)Hiçbir hesabınız yoksa bile rumuz belirterek anonim olarak yorum yapabilirsiniz.
2-)Yorumunuza gelecek cevabı takip etmek için "beni bilgilendir" kutucuğunu işaretleyebilirsiniz.
3-)Yorumlarınız benim için çok değerlidir.Lütfen olumlu-olumsuz düşüncelerinizi paylaşmaktan çekinmeyin.
Hayat paylaşınca güzel :)
Bu faydalı paylaşım için teşekkürler benim kodlarla alakalı hiç bir fikrim yok ilgiyle takip ediyorum.
YanıtlaSilBen teşekkür ederim. Olabildiğince en basit haliyle anlattım. Bence denemelisiniz. Yapamadığınız her hangi bir şey olursa mesaj atmaktan çekinmeyin. Bu değerli yorumunuz için çok teşekkür ederim...
SilAy yinemi kodlar :) bir insan teknolojiden nasil bu kadar uzak olabilir anlayamiyorum :) cok güzel anlatmissiniz. Bir cogunun isine yarayacak. Ben simdilik sadece yazı esnasinda atlama araligini yapabiliyorum :)
YanıtlaSilYazının devamını okur iseniz çok basit anlattım gerçekten :) Siz bir bakın, yapamaz iseniz ben yardımcı olacağım mesaj atmanız yeterli :)
SilOkudum ki buna rağmen anlamadim 😀 ya benim bu konulardan acayip basim agrio bide suan kafam böyle maden suyu gibi dolu ama fos :) sakin bir zamanda denemeye caliscam insallah.tesekkr ederim. ( Bide arkadasiniz ayip etmis. Kusura bakmayında bunun adi cekememezliktir. Ki hicde sevmem böyle syleri. Ama sebep olmus ögrenmissiniz :) iyiki yapmamis )
SilTamam hiç önemli değil siz müsait olduğunuzda bana mesaj atın ben yardımcı olacağım :) Haklısınız epey bir ayıp oldu. Evet çok iyi bir şeye sebep oldu istemeden de olsa :) Tekrar yorum için teşekkürler :)
Silbir zamanlar bu türden bir eklenti arıyordum neyse ki sonradan halloldu..Meraklısı için güzel bir yazı olmuş :)
YanıtlaSilTeşekkür ederim :)
Silçok faydalı ve açıklayıcı olmuş meczup ama yapabileceğimi sanmıyorum ben :D :D
YanıtlaSilElbette yapabilirsin :) Çok basit birazcık uğraş yapmazsan bana mesaj at :)
SilÇok açıklayıcı olmuş, teşekkürler. Takipteyim, ben de bloguma beklerim
YanıtlaSilRica ederim. Elbette uğrayacağım...
Silheey saaol hiç yapmadım ama belki lazım olur ama bi de ihtiyacı olanlara sölerim yazınııı :)
YanıtlaSilTeşekkürler deeptone :)
Silİhtiyacı olanlara yardımcı olacak bir yazı ellerinize sağlık :) bizimki de çok önceden halloldu yoksa mutlaka denerdim :)
YanıtlaSilÇok teşekkür ederim :) Hallolmuş olmasına sevindim :)
SilMerhaba ..Tam aradığım uygulama. Klavyenize sağlık :)Yazılarım oldukça uzun olduğu için,sayfayı bölmem kullanışlı olacak.Talimatlarınızı uyguladım ,lakin Blog'a uygulama butonu devreye girmiyor.Sebebi hakkında bir bilginiz olabilir mi?
YanıtlaSilTeşekkür ederim :) Öncelikle blogunuz da ki herhangi bir gönderiye "Blogger Devamını Oku Eklentisi Blog Yazılarımıza Nasıl Eklenir ? " kısmını okuyarak Atlama Aralığı Ekleyin. Şuan baktığımda ana sayfanızda devamını oku yazısı gözükmüyor muhtemelen blog yayınına girip Atlama Aralığı ekleme kısmına basmadınız. Tekrar kontrol edin.
SilAtlama aralığını sonra ekleyeceğimi zannetmiştim.Söylediğiniz gibi css kodunu ekledim ama sonrasında Blog'a uygula butonu çalışmıyor
SilO zaman adım adım şunu yapın.
Sil1. Adım :Temaya tıklayın.
2. Adım :Html düzenleye tıklayın.
3. Adım :Açılan kod ekranında herhangi bir yere tıklayın ve sonrasında ctrl ve F tuşuna aynı anda basın.
4. Adım :Açılan küçük arama kısmına ]]> kodunu yazıp entere basın.
5. Adım:Daha sonra ]]> kodunun üzerine yukarıda vermiş olduğum kodu kopyalayıp yapıştırın ve kaydedin.
Deneyip yorum yazın lütfen.
Maalesef yine olmadı.Bir yerlerde yanlış yapıyorum her halde.Neyse bırakayım "dağınık kalsın".İlginiz için teşekkür ederim
SilYukarıda ki cevapta anlattığım blogger a css eklemenin diğer bir yoluydu.
SilSiz müsait olduğunuzda blogunuzun temasını bana mail olarak atın birde ben bakayım o zaman belki yardımcı olabilirim. Ben teşekkür ederim.
Düzeltme:
SilYukarıda ki kısımda kod yazıldığı halde görüntülenemiyor bende aşağıya boşluklu şekilde yazdım boşluğu silip aratarak kodu bulun.
]]> < /b : s k i n>
ifadesi yazılıp aratılacaktır ve bu ifadenin üst kısmına css kodları eklenecektir...
Zamanında aynı eklentiyi html kodları ile yapmaya çalışmıştım,tabiki de yapamadım:)) Ama bunu en yakın zamanda deneyeceğim kesinlikle,çok teşekkür ettim:))
YanıtlaSilBunu yapabileceğinden eminim dene yeter ki :)
SilRica ederim. Yapamadığın her hangi bir şey olursa yazmaktan çekinme :)
Ben teşekkür ederim :))
Özel temalarda bu eklentiyi kullanmaya gerek yok çünkü zaten devamını oku otomatik oluyor fakat blogger'ın kendi temalarını kullanan arkadaşlar için detaylı güzel bir anlatım olmuş, elinize sağlık.
YanıtlaSilHaklısınız özel temalar bir çok kolaylık sağlıyor. Benim gibi hala blogger ın kendi temasını kullanmakta olanların işlerine yarayacak bir eklenti. Vakit ayırıp bu değerli yorumu paylaştığınız için çok teşekkür ederim.
SilRica ederim.
SilGüzel bir paylaşım olmuş bende hemen paylaştım google-plus da :) Sevgilerimle...
YanıtlaSilÇok teşekkür ederim :) Sevgilerimle ...
Silselam peki devamını göster'i nereden kaldırabiliriz?
YanıtlaSilAleyküm selam. Blogger devamını oku eklentisini kaldırmak oldukça basit. Öncelikle blogunuzun yerleşim kısmına tıklayın. Daha sonra blag kayıtları gadgetini düzenleye tıklayın. Ve daha sonra Kayıt sayfası bağlantı metni kısmında ki yazıyı silin. Yapamadığınız bir kısım olursa yazın lütfen...
SilOnu yaptim ama yabanci bloggerlarda okudum, her tema o eklentiyi kaldirtmiyormuş, kaldirsa da çirkin bir şeyler oluyor (soho theme)
YanıtlaSilAnladım. Kusura bakmayın yardımcı olamadım. Ama bir şekilde devamını oku eklentisi kaldırılabilir diye düşünüyorum. Umarım çözümü bulabilirsiniz.
SilYa bu devamını oku eklentisinde ben de takıldım, kaldım... Yorumları okudum fakat ben de yapamadım demekten çekiniyorum 😒 yazılarım ve şiirlerim çok uzun oluyor blogumda, istiyorum ki okuyucular aşağı doğru inerek hepsine göz atma fırsatı bulsun...
YanıtlaSilAslında özel tema ile halloluyorsa baştan aşağı yenilesem nasıl olur? 😇
YanıtlaSilBu arada benim blogum 'Devrilmiş Cümleler'...
Yine ben 😅 devamını oku kısmını yapmışım ama şimdi nasıl yaptığımı hatırlamıyorum... Yaw güler misin ağlar mısın...
YanıtlaSilBlogunuza baktım. Evet devamını oku eklentisini yapmışsınız blogunuzda gördüm. Açıkçası yardımcı olabileceğim her hangi bir şey varsa yazmaktan çekinmeyiniz. Elimden geldiğince yardımcı olmaya çalışacağım.
SilŞu anda bir sıkıntı yok ama muhakkak olacaktır, ilginiz için çok teşekkür ederim... Blogum hakkındaki yorumlarınızı da merak ettim bu arada...
SilYorumlamak ne haddime. Blogunuza uğrayıp değerli yazılarınızı okuyacağım elbette. Ben teşekkür ederim. Sevgilerimle...
SilBenim temam özel ama benimkine devamını ekle kısmını yapmamışlar . Denemediğim yol kalmadı olmuyor ...
YanıtlaSilDevamını oku eklentisi nedense bazı blog temalarında kullanılamıyor. Nedenini bende anlamış değilim. Oysaki devamını oku eklentisi gerçekten de çok kullanışlı bir özellik.
SilBu anlattığım yolu denediniz mi acaba ?
Nasıl bir hata aldınız ?
Bilgi paylaşımınızdan ben de yararlandım. Çok teşekkürler.
YanıtlaSilRica ederim.Devamını oku eklentisi hakkından her hangi bir sorunuz olduğunda lütfen yazmaktan çekinmeyiniz. Bilgi paylaştıkça güzel...
SilMrb kodları bloğuma uyguladım. Çok güzel oldu. Teşekkürler.
YanıtlaSilBlogunuza devamını oku eklentisini ekleyebildiyseniz ne mutlu bana.
SilBeğenmenize sevindim. Ben teşekkür ederim...
iyide kod alınmıyor sag tık engeli var
YanıtlaSilCemal bey az önce tekrar denedim. Kodun olduğu kısımda sağ tık engeli bulunmamaktadır. Kodun üzerine geldiğinizde fare imleci ile kodu seçin ve yukarıda anlattığım gibi ctrl+c ile kopyalayın. Oldukça basit.
SilGüzel kardeşim bilmiyorum hala bakıyor musun sayfaya ama ben saatlerdir uğraşıyorum yapamadım. Yardımcı olabilir misin? (Bütün işlemleri aynen defalarca hatta farklı yollardan da denedim olmuyor. Acaba Dinamik Web sayfası kullandığım için mi ?.)
YanıtlaSilElbette hala bakıyorum (:
SilYaşadığım her zaman buralarda olacağım.
Elbette yardımcı olurum. Şuan sayfana tıkladığımda görüntülenemiyor. Neden ?
Bu devamını oku eklentisi gerçekten de çok basit. Tam olarak nasıl bir hata aldığını bana yazarsan sana yardımcı olmak isterim ?
Eğer klasik blogger teması kullanmıyorsan bu eklenti çalışmayabilir. Ama diğer temalar içinde yardımcı olurum eğer anlatabilirsen.
hocam yazılarınız faydalı oluyor, teşekkürler. benim blogumda merdiven kullanmakta zorlanan kişiler ile engelliler için tasarlanmış asansörler hakkında. göz atarsanız sevinirim. tabi sizin kadar profesyonel değil. geliştirmeye çalışıyorum.
YanıtlaSilYazılarımı faydalı bulmanıza çok sevindim. Asıl ben teşekkür ederim nezaketin için. Bloguna göz attım. Kaliteli içerik üretiyorsunuz. Size acizane tavsiyem her yazı il ilgili varsa muhakkak görsel bir resim kullanmanız. Ayrıca blogunuza blogger takip eklentisi ve sosyal medya takp eklentilerini göremedim. Eklemeniz sizin için faydalı olacaktır. Tekrar yorumunuz için teşekkür ederim. Saygılarımla.
SilAsıl ben teşekkür ederim.
YanıtlaSilÇok teşekkür ederim. Tam da böyle bi şey arıyordum. Çok yararlı oldu. Yaptım bile :)
YanıtlaSilYapabilmiş olmanıza gerçekten çok sevindim. Asıl ben teşekkür ederim nezaketin için (: Vesselam...
SilKahveye ugramıstım ama bu konu ilgimi cekti. Yapmaya calısacagım. Tesekkürler emegine saglık.
YanıtlaSilKahvede olur başka bir gün. Bloguna göz attım. Devamını oku eklentisini kesinlikle kullanmalısın bence. Daha hoş bir görüntü olur ve yazıların ana ekranında çok fazla yer işgal etmemiş olur. Sen dene yapamazsan ben yardımcı olurum. Ben teşekkür ederim...
Silkopyala yapıştırı neden kapattın?
YanıtlaSilSizede merhaba. Kopyala-Yapıştır aktif. Sorun yok. Tekrar deneyin.
Sil