31 October 2008

How To Install CommentLuv On Your Blogspot Blog.

I took the skeleton insructions from here for easier reference and cross navigation for you. You can have better guidelines on what to do to install CommentLuv on your blog by seeing instructions there, and switch here if you want more detailed explanations..

The first thing to remember is, CommentLuv is a Java-based script, and thus you have to allow Javascript to run on your browser. Don't be like me, activating NoScript on my Firefox and was wondering why CommentLuv didn't work. :P My instructions, once again, is a modified version of instructions posted on commentluv.com. This instructions have been tested thoroughly and confirmed working. I recommend you to follow these instructions step by step so there won't be any mistakes happened.

Step 1
Register your site and verify it

This is a simple process. Don't tell me you don't know how to register a new account on a website.... -.- Go here-> http://www.commentluv.com/wp-login.php?action=register to register new account on commentluv.com.

Fill out the necessary fields, and continue. You will be told that a confirmation email has been sent to your mailbox. Check it and click link embedded in it to activate your account.

Next, you have to add commentluv tag to verify your site. Go here: http://www.commentluv.com/settings/ , and fill out your site address. You will have to put html code (below badges display) like provided on this pic, on your blog. Just add a new page element (Javascript) and paste the whole code there.

Once you have inserted the code, click 'verify' to claim your site. The verifying phase now is done.

Step 2

Import your comments and convert your blogger template

Go here: http://js-kit.com/comments/blogger.cgi .


Again, it's a javascript based website, so disable your NoScript if you have it installed in Firefox/ add an exception for this website.

Fill out the fields on 'Step 1: Importing Your Comments.' Blog URL should be filled with your blog's URL, Ex: eternalblackzero.blogspot.com, Account should be filled with YOUR BLOGSPOT EMAIL ADDRESS that you use regularly to login to your blog. And finally, Password is your blogspot email address password. Click import button and wait, confirmation screen should appear in a minute or so, depending on your connection speed.

Then, please follow instructions posted on 'Step 2' carefully.

If you have followed everything correctly, after you had finished 'Step 2' on js-kit.com, your blog's comment form should've been changed by now. Please refresh your browser if you haven't seen the difference.

Step 3
View the commentluv code

Go back to commentluv.com to get your code now. The code is located here: http://www.commentluv.com/download/blogger-commentluv/ .


You HAVE to click 'Click for your code' and small text box will appear there. Copy the whole text and switch to your blogspot control panel now.

Step 4
Install to your blogger template

Add one page element (Javascript/HTML) . I suggest you to leave title field blank, so the widget won't clutter your blog's appearance. The script should be stay invisible as it adds functionality/design on your comment form only, not enhance your blog's general look and feel.

Paste the code there on a 'content' field.

And there you go, you've successfully installed commentluv on your blog. ^^b But there is a thing you need to know. Here it is,

Step 5
Your js-kit settings


Now go to your comment form, and click "powered by jskit" hyperlink. It should take you on this page:
Here you can change many settings for your commentluv widget. I personally didn't change anything (before I removed my widget to experiment it on my other test blog) and was quite satisfied with commentluv.

If you'd like to uninstall commentluv, just upload your original template that was backed up during js-kit installation. Just restore your original template and blogspot will delete the commentluv widget automatically. Easy, huh? ^^

And that's the end of my tutorial. I hope you're able to make a good use of this great widget. If you have anything you'd like to speak, post it on my comment form here.

Related link:

http://technicaldotcom.blogspot.com/2008/11/customize-your-blogger-commentluvs-skin.html

39 comments:

Adrian said...

Wow... It is very details.. Bravo sis ^^ I like your post. Btw, could you give example how this commentluv works? Screenshot maybe.. :)

Andy Bailey said...

excellent step by step tutorial thanks!

I'll link to this from the main commentluv for blogger page

SBA said...

I just left a comment on a blog that uses this feature (which I "luv") and there was an option to select the post I want to show in the comment. However you must first register with commentluv.com. Sounds like readers can just use it that way while they try out your tutorial. Also for blogs without this feature, I sometimes change my website url in the comment to show the full name of the post I want them to link to! Keep up the good work, partner.

