Browse > Home / / Auto Hide Comment


Auto Hide Comment

15 comments
Friday, June 12, 2009 Posted by One-4-All

Comment
Comment are one of feature in blog area. I think, there are one of important things. People leave critics, suggest, appreciate, or maybe in some questions use this feature. There are some blogs with have a lot of comment for their article. And if we want to leave comment in that blog which have a lot of comment, we must scroll down our mouse to find comment form. It’s will make some visitor uncomfortable. But, I think that problem can be solve. We can hide that comment. But not for permanently . It can be show again with click. I call it, “AUTO HIDE COMMENT” trick. If we used this trick, our comment area will be shown like this one.

Comment

If we click it, the comment wil be appear.


Comment

For applied this trick, we must edit your HTML code in several steps. But don’t worry, it’s easy step. Go to your template and then cek check “Expand Widget Templates” option, and then do this steps.

1. Add this code before ]]></b:skin>
.commenthidden {display:none}
.commentshown {display:inline}

2. Look up for this code <dl id='comments-block'>. And then add this code before it,


Scroll down your mouse and find until you find </b:loop>, it’s usually before this code “<b:if cond="data:post.commentPagingRequired"> “.
And then paste again this “ <a aiotitle='Hide Comments' href='javascript:togglecomments(&quot;hideshow&quot;)'>[+/-]Click to Show or Hide Old Comments</a> “ after </b:loop>.

3. The last step is add some script to your template.




You must add before </head>.

4.Save your template. And then see for the result.
You can change “ [+/-]Click to Show or Hide Old Comments “ with you want.

Now you have applied this trick.
Enjoy it’s, and don’t forget to bookmark it’s if you like this article.

Best regard.
One-4-All

15 comments:

kir31 on June 12, 2009 at 11:42 PM said...

wah nice sob...

Q_XidiX on June 12, 2009 at 11:52 PM said...

Cool Info... kapan - kapan I try sob

kakve_santi on June 13, 2009 at 9:19 AM said...

cek dulu ah......

masuhiro arihyoshi on June 13, 2009 at 10:56 AM said...

nice trick... thank you

Ardhiansyam on June 13, 2009 at 11:10 AM said...

Keren sob, ntar dicoba...

d2_suanda on June 14, 2009 at 1:05 AM said...

boleh juga inspirasinya, nice to meet u from 'boedakbageur'

Rinto on June 14, 2009 at 10:08 PM said...

hmmm...I'll try this...very nice kang

wiyono on June 14, 2009 at 10:11 PM said...

setelah menjelajah ke blog para sohib, ternyata aku bertemu juga dengan blog mu yang mantab ini bro.
semoga kelak menjadi blog terdepan, oiya sambil aku jalan jalan gmana kalau kita tukeran link..biar sama-sama meningkatkan PR. karena PR adalah gengsi para blogger pada umumnya

kir31 on June 14, 2009 at 10:12 PM said...

waw,,nice2..

Manan on June 14, 2009 at 10:15 PM said...

Nice Tips bro, Ijin save dolo ya :)

rumah tiara on June 14, 2009 at 10:46 PM said...

oke juga dan mantab sekali

dio on June 15, 2009 at 11:35 AM said...

tips yang oke juga nih

frank on June 16, 2009 at 12:03 AM said...

care for xlink..ur link already as "all-iknow"...hope u too will add me...ping me once u added...happy bloggingg :)

frank on June 16, 2009 at 12:04 AM said...

ur link already added as "all-iknow" in ma blog buddies list.....

TUTORIAL BLOG on June 18, 2009 at 4:30 PM said...

pantes dicoba nich..............
back kunjung yach

Post a Comment