BLOGGER-STATION

DOWNLOAD

DOWNLOAD

DOWNLOAD

DOWNLOAD












DOWNLOAD

DOWNLOAD

DOWNLOAD










DOWNLOAD

DOWNLOAD

For more template downloads visit - http://www.blogcrowds.com/resources/blogger_template.php

We know that in blogger.com / blogspot.com readers must click on the new page or new popup window just to leave a comment on

our articles. that sometime just make them (well at least to me) too lazy to leave a comment, even they want to.
It’s true that blogger/blogspot is not like wordpress. In wordpress..... we can just leave a comment on the post page. so, why

can’t we have the same too on blogger/blogspot ?
we can actually !!!
here are the step.....

Please backup your template first before changing anything -

1. Go to your dashboard --> control panel --> edit html.

2. click the Expand Widget Templates

3. locate the following HTML code written below.


<b:includable id="comments" var="post"><div

class="comments" id="comments"><a name="comments"></a><b:if cond="data:post.allowComments"><h4><b:if

cond="data:post.numComments == 1">1

<data:commentlabel></data:commentlabel>:<b:else></b:else><data:post.numcomments></data:post.numco

mments> <data:commentlabelplural></data:commentlabelplural>:</b:if></h4><dl id="comments-

block"><b:loop var="comment" values="data:post.comments"><dt class="comment-author" id="'"><a

name="'"></a><b:if cond="data:comment.authorUrl"><a href="data:comment.authorUrl"

rel="nofollow"><data:comment.author></data:comment.author></a><b:else></b:else><data:comment.a

uthor></data:comment.author></b:if><data:commentpostedbymsg></data:commentpostedbymsg></dt><dd

class="comment-body"><b:if cond="data:comment.isDeleted"><span class="deleted-

comment"><data:comment.body></data:comment.body></span><b:else></b:else><p><data:comment

.body></data:comment.body></p></b:if></dd><dd class="comment-footer"><span class="comment-

timestamp"><a title="comment permalink"

href="http://www.blogger.com/"><data:comment.timestamp></data:comment.timestamp></a><b:include

name="commentDeleteIcon" data="comment"></b:include></span></dd></b:loop></dl><p

class="comment-footer"><a onclick="data:post.addCommentOnclick"

href="data:post.addCommentUrl"><data:postcommentmsg></data:postcommentmsg></a></p></b:if><div

id="backlinks-container"><div id="'data:widget.instanceId"><b:if cond="data:post.showBacklinks"><b:include

name="backlinks" data="post"></b:include></b:if></div></div></div></b:includable>



4. Replace all code above with this new html code below

Get The COde Here

[Note: sometime, somehow, if you copy that code, the single quote ‘ character will change to this symbol `i really have no idea

how could that happen. but if it so, please change it back to single character again ‘ to make it work.]
Update:in the code above, you’ll see this line :
http://lifewg.googlepages.com/html-code-leave-comment.gif


You can change that image with your own image if you want to.

5. copy all this html code below on top of your it’s usually second last line of your html code.

<script languange="javascript">function showcomment(a,b){var bloggerstationdotcom =

document.getElementById(a);bloggerstationdotcom.style.display = 'none';bloggerstationdotcom = document.getElementById

(b);bloggerstationdotcom.style.display = 'block';}</script><script languange="'javascript'">function showcomment(a,b){var

bloggerstationdotcom = document.getElementById(a);bloggerstationdotcom.style.display = 'none';bloggerstationdotcom =

document.getElementById(b);bloggerstationdotcom.style.display = 'block';}</script>

6. Find this code below:

<span class="'post-comment-link'"><b:if cond="'data:blog.pageType"><b:if

cond="'data:post.allowComments'"><a class="'comment-link'" href="'data:post.addCommentUrl'"

onclick="'data:post.addCommentOnclick'"><b:if cond="'data:post.numComments">1

<data:top.commentlabel/><b:else/><data:post.numcomments/>

<data:top.commentlabelplural/></b:if></a></b:if></b:if></span>

7. Change or replace with this code below:

<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.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>

8. and then click on the “Save Template” button.

9. Look at your blog now, it should now has a commenting system under each post.

Popup Window will let you have all submitted comments placed on top of the comment form, so it’s good rather then have those

placed on the left side of the comment form, so your readers have to scroll it to right first if they want to leave a comment.
But you can try both of them to see the differences ...

permanently get rid of quick editing icons !!
We have received numerous complaints of bloggers seeing those "irritating" quick editing icons - the pencil

quick edit icon for the posts, and the screwdriver and wrench (spanner)

quick editing icon for the Page Elements (widgets). Personally they don't irritate me at all.

To me, these are really useful features, especially if you put a lot of HTML/Javascript Page Elements and you don't type a title for the Page Element (which is the norm). In the LAYOUT, they will all read "HTML/Javascript" and there is no way for you to tell which HTML/Javascript is for what unless you click on EDIT to look at what is inside. On the other hand, if you are logged in and you go the the blog, you will know exactly which Page Element you want to edit/delete and all you have to do is to click the icon and you will be editing/deleting the Page Element you want to edit/delete.

Further, they are only visible to me when I am logged into Blogger. No one else will see it. I have written about it before at How to get rid of the irritating "pencil" and "screwdriver and wrench (spanner)" quick edit icons (click BACK button to get back to this page). This however don't seem to satisfy some bloggers, especially those who have private blogs and can view their blogs only when they are logged in.

OK, if getting rid permanently of those very useful quick edit icons is what you want, here is how you can do it:

Permanently get rid of quick editing Pencil icon for postsSign into Blogger (Dashboard), click SETTINGS for the relevant blog and you will be in the SETTINGS > BASIC sub-tab by default. Just a bit down from the top of the page, you will see "Show Quick Editing on your Blog?". Click the down arrow and select "No" At the bottom, click "Save Settings". (Warning: There is a button "Delete this blog" very near that "Save Settings" button, and it is not uncommon to hear of bloggers who accidentally deleted their blog this way). Once you have done that, you will never see the quick editing Pencil icon again.

Permanently get rid of quick edit screwdriver and wrench (spanner) icons for Page Elements (widgets)Sign into Blogger (Dashboard). Click LAYOUT for the relevant blog. Click TEMPLATE tab, followed by EDIT HTML sub-tab. Before you do any editing of the template, backup the template PLUS the Page Elements. See Backup and edit New Blogger template PLUS backup Page Elements. Once you are done with that, you will still be in the template editor window. Tick the "Expand widget templates" box and wait for the template to fully expand. Then look for this line of code:

<b:include name="'quickedit'/">

If you face difficulties finding that line of code, press ctrl+F and you will see a "Find" followed by a box for you to type or copy-paste what you want to find. Type or copy-paste the above line of code into the box and click "Next". The scroll bar will scroll down to the line and the line will be highlighted. Use your mouse to highlight that line of code again and press the DELETE key. Preview, and if you don't get any error message, click "Save Template". You will never see the "irritating" (to me, useful") screwdriver and wrench icons again.