Blogger Yoruma Video / Resim Koyma

Merhaba arkadaşlar blogger paylaşımlarına hızla devam ediyoruz. Bu gün ki eklentide sizlere bloggerde yorum alanına video ve resim eklemeyi anlatacağım. Eklenti yabancı bir sitede paylaşılmıştı bende sizlerle paylaşmak istedim hemen anlatıma geçeyim.




İlk olarak aşağıdaki kodu buluyoruz.

</body>

Bulduğumuz kodun hemen üstüne aşağıdaki kodları ekliyoruz.

<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>

Youtube Url Yazan yere youtube video url nizi ekledikten sonra bu kodu yorum alanına ekleyeceksiniz.

[youtube]Youtube Url Buraya[/youtube]

Vide değilde resim eklemek isterseniz aşağıdaki kodu kullanmanız gerekmektedir. 

[img]Resim URL Buraya[/img]

Hepsi bu kadar ön izleme için yorum alanına bakabilirsiniz.

Kaynak : Onutbatur.net