Tutorial Blog

Tutorial Simple Cara Menampilkan Komentar Google Plus di Blogger Anda

Menampilkan komentar Google plus – Dunia blogger semakin kesini semakin terbuka banyak ilmu blogger yang sedikit demi sedikit terbuka dan dapat di praktekan langsung. Pada umumnya semua tentang ilmu blogger tersusun rapih untuk membangun blogger yang professional.

Banyak cara untuk membuat blogger terlihat elegan dan resvonsive di lihat oleh kasat mata. Terlebih blog tersebut mempunyai sejumlah artikel bermakna bagi pembacanya yang harus diiringi dengan tampilan yang sebanding dengan apa yang dibahas.

Ok kali ini saya akan membahas cara menampilkan komentar google plus buat anda yang belum tahu cara menampilkannya. Ternyata sebelum saya mengetahui tutorial simple ini blog saya kaya aneh karena kolom komentar google+ tidak muncul.

Tetapi disini kabar baik buat anda karena dapat dengan mudah menampilkan komentar baik dengan akun blog atau pun dengan Google+ .

Cara mudah menampilkan komentar Google plus di Blogger

Menampilkan Komentar Google Plus

Sebelum saya ke pembahasan inti, terlebih dahulu anda mengetahui fungsi kolom komentar Google Plus. Pada intinya fungsi utama dari komentar google plus adalah pembaca tidak harus memilik akun blogspot terlebih dahulu untuk komentar di blog anda.

Hanya dengan akun google plus saja pembaca dapat leluasa mengomentari setiap artikel yang anda tayangkan.

Tidak hanya itu, cara ini juga terbukti dapat menampilkan kolom komentar dengan akun blogspot mereka. Intinya akan bisa menampilkan kolom komentar google plus ataupun akun Blogspot.

Loading...

Dengan begitu akan memungkinkan pembaca banyak yang mengakases blog anda dan dengan mudah memberikan tanggapan komentar, dengan dua akun tersebut.

Ok kita masuk dipembahasan inti ,bisa anda simak selengkapnya dibawah ini.

  • Tahap pertama anda harus mempunyai akun blogspot terlebih dahulu.
  • Kemudian masuk di akun blog anda.
  • Buka halaman dasboard blog (anda dapat melihat gambar bawah).
  • Selanjutnya anda pilih Template dan klik edit HTML .

Jadi buat anda jangan pusing terlebih dahulu karena tujuan kita hanya memasang dua kode HTML/java script saja.

 Menampilkan Komentar Google Plus

#Memasang kode HTML/Java Script <b:include data=’post’ name=’post’/>

Step berikutnya anda cari kode HTML Blog anda.

Tekan tombol CTR + F dan ketikan <b:include data=’post’ name=’post’/>.

Menampilkan Komentar Google Plus

Berikut kode HTML/Java script nya:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <style>#comments, #gplus-comments-visibility {display:none;} .comments-icons {background: url(https://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='https://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='https://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>

Note: Anda juga dapat merubah ukuran nya tepat di data width 550 bisa anda sesuaikan dengan ukuran blog anda.

Selanjutnya anda klik Save Template untuk menyimpan semua  kode HTML/Java script tadi, pastikan tidak ada eror sedikitpun karena jika eror akan muncup pesan kesalahan warna merah di HTML anda.

#Memasang kode HTML/Java Script </head>

Step terakhir anda cari kode </head> untuk Menampilkan Komentar Google plus.

Tekan tombol Ctrl+F lalu anda isikan di pencarian kode </head>.

Berikutnya pasang kode Java Script tepat dibawah kode </Head> 

Menampilkan Komentar Google Plus

Berikut kode HTML/Java Script nya:

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

Step terakhi anda klik Save Template untuk menyimpan semua kode tadi.

Untuk dapat melihat hasilnya lihat link artikel blog anda, kemudian buka dan anda dapat melihat kolom komentar blog sudah terlihat.

Kesimpulan

Menampilkan Komentar Google plus di blog anda sangatlah penting agar pembaca dapat leluasa memberikan tanggapan untuk setiap artikel yang anda tayangkan. Pada umumnya banyak cara yang dapat anda ambil untuk menampilkan kolom komentar di blog anda.

Jadi tutorial ini sangat simple anda terapkan untuk sebuah blog terutama untuk anda pemula yang heran kenapa kolom komentar google plus anda tidak muncul.

Referensi lain : Cara Membuat daftar Komentator di Blogger Anda

Untuk Menampilkan Komentar Google plus dan Akun Blog pada intinya akan memudahkan pembaca untuk memberi komentarnya. Karena pada umumnya banyak yang menggunakan akun gmail dan akun blog untuk menjelajahi dunia internet dan khusunya dunia blog.

Cara ini sangat efektif untuk anda terapkan diblog anda dengan mudah dan simple untuk diterapkan.



Loading...

Tags
Baca selengkapnya

"Setiap step adalah ilmu dan saya sangat senang bisa berbagi ilmu dengan anda semua"

Artikel terkait

2 Comments

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *