Add/Install Google+ as well as Blogger Comments With Blogger

Users tin easily comment on your every unmarried post spell reading your post or using the Google+ account. Today I’m going to exhibit you lot how to attach/add Google+ as well as Google property as well as it’s really powerful for SEO. If whatever visitors comes to your post from google plus, Google catch that visitors equally a organic visitors.

 Users tin easily comment on your every unmarried post spell reading your post or using the G Add/Install Google+ as well as Blogger Comments With Blogger
By this way you lot tin increase spider web log Traffic, Google addition followers as well as Google addition circle. You tin create got payoff of the google addition comment organisation on blogger. You tin reply easily of google addition commentator equally good equally blogger on 1 platform.

How to Integrate Google Plus as well as Blogger Comments:

To add together this installation equally uncomplicated equally possible, We used inline JQuery as well as CSS, but anybody tin modify it later. So let’s start to adding it.
Step 1. Go to your Blogger Dashboard, Open specific Blog, > as well as hence choose “Template” as well as click on “Edit HTML”
Step 2. Clock anywhere on the code as well as press Ctrl + F to opened upwards the search box, Now Find the code below

<b:include data=’post’ name=’post’/>

Step 3. Copy the given below code as well as glue just <b:include data=’post’ name=’post’/> after it

 <b:if cond=’data:blog.pageType == &quot;item&quot;’><style>#comments, #gplus-comments-visibility {display:none;} .comments-icons {background: url(http://2.bp.blogspot.com/–CsmnKc1FSA/VI8FyLYdw7I/AAAAAAAAAwE/erSHV85Pg_Q/s1600/speech-bubble.png) no-repeat; font-size: 20px; font-family: &quot;Arial Narrow&quot;,Arial,sans-serif; color: #555; font-weight: bold; padding: 18px 15px 0; height: 70px; } .comments-icons a img {vertical-align: middle;}</style><div class=’comments-icons’>Show Comments: <a class=’show-hide-comments’ href=’javascript:void();’ onclick=’$(&quot;#gplus-comments-visibility&quot;).slideToggle();$(&quot;#comments&quot;).hide();’><img class=’gplus-icon’ height=’35’ src=’http://1.bp.blogspot.com/-i1zpfechOuY/VI763hqxlHI/AAAAAAAAAvs/dz4sWUQW-xU/s1600/google-plus-logo.png’ width=’35’/></a> OR <a class=’show-hide-comments’ href=’javascript:void();’ onclick=’$(&quot;#comments&quot;).slideToggle();$(&quot;#gplus-comments-visibility&quot;).hide();’><img class=’blogger-icon’ height=’35’ src=’http://3.bp.blogspot.com/-4N-YlJvoxdA/VI763udxlHI/AAAAAAAAAvw/0dY2Ys0zz2k/s1600/blogger-logo.png’ width=’35’/></a></div><div id=’gplus-comments-visibility’><div class=’g-comments’ data-first_party_property=’BLOGGER’ data-view_type=’FILTERED_POSTMOD’ data-width=’550′expr:data-href=’data:post.url’/></div>       </b:if>

Step 4.  The code data-width=’550′ indicate that you lot tin modify easily past times increasing/decreasing ‘550’ according to your blog size.
Step 5. Now Save your Template, as well as banking company stand upwards for your spider web log to run into if you lot create got successfully added this code to blogger
Note: If this code is non working for you lot it agency you lot must create got to seat JQuery script inwards <head> </head> section 

Add JQuery script: 

Paste the given below code earlier the </head> tag

<script src=’https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js’ type=’text/javascript’/>

You create got Done. Your reader volition taste the flexibility that your site provides as well as you lot volition too larn practice goodness from the inclusive services offered past times Google.
Share this post of this site alongside your friends on social media sites. If you lot create got whatever Question as well as whatever work experience gratis to contact me inwards comment section.


Sumber http://makemoneyonline72.blogspot.com/