blog එකේ comment box එකට video, image දාන්න අවස්තාවක් හා එක එක විදියේ පාට දාපු හැඩ කරපු අකුරු වලින් comment කරන්න දෙන්න ඕනද?

source:http://www.spiceupyourblog.com/2010/12/images-colored-text-blogger-comments.html andhttp://pastebin.com/UBBNK8zA

ඔයාලගේ බ්ලොග් එකේ comment box එකට video phato වගේ දේවල් comment එකක් විදියට දාන්න පුලුවන් කියලා ඔයාලා දන්නවද? ඒ වගේම comment box එකේ ලියන වචන වලට එක එක හැඩ වගේම එක එක දේ දෙන්න පුලුවන් කියලා ඔයාලා දන්නවද. ඔවු එහෙම පුලුවන්. ඒත් පොඩි වැඩක් කරන්න තියනවා.

මේ පහල තියන code ටික edit HTML වල </body> වලට පස්සේ දාන්න

<script src='http://hosting.gmodules.com/ig/gadgets/file/105066904960012479556/nccode.js' type='text/javascript'/>

හරි දැන් video එක ඇරෙන්න අනිත් සේරම කරන්න පුලුවන්. video එක දාන නම් පහල code ටික </head> වලට කලින් දාන්න ඕන

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
// Embed youtube videos in Blogspot comments by MS-potilas 2012.
// See http://yabtb.blogspot.com/2012/03/embed-youtube-in-blogger-comments.html
//
// if oetag=0, just use video urls like:
//           http://www.youtube.com/watch?v=12345678901
//           surrounded by white space (video tag can be used, too)
// if oetag=1 (for nerdy blogs?), use syntax:
//           [video=http://www.youtube.com/watch?v=12345678901]
// config:
var oetag = 0;           // see above
var oetagname = "video"; // [video=zzz], maybe you like "embed" or "youtube" more?
var oelazy = -1; // -1 detect, 0 = normal, 1 = lazy (needs lazy load hack)
//
function oe_loadscript(filename) {
  var scr=document.createElement('script');
  scr.setAttribute("type","text/javascript");
  scr.setAttribute("src",filename);
  document.getElementsByTagName("head")[0].appendChild(scr);
}
function oe_jumptohash() { // reposition to anchor
  window.scrollTo(0, $("#"+window.location.hash.replace(/^#/, "")).offset().top);
}
var oe_tid;
var oe_elems = {};
//
function oembed_callback(response) {
  var resp = response;
  revurl = resp.url.split("").reverse().join("");
  html = oe_elems[response.callID].html();
  ee = $(resp.html);
  w = parseInt(ee.attr("width"));
  h = parseInt(ee.attr("height"));
  if(oelazy==1) { // convert to lazy load
    src = ee.attr("src");
    src += ((src.indexOf("?")==-1) ? "?" : "&") + "autoplay=1";
    ee.attr("src", src);
    ee.attr("style", "vertical-align:top;");
    htm = $("<div/>").append(ee).html();
    htm = $('<div/>').text(htm).html().replace(/"/g,'&quot;');
    resp.html = '<a href="'+resp.url+'" class="youtube-lazy-link" style="width: '+w+'px; height: '+h+'px; background: #000 url('+resp.thumbnail_url+') center center no-repeat;" onclick="$(this).replaceWith(\''+htm+'\');return false;"><div style="width:'+(w-4)+'px;height:'+(h-4)+'px;" class="youtube-lazy-link-div"></div><div class="youtube-lazy-link-info"><b>'+resp.title+(resp.playlist ? '</b> [playlist]' : '</b>')+'<br /><small>by '+resp.author_name+'</small></div></a>';
  }
  htmlx = html.replace("[" + oetagname + "="+resp.url+"]", " " + resp.url + " ");
  htmlx = htmlx.replace("[" + oetagname + "="+resp.url+" ]", " " + resp.url + " ");
  htmlx = htmlx.replace('"'+resp.url+'"', '"'+revurl+'"');  // trick to preserve href="url"
  htmlx = htmlx.replace(resp.url, '<div style="height:'+h+'px;" class="oembed youtube">'+resp.html+'</div>')
  htmlx = htmlx.replace('"'+revurl+'"', '"'+resp.url+'"');  // trick to preserve href="url"
  if(html != htmlx) {
    oe_elems[response.callID].html(htmlx);
    if(window.location.hash.replace(/^#/, "").length > 0) {
      if(oe_tid) window.clearTimeout(oe_tid);
      oe_tid = window.setTimeout("oe_jumptohash()", 1000);
    }
  }
}
function oembed_yt(url, width, callID) {
  src = "http://oembed-js.appspot.com/?url=" + encodeURIComponent(url) + "&callback=oembed_callback&callID=" + encodeURIComponent(callID);
  if(width) src = src + "&maxwidth=" + width + "&maxheight=" + width;
  oe_loadscript(src);
}
$(document).ready(function() {
 det=$('<div class="youtube-lazy-link-div" />');
 $("body").append(det);
 if(det.css("position")=="absolute") {
  if(oelazy != 0) oelazy=1;
 }
 else oelazy = 0;
 det.remove();
 window.setTimeout(function() {
  var callID=0;
  $(".comment-content,.comment-body,.comment-body-author").each(function() {
    html = " " + $(this).html() + " ";
    if(oetag)
      matches = html.match(new RegExp("\\["+oetagname+"=(https?:\\/\\/[^\\s<\\/]*youtu\\.*be[^\\]]+)", "g"));
    else
      matches = html.match(/([>\s^]|\[\w+=)(https?:\/\/[^\s<\/]*youtu\.*be[^\s<\]]+)/g);
    if(matches && matches.length) {
      for(var i=0;i<matches.length;i++) {
        url = matches[i].match(/https?:\/\/[^\s<\/]*youtu\.*be[^\s<\]]+/);
        oe_elems[callID] = $(this);
        oembed_yt(url, $(this).width(), callID++);
      }
    }
  });
 }, 500);
});
//]]>
</script>

දැන් හරි save template දෙන්න. 

ඒත් මේ ගැන comment කරන අය දැනුවත් කරන්න එපයි. ඒකට settings >> comments >> Comment Form Message වල පහල එක හරි වෙන එකක් හරි දාලා දැනුවත් කරන්න.

<b>Comment Hint</b>

ඔබට comment සදහා <i> youtube video, Image, color text සහ marquee text</i> ඇතුලත් කල හැක

<b>Video:</b> Youtube video link
<b>Images:</b> [im]...........................[/im]
<b>scrolling effect:</b> [ma].....................[/ma]
<b>font size:</b> [si=&quot;2&quot;]..............[/si]
<b>font color:</b> [co=&quot;red&quot;].........................[/co]
<b>centralize the text:</b> [ce]..................[/ce]
<b>scrolling effect in right side:</b> [ma+]......................[/ma+]
<b>box the comment:</b> [box]....................[/box]
<b>mark the comment:</b> [mark].................[/mark]
<b>background effect:</b> [card=&quot;blue&quot;].....................[/card]
<b>image to fit the column(100%):</b> [im#]...........................[/im]
<b>Highlight the words:</b> [hi=&quot;yellow&quot;].........................[/hi]

හරි. මේකේ video photo වැඩ කරනවා. අකුරු වැඩ කරනවද බැලුවෙ නෑ වැඩකරනවා කියලා හිතෙනවා.