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/AVvXsEgYmXTXuuxA41BLelHO7LcSncIRmcbh3PkcbAGDn1vvAzzaJh9fL2c6BTncc1IkoyghDdLTNW1dRaoPjRN07CfFHcK67NPOXmrNOrmxqJiE43nnkzhLK-RAiBfS7Gbw0YwceFADJF_TrM4m/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/AVvXsEjuF_1sFhNpHZj3S1fh6d7TR8Ls6G4MJeYYvn85duy9CzCNrH71nmLlWNCQEOdq7WTy0fAGJFGq_nIJRpcVjPWk3kMX8fTuffkHFAEwneIuBJe32Iw2kIo2Tew1EVgrahsV5-xPr8M-1D-G/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/AVvXsEghuoWDeY2p3rh7YMkWuBNzyZ1e5s3-lNT5AW3_Nc2sdGucJdOw_XbnIC_9YgOjR56jfG1wODi8WEPw3EOiGPYb0UGePJPyJ1uaO51wO4QC6V5yjkI8uEWgwVq8NXKSYVgqV13wMTeKUIvJ/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.

6 Responses to "Menambahkan Show/ Hide Dua komentar Google+ & Blogger Di Blog"

  1. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  2. nice post :)

    di tunggu kunjungan baliknya :)
    http://www.blografsa.ga/

    BalasHapus
  3. salam sukses bos jangan lupa kunjungin balik ya

    BalasHapus
  4. Mas saya sudah memasang kode yang pertama tapi ketika saya sae templeat nya kok tidak muncul ya itu kenapa

    BalasHapus
  5. Gan, aku coba komeng google+ gak muncul hanya komeng blogger, kasih solusi dong, cek di blog http://www.blogger.duipee.com/2016/05/seberapa-penting-sebuah-penghargaan-bagi-kamu.html

    BalasHapus
  6. Gabung yuk di situs judi kami,

    terpercaya, Domino 99, bandarQ, Hanya di

    CebanQQ, c*m
    Bonus cashback: 0.4%
    Refferal: 20%
    Bagi member baru tingkat kemenangan diatas 78%+

    berdasarkan statistik bosku :)
    tunggu promo menarik dari kami :)

    BalasHapus