Resimli Son Yazılar Blogger a Nasıl Eklenir

Anasayfada yer alan yazılarınız dışında google da herhangi bir arama yaparak blogunuza ulaşan okuyucularınız blogunuzda yer alan son yazıları göremeyecek.Onlara blogunuzda yer alan son yazıları göstermeniz yazılarınızın okunma oranı artırmada önemli bir katkı sağlayacaktır.Bu yüzden “Son yazılar” widget blogumuzda önemli bir elemen olarak görülmektedir.Tabii bunu farklı bir şekilde blogumuza ekleyebiliriz.En basiti blogumuzun besleme adresini ekleyerek yazı başlığı görüntülenecek şekilde ekleyebiliriz.Bunun yanında :

>>> Blogunuza Yatay Olarak Kayan Son Yazılar Ekleyin

>>>Etikete Bağlı Son Yazılar Nasıl Gösterilir

şeklinde de blogumuza nasıl ekleriz sizlerle paylaştım.Şimdi ise resimli olarak blogumuzda son yazıları nasıl ekleyebiliriz onu paylaşacağım:

recent-posts

Resimli Son Yazılar Nasıl Eklenir ?

Resimli son yazıları blogumuza eklemenin değişik alternatifleri mevcut.Örneğin sadece yazı başlığı, yazı başlığı yanında kısa özet, bunun yanında yorum sayısı, yatay veya dikey şeklinde eklemek mümkün.Değişik alternatifleri farklı javascript dosyalarını ekleyerek kodlarımızı düzenleyeceğiz.Şimdi gelelim nasıl ekleyeceğimize :

    Blogger hesabınıza giriş yaparak Yerleşim >>> Gadget Ekle yolunu izleyerek Html/JavaScript seçeneği seçin. Aşağıdaki kodları kopyalıp yapıştırın ve gerekli düzeltmeleri yaparak kaydedin.

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://YOURIMAGEURL.jpg";
imgr[1] = "http://YOURIMAGEURL1.jpg";
imgr[2] = "http://YOURIMAGEURL2.jpg";
imgr[3] = "http://YOURIMAGEURL3.jpg";
imgr[4] = "http://YOURIMAGEURL4.jpg";
showRandomImg = true;
tablewidth = 248;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#ffffff";
imgwidth = 118;
imgheight = 100;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 50;
summaryFontsize = 11;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://blogisminiz.blogspot.com/";
</script>
<script src="http://JavaScriptadresiniz/recentposts_thumb.js" type="text/javascript"></script>

Yukarıda kırmızı renkli kısımları kendi adreslerinize göre değiştirmelisiniz.

numpost=Buraya girdiğiniz değer gösterilecek yazı adedini

imgwidth=Resim genişliğini

imgheight=Resim boyunu

summarypost=Yazınızın kısa açıklamasının kaç karaktere sahip olacağını göstermektedir.

>>>> JavaScript Dosyaları Google Hostuna Nasıl Yüklenir ?

>>>> JavaScript Dosyaları Blogger a Nasıl Yüklenir?

Gerekli değişiklikleri yaptıysanız şablonunuzu kaydedin ve blogunuzu görüntüleyerek değişikliği görebilirsiniz.

Tabii bu özelliklikleri farklı alternatiflerde kullanabilirsiniz.Yatay,dikey,etikete göre son yazıları görüntülemeniz mümkün.Bu alternatifleri farklı js dosyaları kullanarak sağlayabilirsiniz:

image_thumb[6]_thumb_thumb[1]

Buradaki adresten dosyaları indirin ve hangi js dosyasını yüklemek istiyorsanız o js dosyasını yükleyin ve adresini yukarıdaki kırmızı renkle belirttiğim adres kısmına yazın.(Dosyaların orjinalliğini bozmamak adına ingilizce açıklamaları değiştirmedim.Zaten az bir ingilizce ile anlaşılacak kelimeler.Olmadı yorum bölümünde sorabilirsiniz)

Etikete bağlı son yazılar nasıl gösterilir?

Eğerki herhangi bir etikete bağlı son yazıları göstermek istiyorsanız bunun için yukarıda bahsettiğim kodlarda yer alan blog ismi linkinin altına  sadece aşağıdaki kod satırını eklmeniz yeterli olacaktır :

label = "etiketismi";

Evet uzun uzadıya bir yazı oldu.Elimden geldiğince anlaşılmayan bir yer bırakmamaya çalıştım.Aklınıza takılan bir kısım olursa yorum bölümünde sorabilirsiniz.

Javascript dosyalarının açıklaması için Marianne nin sitesini ziyaret edebilirsiniz

Ozan Başer

Merhaba ben Ozan Başer. EhliBlog'da ve elbette Ehliforum (Blogculara Özel Forum)'da yazıyorum. Blogger, seo, adsense, sosyal medya ve google ürünleri hakkında faydalı ve kaliteli içeriği okuyucularıma sunmaya çalışıyorum. C#, PHP, Javascript gibi uğraşılarım var. Web ve online teknolojiler ile ilgili birçok konuda fikirlerimi sizlerle paylaşıyorum.

