Teknolojik Bilgiye Ulaşmanın En Teknolojik Yolu

5 Nisan 2013 Cuma

Blogger Yoruma Video / Resim Koyma

Blogger Yorumlar Resim / Video EklemekMerhaba 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
Paylaşmak Güzeldir
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

1 yorum

  1. Bu yorum bir blog yöneticisi tarafından silindi.

    YanıtlaSil

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© 2011 Prof. Dr. Web
Designed by BlogThietKe Cooperated with Duy Pham
Released under Creative Commons 3.0 CC BY-NC 3.0
Posts RSSComments RSS
Back to top