Displaying Comments Blogger and Google Plus Comment

How to Use Blogger and Google Plus Comments System Together with Toggle - In the previous article I have explained how to install or activ...

How to Use Blogger and Google Plus Comments System Together with Toggle - In the previous article I have explained how to install or activate Google Plus comments on Blogger . Now I will explain how to display the comments Blogger with Google+ simultaneously with the toggle system (installed two systems, with the system on and off).

How to Install Blogger and Google+ Simultaneously Comments

Step 1 : Backup Templates
This is important, before doing any editing make it a habit to backup the template for the anticipated error in the editing process. Step 2 : Find the code below:

< b: includable  id = 'threaded_comments'  var = 'post' > ... </ b: includable >

later block entirely. Step 3 : Replace the code above (in step 2) with the code below:

<B: includable id = 'threaded_comments' var = 'post'>
<Div id = 'com-header'>
<H6> Commented with </ h6> <img class = 'com-on' id = 'com-norm' title = 'View Comments Blogger' /> <h6> or </ h6> <image id = 'com-gplus' title = 'View Comments Google +' /> <h6> please make selections buddy! </ h6>
</ Div>
<Div id = 'comment-zone'>
  <Div class = 'comments' id = 'comments'>
    <a name='comments'/>
    <H4> <data: post.commentLabelFull />: </ h4>
    <Div class = 'comments-content'>
      <B: if cond = 'data: post.embedCommentForm'>
        <B: include data = 'post' name = 'threaded_comment_js' />
      </ B: if>
      <Div id = 'comment-holder'>
         <Data: post.commentHtml />
      </ Div>
    </ Div>
    <P class = 'comment-footer'>
      <B: if cond = 'data: post.allowNewComments'>
        <B: include data = 'post' name = 'threaded-comment-form' />
      <B: else />
        <Data: post.noNewCommentsText />
      </ B: if>
    </ P>
    <B: if cond = 'data: showCmtPopup'>
      <Div id = 'comment-popup'>
        <Iframe allowtransparency = 'true' frameborder = "0" id = 'comment-actions' name = 'comment-actions' scrolling = 'no'>
        </ Iframe>
      </ Div>
    </ B: if>
    <Div id = 'backlinks-container'>
    <Div expr: id = 'data: widget.instanceId + & quot; _backlinks-container & quot;'>
       <B: if cond = 'data: post.showBacklinks'>
         <B: include data = 'post' name = 'backlinks' />
       </ B: if>
    </ Div>
    </ Div>
  </ Div>
  <Div id = 'gcontainer'> <div id = 'gcomments' /> </ div>
<Script type = 'text / javascript'>
      .___ window gcfg = {
        lang: & # 39; en-us & # 39;
      };
