Monday, February 17, 2014

Cara Pasang Disqus Secara Manual di Blogspot




Beberapa blogger mengeluhkan sulitnya memasang form komentar Disqus secara otomatis di blog mereka yang 'menganut' platform Blogspot.


Jika installer gadget Disqus tidak bekerja, Anda memiliki pilihan untuk memasang Disqus secara manual di situs Blogger Anda. Namun hal ini mengharuskan Anda mengedit template HTML, sehingga tidak akan bekerja pada template Tampilan Dinamis.


*Tambahkan gadget baru


Pergi ke Blogger "Layout" bagian Anda dan klik Tambah gadget di sidebar











Tambah Gadget



Pada menu pop up Tambahkan Gadget, gulir ke bawah untuk menemukan pilihan Tambahkan HTML / Javascript dan klik tombol +











HTML pop up



Masukkan Disqus sebagai judul dan kode berikut untuk konten :


[highlight] <-! Disqus comments gadget -> [/highlight]


Klik simpan dan jendela akan menutup

Klik Simpan Pengaturan dalam tampilan Tata Letak



*Tambahkan kode Disqus ke template Anda


Pergi ke menu template blog Anda, klik "Edit HTML", kemudian klik tombol "Edit Template"





*Mengedit tombol Template dalam editor template Blogger


Klik di dalam area teks dan cari widget yang baru saja dibuat dalam template HTML Anda dengan menekan Ctrl-F (Command-F di OSX) kemudian ketik Disqus . Anda harus temukan baris berikut:




Ubah baris tersebut dengan menambahkan = mobile 'yes' untuk memuat Disqus pada template mode ponsel Anda. Ini akan terlihat seperti ini ketika Anda sudah selesai:


[highlight] <b:widget id='HTML1' locked='false' mobile='yes' title='Disqus' type='HTML'>  [/highlight]


Cari kode berikut lalu hapus tepat sebelum tag penutup. Bagian Anda menghapus akan terlihat seperti ini:


[highlight] <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable [/highlight] >


SEBELUM penutup tag , tambahkan kode Disqus berikut:




[highlight]

<b:includable id='main'> <script type='text/javascript'> var disqus_shortname = &#39;EXAMPLE&#39;; var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;; if (!disqus_blogger_current_url.length) { disqus_blogger_current_url = &quot;<data:blog.url/>&quot;; } var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;; var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;; </script> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> #comments {display:none;} </style> <script type='text/javascript'> (function() { var bloggerjs = document.createElement(&#39;script&#39;); bloggerjs.type = &#39;text/javascript&#39;; bloggerjs.async = true; bloggerjs.src = &#39;http://&#39;+disqus_shortname+&#39;.disqus.com/blogger_item.js&#39;; (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs); })(); </script> </b:if> <style type='text/css'> .post-comment-link { visibility: hidden; } </style> <script type='text/javascript'> (function() { var bloggerjs = document.createElement(&#39;script&#39;); bloggerjs.type = &#39;text/javascript&#39;; bloggerjs.async = true; bloggerjs.src = &#39;http://&#39;+disqus_shortname+&#39;.disqus.com/blogger_index.js&#39;; (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs); })(); </script> </b:includable>


[/highlight]

Klik Simpan Template . Dengan asumsi tidak ada kesalahan, Disqus bakal muncul di situs Anda sekarang.


__________

http://help.disqus.com/customer/portal/articles/888340-manually-adding-a-disqus-gadget-to-blogger

Post a Comment

Whatsapp Button works on Mobile Device only

Start typing and press Enter to search