Install Google+ Comment on MKR Blogger Template

K-iT-Software

Monday, September 8, 2014

Install Google+ Comment on MKR Blogger Template

After menluncurkan new HTML editor with extra functionality that I think is very helpful, Google also launched a new addition to the blogger's own features that Google+ Comments for bloggers.
Unlike congenital comment thread of bloggers, this new comment feature uses an iframe to display it. It is like the facebook comments or disc which also uses an iframe.
If you use a template that I made ​​and would like to add this feature even you can follow the following ways:

Adding iframe_comments and Comment Picker

Both of the following code is the code to set the existing comments diblogger. If I notice this code appears when Google launched Google + to blogger comments.
If the following code on your blog is no please copy and place it on your blog like the following way:

1. In the Dashboard click  Template  and then click  Edit HTML
2. In the  Jump to the widget  select  Blog1
3. Then Click the  ►  then copy the following code before / above  </ b: widget>

   <B: includable id = 'iframe_comments' var = 'post'>
     <B: if cond = 'data: post.allowIframeComments'>
       <Script expr: src = 'data: post.iframeCommentSrc' type = 'text / javascript' />
       <Div class = 'cmt_iframe_holder' expr: the data-href = 'data: post.canonicalUrl' expr: a data-viewType = 'data: post.viewType' />
   
       <B: if cond = 'data: post.embedCommentForm == & quot; false & quot;'>
         <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <data: postCommentMsg / a>
       </ B: if>
     </ B: if>
   </ B: includable>

   
   

   <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 = 'comments' />
         </ B: if>
       </ B: if>
     </ B: if>
   </ B: includable>

4. Then click  the Save Template

Adjusting Calling (Comment Picker)

At this stage that is set up where the only comment will appear. How something like the following:

1. Still on  Edit HTML , Find the following code:  <b: includable id = 'main' var = 'top'>
2. Click the  ►  and replace the following code:
   

   <B: if cond = 'data: blog.pageType == & quot; static_page & quot;'>
     <B: if cond = 'data: post.showThreadedComments'>
       <B: include data = 'post' name = 'threaded_comments' />
     <B: else />
       <B: include data = 'post' name = 'comments' />
     </ B: if>
   </ B: if>
   <B: if cond = 'data: blog.pageType == & quot; items & quot;'>
     <B: if cond = 'data: post.showThreadedComments'>
       <B: include data = 'post' name = 'threaded_comments' />
     <B: else />
       <B: include data = 'post' name = 'comments' />
     </ B: if>
   </ B: if>

   with code:
   

   <B: if cond = 'data: blog.pageType == & quot; static_page & quot;'> 
     <B: include data = 'post' name = 'comment_picker' />  
   </ B: if>
   <B: if cond = 'data: blog.pageType == & quot; items & quot;'>
     <B: include data = 'post' name = 'comment_picker' />
   </ B: if>

3. Then click  the Save Template  
4. 
   
5. Powered by Blogger