</ Script>
<Script src = 'http: //apis.google.com/js/plusone.js'/>
<Script type = 'text / javascript'>
// <! [CDATA [
gapi.comments.render('gcomments',{href:window.location,width:' 640 ',first_party_property:'BLOGGER',view_type:'FILTERED_POSTMOD'});$('#com-norm').click(function(){$('#gcontainer').css('display','none');$('#comments').css('display','block');$('#com-norm').addClass('comment-on');$('#com-gplus').removeClass('comment-on');$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_y5vLAIhoun0B8zVe1zYykPli9maicjNGWXcBQqeCHCvb1YXCFdXxAypIBG-bnlc8IbBBugtkA0cApnoNhSPgIQBH31N2ah4qsW8_V1bCjSI3zEF6iq0_1XfiwFZ-FyAi11sXKkPxV8TE/s1600/blogger-comments-on.png');$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi97uH_JPwAhrosfcK0pFHFq35_obB02cMz6f9OZfOzUEW2NZytNBKxyw9-s_6aVDNdikspB6z7WAJ4-cwiJaRawYjiGtrs5ZtFM_upEclesJ_vV_HPq6jgsGS2ODjt5PsvHx59n-E-jaYP/s1600/Google-plus-comments-off');});$('#com-gplus').click(function(){$('#comments').css('display','none');$('#gcontainer').css('display','block');$('#com-norm').removeClass('comment-on');$('#com-gplus').addClass('comment-on');$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXZnAGavdtvgKWSYkcOLtXJr3kRZWI6UZT29ahZEC-AMivXyYNBYWEgLDpDMAGaR2nKiYX4iaISz0_9QdOUm4vp2BCbH0wFoN60NgRg81JGPUFngIJFKe7dyo9urA7zGfi46DMyTiV65wr/s1600/blogger-comments-off.png');$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_LnL1VNNmZdnc88ghFXYSJRSG-iG7AT77vZijrXMqaJNrmKh0TrBKJiQCSThCEfIIA3zmzbMMn0NxG_oFOAI62qFMhpzUDNNV6vv_5GHR4PLSQgCnlOmlQIE6n3lWAgZAo8w_UP2sEYcJ/s1600/google-plus-comments-on.png');});$('#com-norm').hover(function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_y5vLAIhoun0B8zVe1zYykPli9maicjNGWXcBQqeCHCvb1YXCFdXxAypIBG-bnlc8IbBBugtkA0cApnoNhSPgIQBH31N2ah4qsW8_V1bCjSI3zEF6iq0_1XfiwFZ-FyAi11sXKkPxV8TE/s1600/blogger-comments-on.png');}},function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXZnAGavdtvgKWSYkcOLtXJr3kRZWI6UZT29ahZEC-AMivXyYNBYWEgLDpDMAGaR2nKiYX4iaISz0_9QdOUm4vp2BCbH0wFoN60NgRg81JGPUFngIJFKe7dyo9urA7zGfi46DMyTiV65wr/s1600/blogger-comments-off.png');}});$('#com-gplus').hover(function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_LnL1VNNmZdnc88ghFXYSJRSG-iG7AT77vZijrXMqaJNrmKh0TrBKJiQCSThCEfIIA3zmzbMMn0NxG_oFOAI62qFMhpzUDNNV6vv_5GHR4PLSQgCnlOmlQIE6n3lWAgZAo8w_UP2sEYcJ/s1600/google-plus-comments-on.png');}},function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi97uH_JPwAhrosfcK0pFHFq35_obB02cMz6f9OZfOzUEW2NZytNBKxyw9-s_6aVDNdikspB6z7WAJ4-cwiJaRawYjiGtrs5ZtFM_upEclesJ_vV_HPq6jgsGS2ODjt5PsvHx59n-E-jaYP/s1600/Google-plus-comments-off');}});
//]]>
</ Script>
<Style>
#gcontainer {
display: none;
  }
# Com-norm, # com-gplus {
cursor: pointer;
padding: 0 5px;
float: left;
  }

# Header {com-
border: 1px solid # d2d2d2;
padding: 10px;
float: left;
width: 615px ;
margin: 5px;
background: # f5f5f5;
  }
# Com-header h6 {
font-size: 15px;
text-transform: none;
font-weight: bold;
text-align: center;
float: left;
padding-top: 15px;
margin: 0px;
margin-right: 7px;
margin-left: 7px;
  }
</ Style>
</ Div>
</ B: includable>

Adjust the size of the toggle, replace the number 615px to the size of your blog. Then replace the figures also 640 adjust the size of your blog. Step 4 : Find the code below:

< b: includable  id = 'comment_picker'  var = 'post' > ... </ b: includable >

replace with the following code:

< b:includable  id = 'comment_picker'  var = 'post' > 
  < b:if  cond = 'data:post.forceIframeComments' > 
    < b:include  data = 'post'  name = 'iframe_comments' /> 
    < b:if  cond = 'data:post.showThreadedComments' > 
      < b:include  data = 'post'  name = 'threaded_comments' /> 
    < b:else /> 
      < b:include  data = 'post'  name = 'comments' /> 
    </ b:if > 
  < b:else /> 
    < b:if  cond = 'data:post.commentSource == 1' > 
      < b:include  data = 'post'  name = 'iframe_comments' /> 
    < b:else /> 
      < b:if  cond = 'data:post.showThreadedComments' > 
        < b:include  data = 'post'  name = 'threaded_comments' /> 
      < b:else /> 
        < b:include  data = 'post'  name = 'threaded_comments' /> 
      </ b:if > 
    </ b:if > 
  </ b:if > 
 < div  style = 'clear:both;' /> 
</ b:includable >

