Add "Reply Link" to Blogger Comments

Providing your readers with easy navigation and fun-to-use tools should always be your first priority. Whether it may be a video blog like YouTube or it may be any forums, all these great sites have a reply link attached to each comment posted on the site. Fortunately we can even add this extremely useful Reply Link to our blogger blogs to make it even more better. On clicking the reply link or reply button, an anchor link to that comment post is pasted in blogger comment pop-up form. That link will show who has been responded or replied. You can see it working just fine on  Comments. I am sure you would love to add it to your blogs too. So let's do it!

Add Your Personalized "Reply Link" To Blogger

1. Go To Blogger > Design > Edit HTML
2. Backup your template
3. Click the "Expand widgets Templates" Box
4. Search For ]]></b:skin>
5. and paste the code below just above it,

/*--------------MBT Reply Link --------------*/

.MBT-replycomments{
background:#ECEAEA;
cursor:pointer;
color:#fff;
margin:5px 0;
float:right;
border:none;
padding:4px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:10px sans-serif;
}
.MBT-replycomments:hover{
background:#E7E7E7;
}

Make these changes:

• To Change the Link background on active mode edit #ECEAEA
• To Change the Link Background color on mouse hover edit #E7E7E7
• Our Color Generator tool will be helpful

    6.    Now Search for,

<dd class='comment-footer'>

or just this,

class='comment-footer'

and just above it paste the "Reply Link" Code below,

<div class='MBT-replycomments'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=*******************&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=650,height=650&quot;); return false;'>Reply..</a></div>

• You can replace the text Reply.. with anything you like
• Replace with your BLOG ID. If your are logged into your blogger account then look at your browser address bar. You can clearly see a 18-19 digit code. Just copy it and paste it in place of *******************

  7.   Save your template and view your blog comments the WordPress way! :>

How To Host Files on Google Code For Free?

Googlepages were amazing resource for bloggers who could not afford web hosting costs. I remember, it offered a free storage of 100MB but due to its failure Google replace it with Google sites which proved to be far more unsuccessful. Development is increasing therefore Google showed its generosity again by providing a free 4GB upload storage with an  amazing upload limit  of 200MB per file! I found it too important for blogger users. We often need direct links to host JavaScript, jquery and some flash files. Due to low quality free serving sites like mydatanest, fileave, boxtr etc., I thought it would be great to share how can Google help you in this case. Lets learn a new free way to host files.

I must remind you that you can upload anything you want under the limit of 200MB per file. May it be Java, php, MySQL or even pyThon.

Google Project Hosting

This free service is called Google project hosting. We will need to create an account/project  first with gmail ID. Lets begin

1. Log into this link with your Gmail ID
2. Then give your Project a name without spaces and fill up remaining blanks as shown below,

3.   Fill up the areas simply with your blog title and choose MIT as the license and choose Mercurial version.

        4.   Hit "Create Project"

         5.  On the next window click the New Download link under the Downloads Tab. See the screenshot below:

          6. Next to summary field give your file a name and hit the browse button to locate your file. Click submit file and bingo you are done!

          7. Click your uploaded file and you will be taken to a new page.

          8. Clicking it again will popup a download window but we don't need to download it. Instead rightclick the file and choose "Copy link location" This link is what you would need when linking to the file through your blogger Edit HTML section.

Advantage

I will ask you in future to save your javascripts here in order to make the tutorial length precise and make things look more simple. It wont slow down your widgets load time because the script is located on Google servers with 100% uptime. You can save javascripts on Blogger too but its better to keep your template clean rather pasting large chunks of code inside it. Have fun pals! :)