Blogger Yorumlarında Görsel ve Video Ekleme

Blogger, kullanıcıların düşüncelerini paylaştığı, etkileşimde bulunduğu harika bir platform. Ancak yorumlara sadece metin yazmak anlatmak istediğiniz şeyi eksik anltamanıza sebep olabilir. Özellikle bir konuyu görsel veya video ile desteklemek istediğimizde bu bir eksiklik olarak hissedilebiliyor.

Bu yazıda vereceğim özel bir kod parçacığı sayesinde Blogger yorumlarınıza doğrudan video ve görsel ekleyebileceksiniz.

Kodu Blogger'ınıza Nasıl Ekleyeceksiniz?

Bu harika özelliği blogunuza entegre etmek oldukça basit:

1. Tema Bölümüne Gidin: Sol menüden "Tema" seçeneğine tıklayın.
2. HTML'yi Düzenleyin: "Özelleştir" butonunun yanındaki aşağı ok simgesine tıklayın ve açılır menüden "HTML'yi düzenle" seçeneğini seçin.
3. Kodu Bulun: Açılan HTML düzenleyici sayfasında </body> etiketini bulun. Genellikle sayfanın en alt kısmında yer alır.Kodu Yapıştırın: Yukarıda verilen kod bloğunun tamamını kopyalayın ve bulduğunuz </body> etiketinin hemen üstüne yapıştırın.

   <b:if cond='data:view.isPost'>
   <b:if cond='data:view.url != data:view.url params { amp: "1" }'>
   
     <script>/*<![CDATA[*/ /* Comment tag, license:
     dte.web.id/teknis/paket-javascript-fitur-manipulasi */ function repText(id)
     {var a = document.getElementById(id); if (!a) return; var b = a.innerHTML; b =
     b.replace(/<i rel="image">(.*?)<\/i>/ig, "<img class='lazy'
     data-src='$1' src='$1'
     alt='Resim Yorumu' \/>"); b = b.replace(/<i
     rel="youtube">(.*?)<\/i>/ig, function(match, url) { var videoId = '';
     var isShorts = false; var youtubeRegex =
     /(?:https?:\/\/)?(?:www\.)?(?:m\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|playlist\?list=))([\w-]{11})(?:&.*)?$/i;
     var shortsRegex =
     /(?:https?:\/\/)?(?:www\.)?(?:m\.)?(?:youtube\.com\/shorts\/)([\w-]{11})(?:.*)?$/i;
     var matchResult = url.match(youtubeRegex); if (matchResult &&
     matchResult[1]) { videoId = matchResult[1]; } else { matchResult =
     url.match(shortsRegex); if (matchResult && matchResult[1]) { videoId =
     matchResult[1]; isShorts = true; } else { return 'Geçersiz YouTube
     Bağlantısı'; } } if (isShorts) { return '<iframe width="379" height="674"
     src="https://www.youtube.com/embed/' + videoId + '" frameborder="0"
     allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;
     picture-in-picture; web-share" allowfullscreen></iframe>'; } else {
     return '<iframe width="560" height="280"
     src="https://www.youtube.com/embed/' + videoId + '" frameborder="0"
     allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;
     picture-in-picture" allowfullscreen></iframe>'; } }); a.innerHTML =
     b;} repText('comments-content'); /*]]>*/</script>
   
   </b:if>
   </b:if>

4. Temayı Kaydedin: Sayfanın sağ üst köşesindeki "Kaydet" simgesine tıklayarak yaptığınız değişiklikleri kaydedin.

Yorumlara Video ve Görsel Nasıl Eklenir?

Kodu başarıyla temanıza ekledikten sonra, artık yorumlarınıza görsel ve video eklemek çok kolay! Tek yapmanız gereken aşağıdaki formatları kullanarak yorumunuzu yazmak:

Görsel Eklemek İçin:

<i rel="image">Görselinizin Bağlantısı (URL)</i>

YouTube Videosu Eklemek İçin (Normal Video):

<i rel="youtube">YouTube Video Bağlantınız</i>

YouTube Shorts Videosu Eklemek İçin:

<i rel="youtube">YouTube Shorts Bağlantınız</i>

Dikkat Edilmesi Gerekenler:

Lütfen <i rel="image"> ve <i rel="youtube"> etiketlerini doğru şekilde kullandığınızdan emin olun. Etiketlerin içindeki bağlantının (URL) doğru ve eksiksiz olması gerekmektedir.

YouTube bağlantılarının geçerli bir YouTube video veya Shorts bağlantısı olduğundan emin olun.

Son bir iki şey. İlki görsel eklemede sıkıntı olabilir, onu en kısa sürede düzelteceğim(düzeltildi). İkincisi ise yorumlardaki videonun taşmasını önlemek için CSS kısmına şu kodu ekleyin, yoksa videolar yorum alanının dışına taşar.

.comments-content iframe { 
width:100%;
overflow:hidden;
}