Save the template. Please see the results, now your blog is mounted 2 comments system, namely Blogger and Google Plus . If the above steps have been done, but google plus comments yet emerged or there are other problems, please refer to the explanation and solution under the trouble.

Some Problems that Come

1 I've done the steps above, the toggle has appeared but can not be clicked.
When the toggle has appeared on and off (blogger or google + button can not be clicked), itcertainly has not installed your template jQuery. visit For installations on How to Add jQuery Templates Blogger . 2. I've done the steps above, and jQuery templates already installed but nothing happens. When my friend was doing step ² above, even jQuery templates already installed, be sure that you are using the old comment system or system hack comments . Because the tutorial above for default blogger comment thread.

Install Google+ on Blogger Comments and Comment System Lama

There is a difference code for threaded comment system and the old commenting system on blogger. When using the old commenting system, please find the code:

< b: includable  id = 'comments'  var = 'post' >
...
</ b: includable >

and replace the code with this:

< b: includable  id = 'comments'  var = 'post' > 
< div  id = 'com-header' > 
< h6 > Commenting Comments Comments Google+ ' /> < h6 > please select an option == 1 ' > 
          1 < Data: commentLabel /> :
         < b: else /> < Data: post.numComments /> < Data: commentLabelPlural /> :
         </ b: if > </ h4 >         

 
    
     
     
      
         
           
      

      < b:if  cond = 'data:post.commentPagingRequired' > 
        < span  class = 'paging-control-container' > 
          < a  expr:class = 'data:post.oldLinkClass'  expr:href = 'data:post.oldestLinkUrl' > < data:post.oldestLinkText /> </ a >
          & # 160;
          < a  expr:class = 'data:post.oldLinkClass'  expr:href = 'data:post.olderLinkUrl' > < data:post.olderLinkText /> </ a >
          & # 160;
          < Data: post.commentRangeText />
          & # 160;
          < a  expr:class = 'data:post.newLinkClass'  expr:href = 'data:post.newerLinkUrl' > < data:post.newerLinkText /> </ a >
          & # 160;
          < a  expr:class = 'data:post.newLinkClass'  expr:href = 'data:post.newestLinkUrl' > < data:post.newestLinkText /> </ a > 
        </ span > 
      </ b:if >

        
          
          & Quot; +  
             
                  
            
             
             
              
            
             
                
            
              
            
            
          
           
             
               
            
              
            
          
           
             
                
                
              
                
            
          
        
      

      < b:if  cond = 'data:post.commentPagingRequired' > 
        < span  class = 'paging-control-container' > 
          < a  expr:class = 'data:post.oldLinkClass'  expr:href = 'data:post.oldestLinkUrl' > 
            < data:post.oldestLinkText /> 
          </ a > 
          < a  expr:class = 'data:post.oldLinkClass'  expr:href = 'data:post.olderLinkUrl' > 
            < data:post.olderLinkText /> 
          </ a >
          & # 160;
          < Data: post.commentRangeText />
          & # 160;
          < a  expr:class = 'data:post.newLinkClass'  expr:href = 'data:post.newerLinkUrl' > 
            < data:post.newerLinkText /> 
          </ a > 
          < a  expr:class = 'data:post.newLinkClass'  expr:href = 'data:post.newestLinkUrl' > 
            < data:post.newestLinkText /> 
          </ a > 
        </ span > 
      </ b:if >

      < p  class = 'comment-footer' > 
        < b:if  cond = 'data:post.embedCommentForm' > 
          < b:if  cond = 'data:post.allowNewComments' > 
            < b:include  data = 'post'  name = 'comment-form' /> 
          < b:else /> 
            < data:post.noNewCommentsText /> 
          </ b:if > 
        < b:else /> 
          < b:if  cond = 'data:post.allowComments' > 
            < a  expr:href = 'data:post.addCommentUrl'  expr:onclick = 'data:post.addCommentOnclick' > < data:postCommentMsg /> </ a > 
          </ b:if > 
        </ b:if >

      </ p > 
    </ 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 > 
  </ div > 
  < div  id = 'gcontainer' > < div  id = 'gcomments' /> </ div > 
< script  type = 'text/javascript' >
      .___ window gcfg = {
        lang: & # 39 ; en-us & # 39 ;
      };
