16 Kasım 2016

Blogger Yorumlarınıza Resim Eklensin İster misiniz?

Resme tıklayarak büyütebilirsiniz

Bloguma renk gelsin, değişiklikleri severim diyenlerdenseniz yani cevabınız evet ise buradan buyurun.  

İlk olarak blogunuzun html sayfasındaki body etiketinin kapanışını buluyoruz. Bunun için aşağıdaki kodu buluyoruz.

</body>
bu kodu bulduktan sonra üst kısmına aşağıdaki kodları yapıştırıp kaydediyoruz.

<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("comment-holder");
theText = bodyText.innerHTML;
theText = theText.replace(/\[img\].*?'.*?\[\/img\]/gi, "");
theText = theText.replace(/\[youtube\].*?'.*?\[\/youtube\]/gi, "");
theText = theText.replace(/\[img\]/gi, "<div style='clear:both'></div><img style='float:left;margin: 3px 0px 5px;border:1px solid #DDD;max-width:98%;background:#FFF;padding:4px' src='");
theText = theText.replace(/\[\/img\]/gi, "'/><div style='clear:both'></div>");
theText = theText.replace(/\[youtube\]http:\/\/youtu.be/gi, "<p style='margin: 5px 0px'><iframe width='480' height='360' src='http://www.youtube.com/embed");
theText = theText.replace(/\[youtube\]http:\/\/www.youtube.com\/watch\?v=/gi, "<p style='margin: 5px 0px'><iframe width='480' height='360' src='http://www.youtube.com/embed/");
theText = theText.replace(/&amp;feature=/gi, "?rel=0' '");
theText = theText.replace(/\[\/youtube\]/gi, "?rel=0' frameborder='0' allowfullscreen></iframe></p>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>

Artık blogumuzun yorum kısmına resim ve youtube videosu eklenebilir. Ancak bunun için ziyaretçilerinizi bilgilendirmeniz gerekecek.

Yorumlara resim eklemek için;

[img]Resim URL Adresinizi Yazın[/img] 



Hadi bakalım şimdi sıra sizde. Konusu ne olursa olsun beğendiğiniz resmi yoruma bırakın.

Son Söz: Kodları blogunuza eklemeden önce html kodlarınızı yedeklemeyi unutmayınız. Ben çok beğendim ama yapmaya çekiniyorum diyorsanız yardım istemekten çekinmeyin.

Sevgiyle kalın.

Edit : Yabancı bir temada gördüğüm yorumda video oynatma konusunda sorun çıktı. Anladığım kadarıyla  blogger iframe kodunu engelliyor. bu nedenle video kodunu okuyamıyor. Hata giderilirse konu daha sonra güncellenecek. 
Önceki Yayın
Sonraki Yayın

Yazar Hakkında


Okumayı ve izlemeyi sever, yazmanın ise insana inanılmaz bir derinlik kattığına inanır. Çay vazgeçilmezidir. 90 ların müzikleriyle mest olur hatta kendinden geçer. 


24 yorum :

  1. Mesela ben şu an dinlediğim meditasyon müziğini tavsiye etmek ve linkini eklemek istiyorum.. dinlediğim müziği adresini mousle kopyaladım ve buraya yapıştırıyorum. umarım yaptığım doğrudur. :) https://www.youtube.com/watch?v=FHCz8IKQcgc&t=387s

    YanıtlaSil
    Yanıtlar
    1. Youtube kodlarının arasına yazılmalıydı hocam ama bende de hata verdi :)) kendi kodlarımı düzenleyip ekliyorum yarım saat sonra :)) Teşekkür ederim farkettirdiğin için

      Sil
  2. :) yeni şeyleri denemekte üstüme yoktur.. ben teşekkür ederim.. sonra deneyeceğim tekrar..

    YanıtlaSil
  3. Kullanılabilir ve çok işe yarayabilecek güzel bir eklenti, teşekkür ederim paylaşımınız için.

    YanıtlaSil
    Yanıtlar
    1. Gökhan resimde sorun yok ama video da hata verdi. tekrar kontrol etmem gerekiyor

      Sil
  4. Çok iyi ama bu :)) Biraz pratik yapayım bloğumda. Sonra uygulayacağım :) Teşekkürler paylaşım için 👏👏

    YanıtlaSil
    Yanıtlar
    1. Bence de :))

      [img]https://twitpic.com/show/large/9k6dci.jpg[/img]

      Sil
  5. Yanıtlar
    1. :)))) Dalga geçeceğine yardım etsen keşke. Youtube linkinin de görünmesi gerekiyor ama olmuyor. Kafayı yiyecem şimdi :))))

      Sil
  6. tesüf ederim dalga geçmemiştim sayın özer :)

    YanıtlaSil
    Yanıtlar
    1. Sorun değil ya dalga da geçebilirsin... Ben kendimle dalga geçiyorum şu anda, paslanmışım, iyice yaşlanmışım diye :)))

      Sil
  7. Olur olur karamsar olma dur tekrar dene bakalım .....

    YanıtlaSil
    Yanıtlar
    1. Yok ya bloggerin kendi şablonlarında işe yarayabilir ama bizimki gibi tasarım şablonlarda olmuyor. Kodlar çakışıyor muhtemelen. Zaman alacak sanki. Önemli değil şimdilik resim ekleyebilir hale getirdik ya, buna da şükür :)

      Sil
  8. Yanıtlar
    1. Teşekkür ederim. Bu gün fazla zorlamayayım, daha geniş bir zamanda hatayı aramalıyım sanırım. :)

      Sil
  9. maille video geliyor çıldırıceğim sayın özer :(

    YanıtlaSil
    Yanıtlar
    1. Anlamadım. ayrıntılı mail atsana, yapabileceğim bişey varsa biraz da ona kafa yorayım.

      Sil
  10. Yanıtlar
    1. Mailin gelmedi,bende sana yazdım. O da gitmedi sanırım. Devlet memuru gibi bu google de, işine gelirse çalışıyor :)

      Sil
  11. çok güzel bir şeymiş bu beğendim denerim yapamazsam sizden yardım isterim artık ona göre :)

    YanıtlaSil
    Yanıtlar
    1. Beğenmenize sevindim, tabi ki yardım ederim.

      Sil
  12. Kullanmak isteyenler için faydalı bir eklenti. Benim blogun temasında da var bu özellik. Video sorunu için kodlara baktım ama bulamadım sanırım.

    [img]http://36031.spull.netcdn.net/wp-content/uploads/2012/06/The_Godfather-Swoboda.jpg[/img]

    YanıtlaSil
    Yanıtlar
    1. Semih bey bu yayını paylaştığımda farklı bir tema kullanıyordum. Kodları bu temaya entegre etmediğim için resim linkiniz çalışmadı. Ayrıca yorumda video eklenebilen bir kaç tane yabancı blog da gördüm ama maalesef zaman ayırıp inceleyemedim.

      Sil