Menambahkan Show/ Hide Dua komentar Google+ & Blogger Di Blog

Sobat blogger, Bagi anda yang ingin menambahkan komentar google + biasanya akan terkendala dalam masalah pengunjung yang berkomentar, dikarenakan jika menggunakan komentar google+ otomatis si komentator tersebut diwajibkan mempunyai akun google+ , namun sekarang semuanya akan di buat mudah, jadi system komentar google + ini bisa anda terapkan sekaligus dengan komentar blogger, jadi  bagi anda yang ingin menerapkan system komentar google+ tidak usah khawatir akan komentator yang tidak mempunyai akun google+, karena pada system ini akan di sediakan dua sytem komentar sekaligus seperti show/ hide comments google+ dan blogger ini.


Menambahkan Show/ Hide 2 komentar Google+ & Blogger

Cara Membuat Show/ Hide komentar Google+ & Blogger

1. Buka akun blogger anda.
2. Pilih menu template > Klik edit HTML.
3. Selanjutnya silahkan cari kode  <b:include data='post' name='post'/>
4. Lalu tambahkan kode di bawah ini tepat di bawah kode tadi



 <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/AVvXsEjaBHpnR50AS-UHyF7wXfVmYTZ6U7V17ObpOjvHDSVt-Foe3XNFbwOzqPwhr7L6CRPde-HqKrCYeZ0_sZIwPkAeDOYEhIDOeTVwt3H75EHdOP0_T4X47imPeYKdzO282iqzBasa4Nkky99M/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/AVvXsEiT_o8UJTu_GNnc29mBRZs4cjM3UunaalFfgK1rkHVxXBOuthnHytADlCF0T5HksNsaJLaA9hpmKmvzLV5dagMqDRn7bZYcwy05WhJrH492YCnXxe4fsqxkNIZaQWP7Tm8cgEpJbVV1WEww/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/AVvXsEgxtZJJp48arzLGHzev1k3m3LXOEf7KZFwF2kPAWGr9tFFQ5Qii_b8RNmN8fLbWX6mhch6jH5G7_i0ErOYluCxOwYBk3NoUA3jLsh8tXiiJlsT8M2c7WdNe91FOURcy5_vq_qs-VYkJnN_N/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> 

5. Selanjutnya letakan kode jquery dibawah ini tepat di atas kode </head>

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

6. Terakhir klik save template.

Caranya cukup mudah bukan, disini pembaca mempunyai dua pilihan pada komentar antara google+ dan blogger, selain itu juga nilai tambahnya, anda mempunyai keuntungan layanan inklusif yang di tawarkan google+ yang di tawarkan.

0 Response to "Menambahkan Show/ Hide Dua komentar Google+ & Blogger Di Blog "

Post a Comment

Dilarang Menghina Promosi(iklan),Menyelipkan Link Aktif dsb...Dilarang komentar berbau Porno,Spam,Sara,Politic,Provokasi Berkomentarlah yg Sopan ,Bijak dan Sesuai Artikel (Dilarang OOT )