</ script > 
< script  src = 'http://apis.google.com/js/plusone.js' /> 
<script type= 'text/javascript' >
 //<![CDATA[ 
gapi.comments.render( 'gcomments' ,{href:window.location,width: '640' ,first_party_property: 'BLOGGER' ,view_type: 'FILTERED_POSTMOD' });$( '#com-norm' ).click( function (){$( '#gcontainer' ).css( 'display' , 'none' );$( '#comments' ).css( 'display' , 'block' );$( '#com-norm' ).addClass( 'comment-on' );$( '#com-gplus' ).removeClass( 'comment-on' );$( '#com-norm' ).attr( 'src' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_y5vLAIhoun0B8zVe1zYykPli9maicjNGWXcBQqeCHCvb1YXCFdXxAypIBG-bnlc8IbBBugtkA0cApnoNhSPgIQBH31N2ah4qsW8_V1bCjSI3zEF6iq0_1XfiwFZ-FyAi11sXKkPxV8TE/s1600/blogger-comments-on.png' );$( '#com-gplus' ).attr( 'src' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi97uH_JPwAhrosfcK0pFHFq35_obB02cMz6f9OZfOzUEW2NZytNBKxyw9-s_6aVDNdikspB6z7WAJ4-cwiJaRawYjiGtrs5ZtFM_upEclesJ_vV_HPq6jgsGS2ODjt5PsvHx59n-E-jaYP/s1600/Google-plus-comments-off' );});$( '#com-gplus' ).click( function (){$( '#comments' ).css( 'display' , 'none' );$( '#gcontainer' ).css( 'display' , 'block' );$( '#com-norm' ).removeClass( 'comment-on' );$( '#com-gplus' ).addClass( 'comment-on' );$( '#com-norm' ).attr( 'src' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXZnAGavdtvgKWSYkcOLtXJr3kRZWI6UZT29ahZEC-AMivXyYNBYWEgLDpDMAGaR2nKiYX4iaISz0_9QdOUm4vp2BCbH0wFoN60NgRg81JGPUFngIJFKe7dyo9urA7zGfi46DMyTiV65wr/s1600/blogger-comments-off.png' );$( '#com-gplus' ).attr( 'src' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_LnL1VNNmZdnc88ghFXYSJRSG-iG7AT77vZijrXMqaJNrmKh0TrBKJiQCSThCEfIIA3zmzbMMn0NxG_oFOAI62qFMhpzUDNNV6vv_5GHR4PLSQgCnlOmlQIE6n3lWAgZAo8w_UP2sEYcJ/s1600/google-plus-comments-on.png' );});$( '#com-norm' ).hover( function (){ if (!$( '#com-norm' ).hasClass( 'comment-on' )){$( '#com-norm' ).attr( 'src' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_y5vLAIhoun0B8zVe1zYykPli9maicjNGWXcBQqeCHCvb1YXCFdXxAypIBG-bnlc8IbBBugtkA0cApnoNhSPgIQBH31N2ah4qsW8_V1bCjSI3zEF6iq0_1XfiwFZ-FyAi11sXKkPxV8TE/s1600/blogger-comments-on.png' );}}, function (){ if (!$( '#com-norm' ).hasClass( 'comment-on' )){$( '#com-norm' ).attr( 'src' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXZnAGavdtvgKWSYkcOLtXJr3kRZWI6UZT29ahZEC-AMivXyYNBYWEgLDpDMAGaR2nKiYX4iaISz0_9QdOUm4vp2BCbH0wFoN60NgRg81JGPUFngIJFKe7dyo9urA7zGfi46DMyTiV65wr/s1600/blogger-comments-off.png' );}});$( '#com-gplus' ).hover( function (){ if (!$( '#com-gplus' ).hasClass( 'comment-on' )){$( '#com-gplus' ).attr( 'src' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_LnL1VNNmZdnc88ghFXYSJRSG-iG7AT77vZijrXMqaJNrmKh0TrBKJiQCSThCEfIIA3zmzbMMn0NxG_oFOAI62qFMhpzUDNNV6vv_5GHR4PLSQgCnlOmlQIE6n3lWAgZAo8w_UP2sEYcJ/s1600/google-plus-comments-on.png' );}}, function (){ if (!$( '#com-gplus' ).hasClass( 'comment-on' )){$( '#com-gplus' ).attr( 'src' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi97uH_JPwAhrosfcK0pFHFq35_obB02cMz6f9OZfOzUEW2NZytNBKxyw9-s_6aVDNdikspB6z7WAJ4-cwiJaRawYjiGtrs5ZtFM_upEclesJ_vV_HPq6jgsGS2ODjt5PsvHx59n-E-jaYP/s1600/Google-plus-comments-off' );}});
 //]]>
 </ script > 
< style > 
#gcontainer  {
 display : none;
   }
 #com-norm , #com-gplus  {
 cursor : pointer; 
padding : 0  5 px; 
float : left;
   }

# Com-header  {
 border : 1 px solid #ccc ;  
padding : 10 px;  
float : left; 
width : 615 px;  
margin : 5 px 5 px 15 px 2 px;  
background : #f5f5f5 ;  
text-align : center;
   }
 #com-header  h6 {
 font-size : 14 px;  
