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.

54 yorum:

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

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

    YanıtlayınSil
  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ıtlayınSil
  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ıtlayınSil
  5. Tamamdır. Teşekkür ediyorum.
    Slm.

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

    YanıtlayınSil
    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ıtlayınSil
  8. Teşekkürler yararı oldu gerçekten.

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

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

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

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

    YanıtlayınSil
  13. Çok teşekkürler üstad
    www.jusbox.org

    YanıtlayınSil
  14. elinize sağlık çok teşekkürler

    http://www.trukashbozdurma.com/

    YanıtlayınSil
  15. Güzel Paylaşım Olmuş

    YanıtlayınSil
  16. Paylaşım için çok teşekkürler

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

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

    YanıtlayınSil
  19. paylaşım için saolun hocam çok işime yaradı

    YanıtlayınSil
  20. ellerinize sağlık
    www.senolnakliyat.com

    YanıtlayınSil
  21. Yararlı bir makale hocam sagolun.
    http://merkezihersey.blogspot.com.tr/

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

    YanıtlayınSil
  23. son yazılar kısmı bileşenler kısmında olması gerekiyordu

    YanıtlayınSil
  24. Ellerinize sağlık.Bilgilendiriğiniz için teşekkürler.

    YanıtlayınSil
  25. bilgiler için teşekkürler hacam emegine saglık

    YanıtlayınSil
  26. paylaşım için saolun emeğinize sağlık

    YanıtlayınSil
  27. http://www.kobiticaret.net
    Yazi süper parmaklarina saglik

    YanıtlayınSil
  28. ÇOK TEŞEKKÜRLER EMEĞİNİZE SAĞLIK

    YanıtlayınSil
  29. Emeğinize sağlık saygılAr

    YanıtlayınSil
  30. son yazıların bileşenlerde olması gerekiyor

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

    YanıtlayınSil
  32. SEO hakkındaki yazılarınız çok güzel.

    YanıtlayınSil
  33. Çok güzel vede tatmin edici bilgileri olan bir site.

    YanıtlayınSil
  34. Faydalı bir bilgi vermişsiniz,teşekkürler.

    YanıtlayınSil
  35. Çok faydalı bir blog sayfası.

    YanıtlayınSil
  36. 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ıtlayınSil
  37. Guzel bir site devamli takipteyim basarilarinizin devamini bekleriz

    YanıtlayınSil
  38. başarılarınızın devamını dilerim çok başarılı bir site

    YanıtlayınSil
  39. guzel paylaşim bu kodlari Daha pratik hale getirebilen bi program yokmu acaba

    YanıtlayınSil
  40. paylaşımlarınızı çok beğeniyoruz sağolun başarılar dileriz

    YanıtlayınSil
  41. Teşekkürler sitemi ziyaret ederek bakabilirsiniz .

    YanıtlayınSil
  42. teşekkürler paylaşımınız son derece güzel

    YanıtlayınSil
  43. Çok güzel bir blog sayfası emeği geçen herkese teşekkürler

    YanıtlayınSil

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