Add a Reply Button to Blogger Comments

Blogger’s Comments section is very dull and simple. It is so simple that it doesn't even have a Reply button. WordPress blogs, on the other hand, already have this provision. But don't be disappointed, because now you can add a reply button by a simple hack. To do so just follow the under-mentioned instructions:

Step 1:
Open your template in Notepad and find the following lines:

</dt>
<dd class='comment-body'>

Step 2:
Copy and paste the following code just above these lines:

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=1516418224387311153&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'><img alt='' title='Reply to Comment' class='icon-action' height='18' src='http://s5.postimage.org/c7on53zar/reply_to_comment.gif' width='42'/></a></span>

Step 3:
Now you must edit the digits marked in red. Otherwise, the Reply button won’t work at all. The digits marked in red should consist your own Blog ID.

Finding your blog ID is simple. Just log into the Dashboard and go to Design tab. Now copy your blog ID from your web browser's address bar:

Step 4:
Upload  your template and you are ready to test your reply button.

Read More

Random Quotes Widget for Blogger Blogs

I wanted to show random quotes on my blog’s sidebar but unfortunately I could not find a single widget for this purpose. Then I found a few Java Scripts on Random Texts and Random Quotes. All of them were not good for the job. Then finally I got a code from www.JavaScriptBank.com which I was able to adapt for Blogger. Let's see how to install and customize it.

Installation

The installation is simple, just take a HTML/JavaScript gadget and copy and paste the following code on it:

<p id="textrotator">(Loading...)</p>

<script language="JavaScript">

function rotateEvery(sec)
{
var Quotation=new Array()

// QUOTATIONS
Quotation[0] = '&ldquo; First Quote.&rdquo; - <a href="#">Author</a>';
Quotation[1] = '&ldquo; Second Quote.&rdquo; - <a href="#">Author</a>';

var which = Math.round(Math.random()*(Quotation.length - 1));
document.getElementById('textrotator').innerHTML = Quotation[which];
   
setTimeout('rotateEvery('+sec+')', sec*1000);
}
rotateEvery(2);

</script>
<span style='font-size:75%;float:right;'>Powered by <a href='http://inkoflife.blogspot.com/'>Ink of Life</a></span>

Save it and you are done. In case, you are new on Blogger and don’t know how to add a gadget then follow the undermentioned procedures:

1. Log into the blogger Dashboard

2. Click on the Design tab

3. Click on Add a Gadget in your desired location (on click a new window will appear)

4. From the new window Select HTML/JavaScript

5. Give a Title of the Gadget if you wish, such as: Random Quotes

6. Paste Random Quotes Widget code under Content section

7. Click Save

Customization

Changing Quotes

Write your quote in the place marked in red and the author's name in the place marked in green:

Number of Quotes

You can add as many quotes as you wish. By default I have provided provision for two quotes. You can include more quotes in the following way:

Adding Hyperlink

You can add a link to your individual quotes with related pages. To do so just replace the # with the desired link:

 

That means after addition of the link your code will look like something like this:

Changing Duration

By default the duration is set to 2 seconds. For example:

You can increase or decrease the timing if you wish. For Example in the following example I have set the duration to 12 seconds:

Some Issues

By chance your quote contains any apostrophe then replace it with this code:

Read More

How to Make Categories in Blogger

Like Wordpress Blogger does not have any features to categorize your contents automatically. But if you still insist to categorize your posts then you have to do it by using Labels gadget. In order to use the Labels gadget you have to follow these steps:

Step1.

Go to Blogger’s Dashboard. Select the Layout tab. If you find that the Labels gadget is not listed in Layout, then include it by clicking Add a Gadget link. A customization window will appear. Modify it according to your demand (for instance, you can determine whether you want to show all the labels or a selected few). You can add this gadget any where you wish for example in the navbar area, sidebar, or footer depending on the system of your template.

Step2.

Edit your post’s labels according to your grouping. For example, if you want to put a particular post under a category named “Pets”, then simply label it as pets. Try to be careful when labeling your posts. If you fail to enter the label accurately then the post will not appear under the desired category. That means the label you put should match with name of the targeted category. Any alteration of the labels may prove disastrous.

Read More