48 yorum:

  1. Merhaba
    Bloğumun javascript adresini nasıl öğrenebilirim?
    Slm.

    YanıtlaSil
  2. blogunuzun javascript adresi olmaz neyi kastettiniz anlamadım

    YanıtlaSil
  3. Anlatımı yaparken,kırmızı renkli kısımları kendi adresiniz ile değiştirmelisiniz diyorsunuz Onlardan birinde de(blogisminizin altında) javascript adresiniz diyorsunuz.
    Onu sormak istemiştim.

    YanıtlaSil
  4. Ekte verdiğim adresten dosyaları indiriyorsunuz hangi js dosyası size uygunsa onu drop box gibi sitelere yüklüyorsunuz oradan adresi alıp ilgili yere linki yapıştırıyorsunuz

    YanıtlaSil
  5. Tamamdır. Teşekkür ediyorum.
    Slm.

    YanıtlaSil
  6. ya ben bunu yapamıyorum yada sistemim yalan yanlış izin vermiyor yapmama :S neden beceremiyorum?

    YanıtlaSil
    Yanıtlar
    1. burada en önemli adım javascript dosyaları.Doğru bir şekilde yüklediğinizden emin misiniz?

      Sil
  7. Emeğinize sağlık hocam çok yararlı oldu teşekkürler..

    YanıtlaSil
  8. Teşekkürler yararı oldu gerçekten.

    YanıtlaSil
  9. Teşekkürler sitemi ziyaret ederek bakabilirsiniz . http://dogalgazsobaservisleri.com

    YanıtlaSil
  10. ben yaptım oluyor ama etikete göre olmuyor

    YanıtlaSil
  11. Teşekkürler kardeş
    https://dinleyinn.wordpress.com/2015/01/28/ziraat-turkiye-kupasi/

    YanıtlaSil
  12. ben yaptım oluyor ama etikete göre olmuyor
    www.nokta.web.tr

    YanıtlaSil
  13. ellerinize saglık hocam

    YanıtlaSil
  14. Çok teşekkürler üstad
    www.jusbox.org

    YanıtlaSil
  15. elinize sağlık çok teşekkürler

    http://www.trukashbozdurma.com/

    YanıtlaSil
  16. Güzel Paylaşım Olmuş

    YanıtlaSil
  17. Paylaşım için çok teşekkürler

    YanıtlaSil
  18. resimli yazılar eklenince daha bir farklı oldu güzel paylaşımlar olmuş emeğinize sağlık.

    YanıtlaSil
  19. Ben aynılarını yaptım yarım yarım gözüküyor bide garip garip kod hataları veriyor neden olabilir

    YanıtlaSil
  20. paylaşım için saolun hocam çok işime yaradı

    YanıtlaSil
  21. ellerinize sağlık
    www.senolnakliyat.com

    YanıtlaSil
  22. Yararlı bir makale hocam sagolun.
    http://merkezihersey.blogspot.com.tr/

    YanıtlaSil
  23. resıimli yazılar eklenince daha bir farklı oldu güzel paylaşımlar olmuş emeğinize sağlık.

    YanıtlaSil
  24. son yazılar kısmı bileşenler kısmında olması gerekiyordu

    YanıtlaSil
  25. Ellerinize sağlık.Bilgilendiriğiniz için teşekkürler.

    YanıtlaSil
  26. Harika bir makale tebrikler

    YanıtlaSil
  27. Çok faydalı bilgiler..

    YanıtlaSil
  28. bilgiler için teşekkürler hacam emegine saglık

    YanıtlaSil
  29. paylaşım için saolun emeğinize sağlık

    YanıtlaSil
  30. http://www.kobiticaret.net
    Yazi süper parmaklarina saglik

    YanıtlaSil
  31. ÇOK TEŞEKKÜRLER EMEĞİNİZE SAĞLIK

    YanıtlaSil
  32. Emeğinize sağlık saygılAr

    YanıtlaSil
  33. son yazıların bileşenlerde olması gerekiyor

    YanıtlaSil
  34. Emeği geçen herkese teşekkürler gerçekten çok güzel bir site.

    YanıtlaSil
  35. SEO hakkındaki yazılarınız çok güzel.

    YanıtlaSil
  36. Çok güzel vede tatmin edici bilgileri olan bir site.

    YanıtlaSil
  37. Faydalı bir bilgi vermişsiniz,teşekkürler.

    YanıtlaSil
  38. Çok faydalı bir blog sayfası.

    YanıtlaSil
  39. Büyük gisad soygununun sırrı bozuluyor. İbrahim özdoğan ve ekibi gisad'ı nasıl soydu. Gisad'ın iflası bir oyunmu? İbrahim özdoğan ve dolandıcı ekibi 364 milyon doları nasıl çarptı . Tüm detayları ile www.gisadsoygunu.com'da

    YanıtlaSil
  40. Guzel bir site devamli takipteyim basarilarinizin devamini bekleriz

    YanıtlaSil
  41. başarılarınızın devamını dilerim çok başarılı bir site

    YanıtlaSil

Yorumunuza gelecek cevabı takip etmek "beni bilgilendir" kutucuğuna işaretleyebilirsiniz.