0 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 MBT 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! :>

0 How to Create Google+ (Plus) Fan Page for Your Blog

Google+(Plus) Launches Pages For Google +(Plus). A Businesses solution for Promoting products and sharing news, photos and events, to your customers and Fans. it is very similar to the Facebook Fan Pages. in this Article i show you how to Create and Promote a Fan Page for your Blogger Blog.

HOW TO CREATE A GOOGLE+ FAN PAGE?

You Must Have a Google+ Account to create a G+ Fan Page

1. Go to THIS PAGE and Click on Product or Brand
   
2. Enter the Blog Title and URL as Follows
   
3. Select the Category as WebSite
   
4. Tick the Agree Page Terms check-box and Click on Create Button.
   
5. Enter the Tagline of the Blog and Upload a Profile photo (if any!)
   
6. Your G+ page is almost created. if you wish to share your page with your Google+ Circles, then click the Share on Google+ button and Finally Click the Finish button
   

ADDING OFFICIAL GOOGLE+(PLUS) PAGE BADGE

To Grow your fans and Audience, add the official Google+ page badge to your blog.

1. After finishing creating page, you will see the page like below. click the get the Badge link.
   
2. You will redirect to this page. and your Google + page ID is automatically added.
3. Choose a Style of Badge and Language (Leave the Advanced options to Default).
4. Here, you will get Two sections of Code.(Code1 and Code2).
   
5. Go to Blogger Dashboard > Design > Edit HTML
6. Search for the </head> tag
7. Add the Code1 section before </head> tag and Save the Template
8. Add the Code2 section in HTML/JavaScript gadget or place where you want the badge to be appear.

That’s it!. Please leave your comments.

0 How to Add Google Analytics to Your Blogger Blog

0:59 AM

Would not it be nice to know how many people visited your blog every day? What's to know which of your posts
are most popular? Surprisingly good Blogger does not offer any native blog analysis, but fortunately it is not Google Analytics - available for free.

Google Analytics is a great tool that will show you all kinds of useful information about how people found your blog, the keywords they searched to find where they came from, and even how long they stayed. You will learn more about where your visitors come from and how they interact with your blog. This is a tool if you are trying to build a profitable blog otherwise, are flying blind!
This article will show how to add Google Analytics to your Blogger blog. 

First Go To

Google Analytics

 Select 

Creat New Account

Click On 

Sign Up

Now write

Your Blogger Blog URL

Account Name

Set Time Zone Country or Territory

Set Time Zone

Write Your Name

Set Zone Country or Territory

Check on 

Yes , i agree to the above terms and conditions

Click on 

Creat New Account

Now the following screen is very important. This is the code you need to copy and paste into your Blogger template. Go ahead and click in the box and will automatically highlight any block of code for you. Now you need to copy the code and paste it into notepad or a Word document. Save it as you will need to use later.

Sign in Your Blogger Account 

Click on "Design" Tab

Click on "Edit Html" Tab

Press Ctrl + F and Find This Tag

</HTML>

Make New Div Tag and Closs Div Tag

Past "Google Analytics" Java Script Code

Ok , Now Click "Save Template"

Now Go To "Google Analytics" and Click "Contnue"

Now it usually takes an hour or so before you will see all the data (maybe more if you do not get much traffic to your blog) so please be patient. Trust me, you will be recording at least once a day just to see how much traffic your blog is receiving. It is very addictive and powerful information to learn. You will be surprised that the messages are the most popular and what people from countries in reading your blog.
Google Analytics is very powerful and have learned to install on your Blogger template. We have not even scratched the surface of the features and reporting can be done. For most bloggers, that is sufficient. The data will be collected and will only be reviewed. Other objectives in more detail (such as selling products or services, creating a sales channel, etc) will want to spend more time learning GA. I hope you enjoyed the tutorial and not blame me for your new addiction found!

See This Video Presentation

0 How To Add Facebook Like Button For Your Blogger Blog

How To Add Facebook Like Button For Your Blogger Blog
Very Easy And Simple

Just Follow Me

First Go To

http://developers.facebook.com/docs/reference/plugins/like

Write Your Blog Url And Customize Your Favorite Design

Copy Code
Now Sign In Your Blogger Account
Click On
Design Tab

Click On 
Edit Html  Tab

Check On
Expand Widget Templates

Press Ctrl + F And Find This Code
 <data:post.body/>

Past Facebook Like Script Code
Save Template

See this Tutorial

0 How to remove navbar from blogger

 

A lot of people hosting their blogs on Blogger (www.blogspot.com) complain about the inability to remove the blogger navigation through your page elements. In fact, if you are looking for, all you can do from there you change the color to one of several default selections.



If you really want to remove the blogger navigation bar, you need to access your HTML template. Before I tell you how to do, however, I would first talk about why they may or may not want to remove the navigation bar from your blogspot blog. 

The main reasons for disposal.
It looks more professional without it: Depending on what your purpose for blogging is that you can choose to remove the navigation bar, as a blogger makes a blog more like a hosted blog and less like a true professional site worth taking seriously.
It gives you more room on the top of the page: This may not seem important, but not having the navigation bar that gives a little more space for graphics. I found this place to be very useful to design my own blog.

The main reasons for maintaining it.

It makes editing a little easier: you can access directly from your own blog, and not have to worry about logging in blogger. You can also edit the capsules of the page, without having to go to the elements.

You get a bit of traffic on the "next blog" button: And I mean Teenie. I can not even remember the last time I saw the traffic on the road.

PLEASE FOLLOW ME

FIRST SIGN IN YOUR BLOGGER ACCOUNT

CLICK ON DESIGN TAB
CLICK ON EDIT HTML TAB
AND PRESS  CTRL + F
FIND THIS CODE
/* Variable definitions
AND PAST THIS CODE
/* NavBar -------------------------- */
#navbar {
height: 0px;
visibility: hidden;
display: none;
}

See this video tutorial