Sunday 15 January 2012

image-and-colour-in-comment-in-blog



New Blogger Script Display Images And Colors In Comments



We do see many of them chats with shorten words, symbols, smileys and more to tell in short form. Now its a time of zero typing where image speaks a lot more than words. Let us imagine there is a colorful animated new year greeting post where you like to greet the author the same way.You know greeting pictures speak Louder than words,so you too created a splendor greeting picture for the blog author but the blog restrict you to post images. Then?

Of course, Blogger.com restrict the readers to post images in their comments column.We know It is possible to posts picture comment in wordpress blogs by adding just <img> tags. then what is the solution for the blogger's blogspot? Here I introduce new javascript which try to minimize the maximum extend of this restriction. and be aware of it that it doesn't work in script disabled browsers. 

How to add image?

This is just simple, you need to start with [im] and end with [/im] place your image address in between of it.Like This :

[im]http://domain.com/folder/sample.jpg[/im]


How to install?

This is the code

<a href='http://www.tvtvfree.blogspot.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVjiYALwTCh60RqNFUoJfuTe9Xvt8bQq2Js5nENodrTNyplgrfaDFYfgpEeBGOM15jSddDWIiDHEvtGHvHXr-b0AwJXhsvPNRJzUR_gEjwYpUXomPJ4l7ZDQSxEZSDec4fqDgygjom90XS/s1600/best+blogger+tips.png'/></a><script src='http://hosting.gmodules.com/ig/gadgets/file/105066904960012479556/nccode.js' type='text/javascript'/><a href="http://www.tvtvfree.blogspot.com">Best Blogger Tips</a>

which you need to paste it before </body> in the source code of blogspot or any blogger's website.

That's it The Script take care of it, and don't forget to tell to your readers about picture comments.

What more ?

Do you need more colorful comments? then use :

[ma]....your text...[/ma]
for marquee effect i.e. running letters.

[co="red"]...your text...[/co]
for red colored text. you can change the color as your wish.You can try this code and add what you feel, if you agree.

Summary And Message Above Comments



Add The Script To Your Blog

Step 1. Click Design > Edit Html 





Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code 

</body>

Step 3. Copy And Paste The Following Code Directly Below / Under </body>

<script src='http://hosting.gmodules.com/ig/gadgets/file/105066904960012479556/nccode.js' type='text/javascript'/><a href="http://www.tvtvfree.blogspot.com">Best Blogger Tips</a>

-To add an image to a comment wrap it in [im][/im] like this :

[im]Image URL Here[/im]

-To Change Color Of Text In Comment Wrap It In [co="color"][/co] Like This :

[co="red"]Comment Text Here[/co] - Change Red To The Color You Want.

-To Add Marquee Text Wrap It In [ma][/ma] Like This :

[ma]Comment Text[/ma]

Add Message Above Comment Form


You will want to let your readers know the options so below i will show you how to add a message above the comment form.You can see the message we are adding on the demo.

Step 1. In your Blogger Dashboard click > Design > Edit Html > Expand Widget Templates :







Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

<p><data:blogCommentMessage/></p>

Step 3. Copy And Paste The Code Below Directly After <p><data:blogCommentMessage/></p>

<a href='http://www.tvtvfree.blogspot.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVjiYALwTCh60RqNFUoJfuTe9Xvt8bQq2Js5nENodrTNyplgrfaDFYfgpEeBGOM15jSddDWIiDHEvtGHvHXr-b0AwJXhsvPNRJzUR_gEjwYpUXomPJ4l7ZDQSxEZSDec4fqDgygjom90XS/s1600/best+blogger+tips.png'/></a><b>Comment Options -</b> You Can Add Images, Colored Text And Marquee Text To Your Comment.<br/><br/><b>Image -</b> [im]Image URL Here[/im]<br/><b>Colors - </b>[co="red"]Comment Text Here[/co] - Change Red To The Color You Want.<br/><b>Marquee -</b> [ma]Comment Text[/ma]<br/><b>Get This -</b> <a href="http://www.tvtvfree.blogspot.com/2012/1/image-and-colour-in-comment-in-blog.html" target="_blank">Blogger Comment Script</a><br/>

Save Your Template and your readers will now know all the options they have.

1 comments:

[im]http://4.bp.blogspot.com/-842JFK4pq7M/TtpY8UFu0-I/AAAAAAAAAA0/1sRKPYiMB_4/s72-c/1629958754.png[/im]
nice website

Post a Comment