font-weight : bold; 
text-align : center; 
float : left; 
text-transform : uppercase; 
padding-top : 15 px;  
margin : 0 px;  
margin-right : 7 px;  
margin-left : 7 px; 
   }
 </ style > 
</ b:includable >

Save the template, and see the results.

Installing Comments Blogger and Google Hack on Threaded Comments

Threaded Comments Hack, is actually the old comment system modified with JavaScript so that it becomes stratified comments as I use. To activate Comments Blogger and Google Plus simultaneously, in this comment should be more careful. Actually, nearly similar to the way the old comments, but can not copy and paste the above code, because threded comments on this hack is no different structure. Step 1 : Add code in Below is after<b: includable id = 'comments' var = 'post'> :

< div  id = 'com-header' > 
< h6 > Commenting Comments Comments Google+ ' /> < h6 > please make selections buddy! </ h6 > </ div > < div id = 'comment-zone' >

Step 2 : add the following code before the closing or </ b: includable> :

</ div > 
< div  id = 'gcontainer' > < div  id = 'gcomments' /> </ div > 
< script  type = 'text / javascript' >
      .___ window gcfg = {
        lang: & # 39 ; en-us & # 39 ;
      };
</ script > 
< script  src = 'http://apis.google.com/js/plusone.js' /> 
<script type= 'text/javascript' >
 //<![CDATA[ 