Susan said...

I think it's great that it is now being used on Blogger!

Suzanne said...

Ok, just checking here, will I still have my comments hosted by blogger? Or does this run them over to haloscan?

Suzanne said...

and why don't I see any luv on the comments left here?

Suzanne said...

sob sob I can't get it to work

Fransiska Ike said...

hmm...

My commentluv is temporarily disabled. I am testing it further now on my test blog. Besides, I want to change my template, and that will be a double work for me it it's still installed.

And why yours ain't working? Elaborate?

techniqueal t. said...

i just want to commend you for creating a great tutorial on this.

kudos ^_^

Suzanne said...

Andy tweaked it a bit it and it works. Yipee!!

techniqueal t. said...

hey, thanks for the link! ^_^

Sherry said...

hi, I am using your guide. I need help I don't know where is js setting. Couldn't find it.

I put this install in my http://iluvcontest.blogspot.com

Fransiska Ike said...

After you've installed commentluv properly, it should appear at the bottom of your comment area.

Julie said...

Thanks for the instructions - I'm all set up and ready for comments!

atenean101 said...

sis I need your help... why is it that my recent comments were not shown on my recent comments when I installed my commentluv. huhu, please help me.

Fransiska Ike said...

...weird... It was working properly here in this blog. Have you tried to remove your recent comment widget and reinstalled it? It might worth to try.

techniqueal t. said...

wonderful tutorial -- dugg ^_^

itot54joni said...

i want to know how can i put a nofollow attribute in this commentluv

Fransiska Ike said...

Hi itot54joni,

Andy said to me like this:

'The links and comments are displayed with javascript so nofollow isn’t required. Search engines don’t execute javscript so they wont see the links even if they were dofollow.'

^^

Downloadable Software said...

I used to have my blog on blogger and if I had known about CommentLuv then, I might have kept it. I have it on my new wordpress blogs and I love it. I hope your readers get as much benefit from CommentLuv I have on my blogs.

Tim

The Old Man said...

Great tutorial, I tried it, it has some issues tho, it takes more than it gives in the blogspot venue, not for me. Hope it works out for others tho! :-)

Julianne said...

I installed commentluv on my blog and it seems to be working OK except for that the commenter's blog posts don't show up like it's supposed to... Any ideas?

Fransiska Ike said...

>.< It showed up correctly on my test blog. Maybe you could try to restore your template and try again.

alcohol forums said...

Very easy to understand instructions with pictures, I love it.

This blog post was very helpful & made installation easy.


Thanks

Air Conditioning Units said...

great informative tutorial.thanks for sharing.

Sara said...

Thanks!

Mikes said...

I think you forgot to mention that in JS Kit Admin Page, you are to click on expand leave comment to make sure commentluv works.

-http://your-dailyword.blogspot.com

By the way, why are you not using it in your site>?

hosting coupons said...

Thanks for an excellent and easy step-by-step tutorial. Even this non-tech techie was able to do it! I love Comment Luv !

Instant Web Hosting Account said...

I want my blogger comment section to look like this one. How do I make that happen ? Those gray bloxes from the js-kit are not working for me. Thanks !

Hoodia Review Spy said...

I use Joomla. Is there anything like this for Joomla?

How To Unclog A Toilet said...

I hadn't realised you could put commentluv on blogger blogs. Thanks for the information

kang tatang said...

Cool I'll try this at Home :)
thanks my friend

regards
kang tatang

free software download said...

very clear step by step instructions, thanks.

ForexTraining said...

Dofollow comments. Is that a google default value?

Anyway, it is a good thing!

Hoodia Reviews said...

I think google have nofollow as default.

Male Enhancement said...

Nice one. thanks

gajah_pesing said...

thanks for your tutorial

suryaden said...

thanks i'll try this

Fede said...

Hi, I have read all the tutorial and saw the video, but I can not sign up! just gives me the option to register loguin but this really works for Blogger?

Post a Comment

Feel free to comment here... ^^b Thank you for your time.