Tuesday, 26 April 2016

Tampilkan/Sembunyikan Blogger dan Google+ Komentar dalam Blog

Banyak pemilik situs Blogger menerima Komentar dari Sistem Google+ cukup negatif karena memaksa semua pengguna mengomentari dengan membuat akun Google+ mereka sebelum mereka bisa menulis komentar. Google+ Komentar di Blogger nyaman untuk penulis, tetapi banyak pengguna yang berkecil hati untuk terus komentar di blog karena mereka hanya tidak ingin menggunakan Google+. Bagi mereka yang tidak menggunakan Google+ untuk komentar, Blogger tidak akan pernah email Anda dan memberitahu Anda bahwa seseorang meninggalkan komentar; Anda bisa buka pada hari atau minggunya lagi tanpa pernah menyadari bahwa Anda tidak pernah menjawab pembaca.

Selain frustrasi audiens, Google+ Komentar Sistem di Blogger tergantung pada URL posting blog Anda. Dengan mengubah URL atau bergerak di sekitar posting blog Anda secara internal, Anda berisiko kehilangan setiap satu dari komentar Anda yang ditempatkan menggunakan Google+. 

Sebelumnya, satu-satunya cara untuk memecahkan masalah ini adalah untuk menonaktifkan sistem komentar melalui pengaturan akun Anda, sehingga menyerah kemampuan Anda untuk menggunakan akun Google+ mereka. Sekarang, ada cara baru mudah untuk memiliki yang terbaik dari kedua dunia. Memungkinkan penggemar dari Google+ serta pembaca blog setiap hari untuk mengakses semua fitur yang sama, Anda akan dapat melakukan setiap pengunjung sama-sama. Anda dapat menanggapi komentar sementara masih bisa berkomunikasi dengan pengguna Google+ lainnya di luar situs Anda dan mengambil keuntungan dari Komentar Sistem Google+ di Blogger.



Cara Mengintegrasikan Blogger dan Google Plus Komentar

Untuk membuat instalasi sesederhana mungkin, saya menggunakan inline jQuery dan CSS, tetapi yang ingin dapat mengubah kode ini nanti. Juga, tempat yang paling mudah saya menemukan menambahkan itu akan hanya setelah <b: include 'post' data = name = 'post' /> . Jadi, mari kita mulai menambahkan itu: 


Langkah 1. Masuk ke akun Blogger Anda dan pilih blog Anda> pergi ke 'Template' dan tekan tombol 'Edit HTML' di sisi kanan.

Langkah 2. Klik di mana saja di dalam area kode dan tekan tombol CTRL + F untuk membuka kotak pencarian editor dan cari kode berikut:
<b:include data='post' name='post'/>

Langkah 3. Hanya setelah <b: include 'post' data = name = 'post' /> tambahkan kode berikut:
<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/AVvXsEjFRsc_COq7eHCJr51YDhKQGIPaRHfEpYA7kP9OLC1_5X2LFZSv3heEGO6PcvK3NiT6gXXna_kynrnCaSUKqeGk6hD2OxCtlxHONXbDOpUiacqqEtrADF5IiV26aU9nIqYo-pI4uD3Prg8H/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/AVvXsEjlGjt1aUyU42P2FxKel7oAy1dayeV9ovebr-bm6yAsbFyd1FqgC1SlTWmjNiEa1fHDXnPDq6TZECvtutpDm9su7nD-FOzQR8DDqiHVyMI1sdGgWunEvBMv5SLjE2-fWtoYrUQ9xLM5DC5S/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/AVvXsEg-kROctio0oxdzhrl9rD8cgFeyIVlpoQ3GalPnmzVAEKeLOVE9xxbNNkL0O497oBghDwwwvbiK_ml9UGqH11W3_zzJOcFv7pVW6NFI2S_0excHZ8yBWybpKvcS2ll4nxmXQXB91NO07IvQ/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>
Catatan: data-width adalah untuk menetapkan lebar kotak komentar, Jadi jumlah (550) dapat diubah sesuai dengan desain blog Anda. 

Langkah 4. Tekan tombol "Simpan Template" yang terletak di bagian atas editor dan Lihat blog Anda untuk melihat apakah Anda telah berhasil menambahkan Google+ komentar untuk blog anda. Harap dicatat bahwa untuk membuat karya ini, Anda perlu memastikan bahwa Anda menggunakan versi jQuery di situs Anda. Jika tidak, tambahkan baris ini tepat di atas </ head> tag menggunakan editor HTML Template:
<Script src = 'https: //ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type = 'text / javascript' />
Itu dia!Pada keluar dari sini, setiap pembaca yang memandang posting Anda memiliki pilihan untuk membuat komentar menggunakan akun Google+ mereka, atau komentar asli Blogger. pembaca Anda akan menikmati fleksibilitas bahwa situs Anda menyediakan dan Anda juga akan mendapatkan keuntungan dari layanan inklusif yang ditawarkan oleh Google.
Load disqus comments

0 komentar