Cara Membuat Komentar Google+ dan Blogger

Kali ini saya akan share salah satu tip dan trik Cara Membuat Komentar Google+ dan Blogger. Dengan menerapkan tutorial ini secara otomatis...

Kali ini saya akan share salah satu tip dan trik Cara Membuat Komentar Google+ dan Blogger. Dengan menerapkan tutorial ini secara otomatis pada kolom komentar blog anda akan terdapat dua jenis pilihan komentar. Pengunjung bisa memilih menggunakan komentar Google+ atau komentar bawaan Blogger. Tampilan yang rapi dan tidak memakai banyak tempat membuat saya merekomendasikan tutorial ini untuk anda yang suka mendesign blog menjadi lebih menarik. Untuk contoh tampilannya anda bisa melihat Demo di bawah ini. Bagaimana? anda tertarik untuk menerapkan tutorial ini. Jika iya silahkan simak beberapa step di bawah ini.

Jika anda sudah memutuskan untuk menggunakan Komentar Google+ dan Blogger pada blog anda maka langkah pertama yang harus dilakukan adalah Login ke Dashboard blog anda dan klik template dan langsung menuju kolom Edit HTML. Langkah berikutnya silahkan cari kode di bawah ini.

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

Jika sudah ketemu kode diatas, silahkan copy kode di bawah ini dan paste tepat di atas kode tersebut.

<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/AVvXsEhku2_NyExXoLKfoVeTW8-fY7oYf4d5uOCAYytBtlBOTt_lRC6pJQBdnuUOhvj5K2JvxNYrMnToQmncCpgCTTItn3-F4Hz4Kxe-WxxBk587Jb5zegJCaOn49K9x2whAPE_0iBEcvz1NX_6c/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/AVvXsEgxz_bJAhc3T6OmJbTBQT7MrCQwnBtTF4RvSB8pO-0DFg9o3oGUIMD_ZkVVUQtNC4ZVKoxJKTIRrTkkJdt5DCVtMtD_lNPrHqKNVyCvU5in5p_5eUM7Rsh3IMjNDBCooWwjHpsoOuG3fXqQ/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/AVvXsEg6H3wm0Bt8sczrMSy9jCcO0DSzFdJGTvY8TckgpJObnZCBb5yNVwEm7Vol9QJEjBDUVmxvr_oBVpiTkpRvSgbSJh1S3Z-CdVwzv7FnUNRqHu7foYR8tFPdQxlZbA4kxV7yO6YeggOW2e1w/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>

Langkah terakhir yang harus anda lakukan adalah mencari kode </head>. Selanjutnya pastekan kode di bawah ini tepat diatas kode </head> dan jangan lupa klik simpan.

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

Gimana cukup sederhanakan caranya. Jika anda sudah menerapkan langkah-langkah di atas maka secara otomatis blog anda mempunyai dua pilihan kolom komentar. Demikianlah tutorial tentang Cara Membuat Komentar Google+ dan Blogger. Semoga artikel ini bermanfaat bagi anda yang sedang hobby mengotak-atik template menjadi lebih menari