How To Style CommentLuv Latest Post Links

When I first heard about CommentLuv a couple of years ago (I think it’s been about that expanded?), I tried it out and liked it. At some point, the service had some growing pains, and I decided to remove it until they got some things sorted out. Well, as is normal, I ended up forgetting about it completely and never reinstalled it. Until tonight, that is. I’ve been noticing it more and more frequently lately, and I finally decided it was day to give it another try.

A quick explanation of CommentLuv: Basically, it’s a special comment feature that rewards society who comment here on the site with a link to their most recent blog post. The plugin grabs it automatically and does all the work without the commenter having to do anything special. The urls are still nofollowed, so there’s no incentive for spammers, but hopefully commenters will get some real traffic from interested visitors to that site. Cool, huh?

Anyway, that’s not what that post is about. that one is about showing you how easy it is to give the commenter’s CommentLuv link some special CSS styling. I wanted to do that considering I noticed that the post urls didn’t stand out as much as I wanted them to. I wanted to put a little additional space amoung your comments and the actual CommentLuv latest post link, and I wanted to italicize it as well. So, I dug around in the source cipher for a second and realized that the plugin was using a class called “cluv”. That’s all I needed to know. Woot!

So, whether you want to style your CommentLuv hyperlinks, just go to Appearance / Editor and edit your blog’s stylesheet. Scroll down to the bottom and add the following line:

.cluv {margin-top:10px; font-style:italic;}

Save your edit, and that’s it! You’ve now added a little additional space within the comment and the link, and you’ve italicized it as well. Of course, feel free to style them any way you want. That’s just an example of what I did.

Let me know whether you get any traffic from your CommentLuv urls when you comment here. I really hope I can send some your way.


© Donna for DazzlinDonna, 2010. |
Permalink |
No comment |
Add to
del.icio.us

Post tags: ,

Feed enhanced by Better Feed from Ozh


Original post by Donna

Leave a Reply

For spam filtering purposes, please copy the number 4154 to the field below:

Additional ways to contact Get Me On Top New York City Premiere SEO Company
Click to Place a Web Call SEO Chat with GetMeOnTop Call GetMeOnTop Now
For additional information about SEO, getting your web site to the top of the search engines, Pay Per Click (PPC) Consulting, Web Development, Search engine optimization or search engineering needs: Mail Us Now
Get Me On Top has Offices in New York City, New Jersey and The Hamptons
Call us: NYC: (646) 485-1949 Hamptons NY: (631) 749-6206 New Jersey: (201) 928-0884 Toll Free: (877) 239-7371
New York City Address: 37 Wall Street, Suite 23M, New York, NY 10005