gapi.comments.render( 'gcomments' ,{href:window.location,width: '640' ,first_party_property: 'BLOGGER' ,view_type: 'FILTERED_POSTMOD' });$( '#com-norm' ).click( function (){$( '#gcontainer' ).css( 'display' , 'none' );$( '#comments' ).css( 'display' , 'block' );$( '#com-norm' ).addClass( 'comment-on' );$( '#com-gplus' ).removeClass( 'comment-on' );$( '#com-norm' ).attr( 'src' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_y5vLAIhoun0B8zVe1zYykPli9maicjNGWXcBQqeCHCvb1YXCFdXxAypIBG-bnlc8IbBBugtkA0cApnoNhSPgIQBH31N2ah4qsW8_V1bCjSI3zEF6iq0_1XfiwFZ-FyAi11sXKkPxV8TE/s1600/blogger-comments-on.png' );$( '#com-gplus' ).attr( 'src' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi97uH_JPwAhrosfcK0pFHFq35_obB02cMz6f9OZfOzUEW2NZytNBKxyw9-s_6aVDNdikspB6z7WAJ4-cwiJaRawYjiGtrs5ZtFM_upEclesJ_vV_HPq6jgsGS2ODjt5PsvHx59n-E-jaYP/s1600/Google-plus-comments-off' );});$( '#com-gplus' ).click( function (){$( '#comments' ).css( 'display' , 'none' );$( '#gcontainer' ).css( 'display' , 'block' );$( '#com-norm' ).removeClass( 'comment-on' );$( '#com-gplus' ).addClass( 'comment-on' );$( '#com-norm' ).attr( 'src' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXZnAGavdtvgKWSYkcOLtXJr3kRZWI6UZT29ahZEC-AMivXyYNBYWEgLDpDMAGaR2nKiYX4iaISz0_9QdOUm4vp2BCbH0wFoN60NgRg81JGPUFngIJFKe7dyo9urA7zGfi46DMyTiV65wr/s1600/blogger-comments-off.png' );$( '#com-gplus' ).attr( 'src' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_LnL1VNNmZdnc88ghFXYSJRSG-iG7AT77vZijrXMqaJNrmKh0TrBKJiQCSThCEfIIA3zmzbMMn0NxG_oFOAI62qFMhpzUDNNV6vv_5GHR4PLSQgCnlOmlQIE6n3lWAgZAo8w_UP2sEYcJ/s1600/google-plus-comments-on.png' );});$( '#com-norm' ).hover( function (){ if (!$( '#com-norm' ).hasClass( 'comment-on' )){$( '#com-norm' ).attr( 'src' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_y5vLAIhoun0B8zVe1zYykPli9maicjNGWXcBQqeCHCvb1YXCFdXxAypIBG-bnlc8IbBBugtkA0cApnoNhSPgIQBH31N2ah4qsW8_V1bCjSI3zEF6iq0_1XfiwFZ-FyAi11sXKkPxV8TE/s1600/blogger-comments-on.png' );}}, function (){ if (!$( '#com-norm' ).hasClass( 'comment-on' )){$( '#com-norm' ).attr( 'src' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXZnAGavdtvgKWSYkcOLtXJr3kRZWI6UZT29ahZEC-AMivXyYNBYWEgLDpDMAGaR2nKiYX4iaISz0_9QdOUm4vp2BCbH0wFoN60NgRg81JGPUFngIJFKe7dyo9urA7zGfi46DMyTiV65wr/s1600/blogger-comments-off.png' );}});$( '#com-gplus' ).hover( function (){ if (!$( '#com-gplus' ).hasClass( 'comment-on' )){$( '#com-gplus' ).attr( 'src' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_LnL1VNNmZdnc88ghFXYSJRSG-iG7AT77vZijrXMqaJNrmKh0TrBKJiQCSThCEfIIA3zmzbMMn0NxG_oFOAI62qFMhpzUDNNV6vv_5GHR4PLSQgCnlOmlQIE6n3lWAgZAo8w_UP2sEYcJ/s1600/google-plus-comments-on.png' );}}, function (){ if (!$( '#com-gplus' ).hasClass( 'comment-on' )){$( '#com-gplus' ).attr( 'src' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi97uH_JPwAhrosfcK0pFHFq35_obB02cMz6f9OZfOzUEW2NZytNBKxyw9-s_6aVDNdikspB6z7WAJ4-cwiJaRawYjiGtrs5ZtFM_upEclesJ_vV_HPq6jgsGS2ODjt5PsvHx59n-E-jaYP/s1600/Google-plus-comments-off' );}});
 //]]>
 </ script > 
< style > 
#gcontainer  {
 display : none;
   }
 #com-norm , #com-gplus  {
 cursor : pointer; 
padding : 0  5 px; 
float : left;
   }

# Com-header  {
 border : 1 px solid #ccc ;  
padding : 10 px;  
float : left; 
width : 615 px;  
margin : 5 px 5 px 15 px 2 px;  
background : #f5f5f5 ;  
text-align : center;
   }
 #com-header  h6 {
 font-size : 14 px;  
font-weight : bold; 
text-align : center; 
float : left; 
text-transform : uppercase; 
padding-top : 15 px;  
margin : 0 px;  
margin-right : 7 px;  
margin-left : 7 px; 
   }
 </ style >

Save the template and see the results. Hopefully useful .....

Add$quote=Add

Header$type=menu

Archive Pages Design$type=blogging

Displaying Comments Blogger and Google Plus Comment

How to Install Blogger and Google+ Simultaneously Comments

Some Problems that Come

Install Google+ on Blogger Comments and Comment System Lama

Installing Comments Blogger and Google Hack on Threaded Comments

COMMENTS

WEEK TRENDING

Archive Pages Design$type=blogging

Displaying Comments Blogger and Google Plus Comment

How to Install Blogger and Google+ Simultaneously Comments

Some Problems that Come

Install Google+ on Blogger Comments and Comment System Lama

Installing Comments Blogger and Google Hack on Threaded Comments

SHARE:

COMMENTS

WEEK TRENDING