Yorum formunuzda Youtube videoları, resim paylaşın

youtubeDaha önce yorum formunuza yönelik tanıttığımız bir çok eklentinin içinde en ilginçi belki de bu.

 

Şablonunuza eklediğiniz bir kaç parça javscript kodu sayesinde yorum formnuz da video ve resim paylaşılabilmesini sağlayan bu eklenti sayesinde , blog ziyaretçilerinize daha inter aktif bir yorum deneyimi yaşatabilirsiniz.

 

Eklentinin demosu için buraya ,kendi blog’unuza eklemek içinse aşağıdaki adımlara bakabilirsiniz.

1.Adım Sırası ile Blogger kumanda paneli —> Tasarım - ->  HTML’yi düzenle yolunu takip edin burada bulunan "Widget şablonlarını genişlet" yazan seçeneği işaretledikten sonra, klavyenizdeki "Ctrl ve F" tuşlarına aynı anda bastıktan sonra </body> ifadesini bulup aşağıdaki CSS kodlarını hemen üzerine gelecek şekilde ekleyin.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("multimedia");
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='' src='");
theText = theText.replace(/\[\/img\]/gi, "'/><div style='clear:both'></div>");
theText = theText.replace(/\[youtube\]http:\/\/youtu.be/gi, "<iframe width='365' height='238' src='http://www.youtube.com/embed");
theText = theText.replace(/\[youtube\]http:\/\/www.youtube.com\/watch\?v=/gi, "<iframe width='365' height='238' 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>");
theText = theText.replace(/\[\/nct\]/gi, "' quality='high' wmode='transparent' type='application/x-shockwave-flash'></embed></div>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
</b:if>

 

 

 

 

 

2.Adım Javascript kodlarını ekledikten sonra bu kodu bulun <b:loop values='data:post.comments' var='comment'>  ve hemen üzerine gelecek şekilde aşağıda bulunan kodları ekleyin.

 

 

<div id='multimedia'>


3.Adım  Yukarıdaki kodu ekledikten sonra ,bu koddan sonraki ilk  </b:loop> kodunun hemen altına gelecek şekilde aşağıdaki kodu ekleyin.

 

</div>

 

Tüm işlemleri doğru yaptıysanız kaydedin.

 

 

4.Adım Yorum formunda paylaşacağınız video ve resimlerin linklerinin aşağıdaki şekilde olması gerekiyor , yapmanız gereken Youtube de veya her hangi bir yere yüklenmiş resimlerin linklerini aşağıdaki etiketlerin içine alıp yorum formunda paylaşmak.

 

[img]http://domain.com/image.png[/img]

 

[youtube]http://youtu.be/gVmvD2u0EXo[/youtube]
Paylaş !

11 yorum:

  1. 3. adımın üstünde kod yok adimn .

    YanıtlaSil
  2. @Miyopic "Yukarıdaki kodu ekledikten sonra ,bu koddan sonraki ilk </b:loop> kodunun hemen altına gelecek şekilde aşağıdaki kodu ekleyin" diye yazıyor.

    YanıtlaSil
  3. admin üstüne id='multimedia'> kodunu üstüne yerleştırınce hata verıo napmalıyım

    YanıtlaSil
  4. Arkadaşlar kodları sizin için tekrar kontrol ettim ve hatta kendi blog'umuza uyguladım .

    [youtube]http://youtu.be/gVmvD2u0EXo[/youtube]

    sizin şablonunuz özelleştirilmiş bir şablonsa kodları bulmakta zorlanabilirsiniz.

    Çözüm için bir yazı hazırlıyorum.

    YanıtlaSil
  5. @Tayfun bende denedim ama artık çalışmıyor yorum formuna yeni özellikler eklenince kodlar çalışmıyor hatta artık demo sayfası da çalışmıyor :)

    YanıtlaSil
  6. arkadaşlar blog içerik takibi yüzünden kod çalışmıyor.içerik takibini veya yorumların içerik takibini kaldırın.

    YanıtlaSil
  7. Arkadaşım benim sitem bloggerda yayınlanıyor ve "" bu satırı değil "loop" yazan herhangi bir cümle widget içinde geçmiyor... Blog içerik takibini de kaldırdım ama yine de yok nasıl olacak. Siteme gelen ziyaretçilere ben konu anlatıyorum yorumlarda resim gösterememek benim en büyük sıkıntım. Bir yolu varsa gerçekten yardımcı olursanız sevinirim . Tşk !

    YanıtlaSil
    Yanıtlar
    1. HTML'yi düzenle sayfasında "widget şablonlarını varsayılana döndür" yazan bağlantıya tıklarsan resim görünür fakat yazı yani post bölünde yaptığın diğer değişikliklerde kaybolur b işlemi yapmadan önce şablonunu yedekle daha sonra widgetları var sayılana döndür post beğenirsen kullanırsın.

      Sil
  8. Dediklerinizi yapıyorum bir türlü olmuyor ya!

    YanıtlaSil
    Yanıtlar
    1. Merhaba! Muhammet..
      Yukarıdaki anlatım eski blogger yorum formuna uygun yani şuan kullanılan dişli yorum formunda çalışmaz, boş kalırsam yeni yorum formuna uygun şekilde nasıl kullanılabileceğini anlatırım.

      Sil
  9. [youtube]http://youtu.be/gVmvD2u0EXo[/youtube]

    YanıtlaSil

Lütfen yazıyla ilgisiz yorum yapmayın sormak istediğiniz bir soru varsa sağda bulunan kotegorilerden sorunuza en uygun olan kategoriye tıklayıp, açılan sonuçlardan birisine yorum yapabilirsiniz, ayrıca sadece link bırakmak için yapılan spam yorumlar yayınlanmaz