16 Eylül 2014 Salı

Blog Tasarımı#1: Resimli Devamını Oku Butonu Ekleme


Merhabalar blogcular:) Bugün yeni bir seriye başlamış bulunuyorum bu yazıyla. Bundan sonra blog tasarımı konusunda da yardımcı olacağım sizlere. Malum 'Web Design' öğrencisi olacak bendeniz =) Evet bu kadar muhabbetten sonra uzun süredir uğraştığım ve az önce yapmayı başardığım 'Resimli Devamını Oku' butonu'nun nasıl yapıldığını anlatacağım. Buradaki kodlar ve resimler şuradaki linklerden alıntıdır. tık tık ve tık tık ve tekrar tık tık :) 



-Blog kontrol panelinize girin.
-Şablon kısmından HTML'yi düzenle'ye basın.
-Sonra CTRL+F ile Aşağıdaki kodu bulun.
<b:if cond='data:post.hasJumpLink'>
-Şablon içinde bulduğunuz kod görüntüsü aşağıdaki gibi karşınıza çıkacaktır
<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>
-Bu kod içinde renkli olarak belittiğim aşağıdaki kodu buluyoruz
<data:post.jumpText/>
-Yukarıdaki kodun olduğu yere aşağıda verdiğim kodu yapıştırıyoruz. 
<img src='https://lh6.googleusercontent.com/-s2MD2CNHsx8/UU5iBVUODrI/AAAAAAAARVw/e2pokicnMuc/s128/Yaz%C4%B1B.png'/>
-Mavi Renkli resim linkini istediğiniz bir görselin linki ile değiştirebilirsiniz.
-Kod aralarındaki tırnaklar açık kalmasın dikkat ederek resim linklerinizi ayarlayın.
-Bu arada blog'da yazı yazarken Bağla  butonunun yanındaki yırtılmış sayfa resmine yani 'Atlama aralığını ekle' butonuna basmanız gerek.
Resim balköpüğü blogundan alınmıştır. Bana ait değildir.
Yardımcı olmamı istediğiniz konuları yoruma yazın. Bir sonraki blog tasarımı yazısının konusu da olabilir bu yorumda. Kolay gelsin:) 
ASIL KAYNAK: Guney59
DEVAMINI OKU GÖRSELLERİ:

İlginizi Çekebilir:

10 yorum:

  1. Maşallahın var başka ne söylim size. Kopyala yapıştır. kaynak verme. Sonra blog yaz. Çok sürmeyeceğini söyleyebilirim. Benle iritibata geçin. ve bu yazıda kaynak görmek istiyorum.

    YanıtlaSil
  2. Aslıhan tamam üst kısımda linki görmedim. Ancak kaynak böyle verilmez.Yazıdan bir alıntı yaparsınız. Bu yaklaşık 1/3 civarındadır. Kendi düşüncelerinizi yazarsınız. Alt kısma kaynak : blog ismi ve ilgili sayfa linki verirsiniz. Bu tarz bir yazıyı başkalarından da alıp aynı tarz ile blogunuzda kullanırsanız. Telif haklarına ve Google İçerik politikalarına takılırsınız. Bunun sonucuda blog askıya alınır.Değerli blogunuzu yok etmeyin lütfen.

    YanıtlaSil
    Yanıtlar
    1. Çok özür dilerim ben link konusunda üstteki yeter zannediyordum. Kısa zamanda link belirteceğim ve düzenleme yapacağım. Zaten yalnızca bu yazıda böyle kopyala yapıştır tarzı oldu. Uyarınız için teşekkür ederim.

      Sil
    2. Aslıhan hanım merhaba, siz zaten sormuştunuz hatırladığım kadarı ile, ancak kaynak bu şekilde olmaz. kaynak yazı altında ve ilgili yazıya verilir. Biraz sert yazıyorum gibi size gelebilir fakat öyle biri değilim. Bir dost yazar arkadaş olarak görün lütfen. Farklı biri için bu uygulama yanlış olurdu. Bu nedenle açıklama yazdım size. Birçok yazım kopyalanmış ve kullanılıyor. İnanın kötü birisi olsam hepsini kapattırırım. Ancak kendilerini düzeltirler düşüncesi ile görmezden geliyorum. Diğer bir konuda tık tık gibi üç öğe de aynı link olmaz.Ciddi olmadığı gibi Google arama sonuçlarında spam olarak algılanırsınız. Bunun sonucu kara listeye eklenmektir. Yani arama sonuçlarında artık bir mütted görülmezsiniz. Blog yazılarımda bu konulara devamlı değiniyorum. 2013 senesinde birçok blog kapanacak demiştim. Gerçekten de kapandılar. Hatta şu anda bu durumu büyük trajlı gazeteler yaşıyorlar. Blogger artık eski blogger değil, daha ciddi ve kararlı. Artık yazılanlara linklere herşeye dikkat etmek gerekiyor. Başarı dileklerimle.

      Sil
    3. Çok teşekkür ederim bilgilendirmeniz için. Bugün yazı güncellemesi yapacağım.

      Sil
    4. Teşekkür ederim. Yanlış analamayında şu Bumerang ne işe yarar kullanmaktan başka, bir araştırın ve bunlara değer vermeyin lütfen.Sizi ene iyi tanıtan araç yine sizsinizdir. Bumerang gibi asalaklara yazdığım yazının cevabını dahi vermediler.Google da bri inceleyin SEO. Google bu tür haber istelerine ve ordan gelen okuyucu kitlesine me kadar önem veriyor.Kolay gelsin.

      Sil
    5. Çok teşekkür ederim herşey için. Tavsiyeleriniz çok işime yarayacak. Yazıyı da gördüğünüz gibi güncelledim. Blog tasarımlarımda sizin sitenizi de takibe alacağım. Tekrar hatamdan dolayı özür dilerim.

      Sil
    6. Aslıhan hanım rica ederim. Hatalar olur bu normaldir. Hatalar tecrübelerimizin ışığıdır, onlar bize yol gösterir. Yine bir hatırlatma yapamadan geçemeceğim. Kaynak vermeyi şu şekilde yaprsanız web kurallarına dah fazla uyum içinde olabilirsiniz. Örnek : Kaynak : Guney59 paylaşım ve bu ismi seçin yukarıda verdiğiniz sayfa linkini ekleyin. kaynak kısmında sadece isim görülür ve dah düzgün ve tertipli olur. Ayrıca bu kadar açık bir şekilde yazdığınız için teşekkür ederim. %90 hiçbir yazar böyle cesaretle bir yazı yazmaz.Hep gizlerler. Bilmediğim bir konuyu ben bile size yorum yazarak öğrenmek isterim. Bu küçülmek değil tam tersine dahada büyümektir. Tabi bu düşünceyi anlayabilenler için geçerli bir değer yargısıdır.

      Sil
    7. Çok teşekkür ederim. BAĞLA eklentisini kullanacağım da şuan telefonumdan yapmak zorunda kaldım. O nedenle bağla kısmını daha sonra yapacağım. İyi akşamlar.

      Sil
    8. Teşekkürler, sizede iyi akşamlar.

      Sil