Add/Install Google+ and Blogger Comments With Blogger

Add/Install Google+ and Blogger Comments With Blogger - Selamat datang di situs media global terbaru Xivanki, Pada halaman ini kami menyajikan informasi tentang Add/Install Google+ and Blogger Comments With Blogger !! Semoga tulisan dengan kategori SEO !! wordpress & Blogger Training !! ini bermanfaat bagi anda. Silahkan sebarluaskan postingan Add/Install Google+ and Blogger Comments With Blogger ini ke social media anda, Semoga rezeki berlimpah ikut dimudahkan Allah bagi anda, Lebih jelas infonya lansung dibawah -->


Users can easily comment on your every single post while reading your post or using the Google+ account. Today I'm going to show you how to attach/add Google+ and blogger comments only on blogger platform. It means when any webmaster create a post, he/she shares this post on Google+, So your post also available in Blogger and Google plus. Users/Viewers can comments on your post even on your Google plus share post. As you know Google plus is Google property and it's very powerful for SEO. If any visitors comes to your post from google plus, Google consider that visitors as a organic visitors.

Install-blogger-and-Google-plus-comments


By this way you can increase blog Traffic, Google plus followers and Google plus circle. You can take advantage of the google plus comment system on blogger. You can reply easily of google plus commentator as well as blogger on one platform.

How to Integrate Google Plus and Blogger Comments:


To add this installation as simple as possible, We used inline JQuery and CSS, but anybody can change it later. So let's start to adding it.

Step 1. Go to your Blogger Dashboard, Open specific Blog, > then select "Template" and click on "Edit HTML"

Step 2. Clock anywhere on the code and press Ctrl + F to open the search box, Now Find the code below

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

Step 3. Copy the given below code and paste 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga6_iLeHIWcrKbut70fGq32683LemDoTP_vUFkAklAcMRdv53jGwbNnzLrmagyowS0preK9TIQtd_V74uqWhHD4jZvGjexM-dGgpCuOYGKOIWyXbusLyoed9NlpLtj0Oc8EXsEXkpBnyCa/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsEB0ARD1lr858j1x_JTis14gmS0Cxk_o5mTIUZzjYz9P-SeqcIliCxozvZBCVM-yA34FBR0r9-I_yrlcGMOVlreT0HrAesTGQGSkLueh4Gh7IjSBeAuzouy-N6gUu6q5yBbcJzRM4TCBr/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrskl2PKxnxmvKwzmMT-JKCm7hC_6LMyJ-B7ZI91KIfbCjX_fHVMFUS-_s8tMQJvpGRHLZao6aTI-g5Q54CM_UOMSYwgy1TiImK0rYPFztTjGVli4n1udG8O5nhBShq_tqxtWDS85t0sLo/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 can change easily by increasing/decreasing '550' according to your blog size.

Step 5. Now Save your Template, and check your blog to see if you have successfully added this code to blogger

Note: If this code is not working for you it means you must have to put JQuery script in <head> </head> section 

Add JQuery script: 

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

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

You have Done. Your reader will enjoy the flexibility that your site provides and you will also get benefit from the inclusive services offered by Google.

Share this post of this site with your friends on social media sites. If you have any Question and any problem feel free to contact me in comment section.




Demikian info Add/Install Google+ and Blogger Comments With Blogger, Semoga dengan adanya postingan ini, Anda sudah benar benar menemukan informasi yang memang sedang anda butuhkan saat ini. Bagikan informasi Add/Install Google+ and Blogger Comments With Blogger ini untuk orang orang terdekat anda, Bagikan infonya melalui fasilitas layanan Share Facebook maupun Twitter yang tersedia di situs ini.

أحدث أقدم