In my previous post I was telling about how Jackbook has developed a hack to allow blogspot users to post their comments directly from the
post page. However the link to jacks instruction is not working for some strange reason. Nevertheless I am posting the instructions here . Hope Jack will not be offended.. this is just a Repeat-post..
Instructions to allow the comments from post page itself
- Settings – Comments – Show Comments in POP-UP window – YES
- Save and Back up you existing template
- Note that the “Expand Widget Template” has the “tick” mark
- Locate the code given below and add the lines marked in red
- Write the code below ABOVE the </body> tag
- Locate the code below and replace the code shown in red with the code written in green
- Save Template and view any Blogpost ( which has comments)
<b:includable id=’comments’ var=’post’>
<div class=’comments’ id=’comments’>
<a name=’comments’/>
<b:if cond=’data:post.allowComments’>
<!– jackbook.com part 1 start –>
<!–
<h4>
<b:if cond=’data:post.numComments == 1′>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<dl id=’comments-block’>
<b:loop values=’data:post.comments’ var=’comment’>
<dt class=’comment-author’ expr:id='”comment-” + data:comment.id’>
<a expr:name='”comment-” + data:comment.id’/>
<b:if cond=’data:comment.authorUrl’>
<a expr:href=’data:comment.authorUrl’ rel=’nofollow’><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class=’comment-body’>
<b:if cond=’data:comment.isDeleted’>
<span class=’deleted-comment’><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class=’comment-footer’>
<span class=’comment-timestamp’>
<a expr:href='”#comment-” + data:comment.id’ title=’comment permalink’>
<data:comment.timestamp/>
</a>
<b:include data=’comment’ name=’commentDeleteIcon’/>
</span>
</dd>
</b:loop>
</dl>
<p class=’comment-footer’>
<a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’><data:postCommentMsg/></a>
</p>
–>
<!– jackbook.com part 1 ends –>
<!– actually i almost do nothing with your template, just add that comment, you did it 🙂 –>
<div id=’comment-parent’ style=’padding-bottom: 20px;’ onmouseover=’showcomment(“hoverme”, “comment-child”);’>
<h3 id=’hoverme’ style=’display:block;’>
<img alt=’Your cOmment”s Here! Hover Your cUrsOr to leave a cOmment.’ src=’http://lifewg.googlepages.com/html-code-leave-comment.gif’ title=’Your cOmment”s Here! Hover Your cUrsOr to leave a cOmment.’/>
</h3>
<!– this iframe below is your comment form. you can change the height, or add more style property into it –>
<div id=”comment-child” style=’border: none; display: none; height:750px; width: 420px; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO;’>
<iframe style=’border:none;’ expr:src=’data:post.addCommentUrl’ height=’100%’ scrolling=’yes’ width=’100%’/>
<br/>
<a href=’http://www.jackbook.com/2007/06/how-to-make-readers-leave-comment.html’ title=’Want to have this on your blogger/blogspot?’>Comment Form under post in blogger/blogspot</a>
</div>
<!– end of iframe –>
</div>
</b:if>
<div id=’backlinks-container’>
<div expr:id=’data:widget.instanceId + “_backlinks-container”‘>
<b:if cond=’data:post.showBacklinks’>
<b:include data=’post’ name=’backlinks’/>
</b:if>
</div>
</div>
</div>
</b:includable>
<!– www.jackbook.com –>
<!– this to hide and show el –>
<script languange=’javascript’>function showcomment(a,b){var jackbookdotcom = document.getElementById(a);jackbookdotcom.style.display = ‘none’;jackbookdotcom = document.getElementById(b);jackbookdotcom.style.display = ‘block’;}</script>
<!– www.jackbook.com –>
<span class=’post-comment-link’>
<b:if cond=’data:blog.pageType != “item”‘>
<b:if cond=’data:post.allowComments’>
<a class=’comment-link’ expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
<a class=’comment-link’ expr:href=’data:post.url + “#comments”‘ >
<b:if cond=’data:post.numComments == 1′>1 <data:top.commentLabel/>
<b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
Move your mouse over the comment-form… all the existing comments will be shown allong with the comment form to add new comment
TO ALTER THE HEIGHT-WIDTH-BACKGROUND OF THE COMMENT-FORM
Notice the lines shown in red in the code below
<!– this iframe below is your comment form. you can change the height, or add more style property into it –>
<div id=”comment-child” style=’border: none; display: none; height:750px; width: 420px; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO;’>
<iframe style=’border:none;’
expr:src=’data:post.addCommentUrl’ height=’100%’ scrolling=’yes’ width=’100%’/>
<br/>
<a href=’http://www.jackbook.com/2007/06/how-to-make-readers-leave-comment.html’ title=’Want to have this on your blogger/blogspot?’>Comment Form under post in blogger/blogspot</a>
</div>
<!– end of iframe –>
- Here height:750px; width: 420px; is responsible for the width and height of the comment form
- You may change the width:99% to occupy the entire width of the colum
- You may change the height:800px to increase the comment form section…. just play around with the values till you are satisfied
- You may change the background: transparent, if you want the comment section to merge with the background of your blog
- You may change to background:#DDDDDD, if you want to give a unique background color for the comment section… Use the hexadecimal color chart for any color of your choice
Hope this helps till Jack’s page is available to all of us once more. do drop your comments to express your appreciationYour appreciation is my motivation
already added.. but got error..
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The string “–” is not permitted within comments.
which part the problem, sis?
iEn..
Complet Step4 and save..
Complet Step5 and save..
Complet Step6 and save..
this will help us to narrow down the problem area
Hi sis, open this file.. help me to re-edit hehe 😀
Mine
iEn.. mail me your template as txt & xml file… ( keep the expand widget tickmark is ON)
hi sis.. i think it’s working.. yeehaaa!!! thanks siss.. thx for the fix..heheehhe.. muachx! 😀
ien..
Good to see you all happy .. enjoy
hey deepa…you have a great blog…thanks for this tip…do visit my blog as well…cheers,indy
indy
Welcome..Thanks for the appreciation
I like your Tamil blog too..i am from chennai
Thanks for an amazing,concise,clear and AWESOME hack.
Cheers,
Suresh
Indyank..
Thank you very much
thanks…i just try this…hope for future successful result.
btw..i want to know how to get html code for ‘ top Commenters”?
seem something wrong 🙁
jie..
welcome
could u be more specific.. what is the error u r getting..etc etc
oh no, the quick brown fox jumped over the lazy cat.
owee ! i am scartching my yeddu !!
My eyes gone big
Madan Mohan ???
jaana tha hum se’ dooor bahaane’ b’naa liye’
ab tumne’ kitni dooor thikaane’ banaliye’
Owee your page ij too comebiligated por me. i blinked and blinked when i read this
OH..You have come from CHENNAI, IN.is it.Good to see you here.Let me know what you feel about my blog..Enjoy your session
i have hazaar problames with my demblate. It doesn’t open in firefox. opens buttoo … all displaced, north south east west. i nearly messed it up.
did it on my own buttoo without any knowledge of HTML, trial and error and they have given an option of ‘clear edits’ specially for dimwits like me. comeblaints apter comeblaints from my readers.
i tale them please open in I.Explorer. But firefox seems to be their pavourite.
lovely pictures in your potoo blog
oh i hate this comment moderation. This could be my first and the last comment. Sweet blog though.
Rauf..
Welcome to this space
Whats with the madan mohan song… guess u r his fan.. the message that made u blink was from IPlocator… inserted it just for a friendly welcome message.. sorry if this rattled you
I can see u r problem with FFox.. yes all the contents are haywire.. while perfect in IE.. its repairable.. but in stages..
You may have to correct in stages.. or else.. u can can recreate the same apprearence in a new template( that works fine in FF and IE) and modify the Bground pic and the links
Thank u for the words of appreciation about my photoblog
As for the comment moderation.. pls dont feel offended.. this is a safety measure.. thats all.. except for spa, comments that say ( check this link..etcetc).. i have not rejected any comment
Do come again and share u r opinion abt my other blogs too.. hope to see more of you
Hi Deepa I have implemented the comment widget as jack written.
but when I am moving mouse on comment form image, it is giving javascript error and form is not working.
could you please see the the problem once
http://msdotnetsupport.blogspot.com/2007/02/sql-server-rownumber-function.html
and please let me know the soluction
@Dutt
I checked the link in FF and IE.. i did not find any error with the comment form.. pls do let me know if the error shows up again
Thanks for you response.
Here I am giving the problem simulation.
1. Logout google accounts.
2. open http://msdotnetsupport.blogspot.com/2007/11/22-new-features-of-visual-studio-2008.html
add one comment. it will be ok.
3. try to add one more comment. then Capache image is not comming i n internet explorer.
It would be great if you check once gain for me.
sorry for asking your time.
@dutt
I tried to see your problem by viewing u rblog in IE and FF.. but all worked fine irrespective of the number of times the page was loaded while i was still out of google
Please ask some of your friends to try it out and check if they too are facing the same problem
As for the improper alighment of the textboxes, i guess its coz, u r blog ‘s width aspect ( sidebars & main colum) is specified in pixels. If you would use % to specify the width, then I am positive that they will align themselves well. Perhaps this will be helpful
DONOT FORGET TO SAVE AND BACKUP YOUR TEMPLATE before making any changes
Hi Deepa …
You have explained the step in a wonderful manner, making it easier than what it is at jack’s site
Unfortunately, many people are complaining about the form.
First, it takes a lot of time to load and
Second, Page redirects to the default comment page on its own!
Few people, strangely, have said that they are facing problem with the default comment form, I wonder how this can be possible.
Can you shed some light on this?
I am removing it for the two reasons I mentioned above
GBU
Arti
@arthi
thanks for the compliments
I am also thinking about disabling the comment form..
sure it does take a lot of time to load
and , sometime the browser automamically reloads to the comment page and not the post page
hmm.. hope blogger comes up with wordpress style coment form in post page.. saving all thse hazzles on load time and alignment
@Web-design Company
aka – http://www.ac-india.com
thanks for dropping by, but i am sorry i cannot publish your comment
This is not a promotional site / blog.
If there is anything else, i can help you with, I shall be glad to respond.
Thank you,
Regards
Very nice its working. Thanks for sharing