cari apa: September 2015

Cara Menampilkan Jumlah Komentar Disqus Di Blog

Selamat datang agan atau aganwati kali ini saya akan berbagi tips blogging, yaitu cara menampilkan jumlah komentar Disqus di blog. Memang setelah mengubah hosting komentar dari blog ke Disqus tampilan jumlah komentarnya masih menunjukan komentar dari blog, nah saya akan membantu anda untuk mengubah tampilan jumlah komentar dari blog ke Disqus dengan cara mengikuti beberapa langkah di bawah ini;

Langkah

1. Masuk ke website admin disqus di bawah ini,

Admin Disqus
click to view

2. Lalu klik menu setting pada pojok kanan atas, lalu pilih blog anda,

3. Setelah itu klik menu install pada pojok kanan atas,

4. Lalu pilih platform universal code, scroll kebawah dan temukan script "How to display comment count", dan copy script tersebut ,

5. Lalu paste script tersebut tepat di atas kode </body> ,

6. Setelah itu cari semua script seperti di bawah ini dengan cara

Ctrl

data:post.addCommentUrl

7. Lalu ganti semua script tersebut dengan script di bawah ini,

data:post.url + "#disqus_thread"

8. Simpan template.

Nah itu saja dari saya semoga bermanfaat, jangan lupa bagikan serta tinggalkan komentar anda, terima kasih.

Referensi http://www.arlinadzgn.com/2015/07/cara-menampilkan-jumlah-komentar-disqus.html

Cara Memasang Pesan Di Atas Komentar Disqus

Selamat datang agan atau aganwati kali ini saya akan berbagi tutorial blogging yaitu cara memasang pesan di atas komentar Disqus. Pesan ini biasanya untuk memberikan peringatan atau info bagi pengunjung. Nah langsung saja ikuti beberapa langkah di bawah ini;

Langkah

1. Login pada blog anda masing-masing,

2. Pada menu dashboard pilih menu template,

3. Setelah itu cari kode </b:skin> dengan cara

Ctrl

4. Copy script di bawah ini ,

 #comments:before{content:&quot;Dilarang menautkan link aktif dan komentar yang tidak relevan tidak akan ditanggapi&quot;;display:table;text-align:center;margin:0 auto 20px;padding:10px 15px;color:#999;font-weight:700;text-transform:uppercase;line-height:1.8;}

5. Paste script tersebut tepat di atas kode </b:skin> ,

6. Simpan template.

Nah itu saja dari saya semoga bermanfaat jangan lupa bagikan serta tinggalkan komentar anda, terima kasih.

Referensi Script www.billy-art.com/2015/06/membuat-pesan-diatas-komentar-disqus.html

Cara Memasang Code Parser Dan Pesan Komentar Untuk Disqus

Selamat datang agan atau aganwati, kali ini saya akan berbagi tips blogging yaitu cara memasang code parser dan pesan komentar untuk Disqus, sebelumnya anda harus memiliki dan sudah memasang komentar Disqus di blog, jika belum mempunyai silakan terapkan komentar Disqus dengan cara mengikuti artikel Cara Memasang Komentar Disqus Di Blog . Nah bagi yang sudah menerapkan komentar Disqus di blog untuk memasang code parser dan pesan komentar untuk Disqus silakan ikuti beberapa langkah berikut;

Langkah

1. Login pada blog anda masing-masing,

2. Pada menu dashboard pilih menu template,

3. Pilih menu edit html,

4. Lalu cari kode </b:skin> dengan cara

Ctrl

5. Setelah itu copy script di bawah ini,

 .pesan-komentar{background:#efefef;padding:5px 10px 10px;width:auto;margin:15 auto 0;line-height:1.3em;position:relative;font-weight:400;border:1px solid #ddd;font-size:14px;color:#444}
.parser{background:#888;padding:3px 6px;margin:0;cursor:pointer;display:inline-block;float:left;text-align:center;color:#fff;}
#parser{padding:0;margin:10px 0 0;display:none}
#parser table,#parser2 table{margin:0 auto;width:100%}
#parser textarea#somewhere,#parser2 textarea#somewhere{background:#f8f8f8;border:1px solid #ccc;height:100px;width:100%;padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#parser textarea#somewhere:active,#parser textarea#somewhere:focus,#parser2 textarea#somewhere:active,#parser2 textarea#somewhere:focus{border:2px solid #e8554e;outline:0}
input.button-parse{padding: 5px;}
.pesan-komentar .strike{text-decoration: line-through;}
.pesan-komentar:before{content:"";width:0;height:0;position:absolute;bottom:-22px;left:14px;border:11px solid transparent;border-color:#ddd transparent transparent}
.pesan-komentar:after{content:"";width:0;height:0;position:absolute;bottom:-20px;left:15px;border:10px solid transparent;border-color:#efefef transparent transparent}
code{font-family:Consolas,Monaco,'Andale Mono',monospace;white-space:initial;word-spacing:normal;word-break:normal;hyphens:none;color:#000}
.clear{clear:both;}

6. Paste script tersebut tepat di atas kode </b:skin> ,

7. Setelah itu cari kode <body> dengan cara

Ctrl

8. Lalu copy script di bawah ini,

 <script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){$(".parser").click(function(){$("#parser").slideToggle("slow")})});
function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/&#177;/ig, "&plusmn;");replaced = replaced.replace(/&#169;/ig, "&copy;");replaced = replaced.replace(/&#174;/ig, "&reg;");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;};
//]]>
</script>

9. Paste script tersebut tepat di bawah kode <body> ,

10. Setelah itu cari kode </article> dengan cara

Ctrl

11. Copy script di bawah ini,

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='pesan-komentar'>
  <b>Cara style text di komentar Disqus:</b><br/>
<ul>
   <li>Untuk menulis huruf <b>bold</b> silahkan gunakan <code>&amp;lt;strong&amp;gt;&amp;lt;/strong&amp;gt;</code> atau <code>&amp;lt;b&amp;gt;&amp;lt;/b&amp;gt;</code>.</li>
   <li>Untuk menulis huruf <i>italic</i> silahkan gunakan <code>&amp;lt;em&amp;gt;&amp;lt;/em&amp;gt;</code> atau <code>&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;</code>.</li>
   <li>Untuk menulis huruf <u>underline</u> silahkan gunakan <code>&amp;lt;u&amp;gt;&amp;lt;/u&amp;gt;</code>.</li>
   <li>Untuk menulis huruf <span class='strike'>strikethrought</span> silahkan gunakan <code>&amp;lt;strike&amp;gt;&amp;lt;/strike&amp;gt;</code>.</li>
   <li>Untuk menulis kode HTML silahkan gunakan <code>&amp;lt;code&amp;gt;&amp;lt;/code&amp;gt;</code> atau <code>&amp;lt;pre&amp;gt;&amp;lt;/pre&amp;gt;</code> atau <code>&amp;lt;pre&amp;gt;&amp;lt;code&amp;gt;&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;</code>, dan silahkan <b>parse</b> dulu kodenya pada kotak parser di bawah ini.</li>
  </ul>
<div class='parser'><i class='fa fa-code'/></div>
<div class='clear'/>
<div id='parser'>
<table><tbody>
<tr> <td><textarea id='somewhere'/><br/>
<input class='button-parse' contenteditable='true' onclick='convert();' type='button' value='Parse Script'/></td> </tr>
</tbody></table>
</div>
</div>
</b:if>

12. Paste script tersebut tepat diatas kode </article>,

13. Simpan template.

Nah itu saja dari saya semoga bernanfaat jangan lupa bagikan serta tinggalkan komentar anda, terima kasih.

Referensi Script www.kompiajaib.com/2015/05/pesan-komentar-dan-code-parser-untuk.html

Cara Mengimpor Komentar Blog Ke Komentar Disqus

Selamat datang agan atau aganwati kali ini saya akan berbagi tips blogging yaitu cara mengimpor komentar blog ke komentar Disqus, nah mungkin ada di antara kalian yang mempunyai masalah ini, setelah memasang komentar Disqus di blog ternyata komentar yang sebelumnya ada di blog malah hilang, nah kali ini saya akan membagikan solusi tersebut, silakan ikuti beberapa langkah berikut;

Langkah

1. Sebelumnya anda harus mempunyai akun disqus dan sudah memasangnya di blog, jika belum bacalah artikel di bawah ini mengenai pemasangan komentar Disqus diblog,

Cara Memasang Komentar Disqus Di Blog

2. Bagi anda yang sudah mempunyai dan sudah memasang komentar Disqus di blog, silakan masuk ke web dibawah ini,

Disqus
click to view

3. Setelah masuk, klik setting pada pojok kanan atas, lalu pilih blog yang akan diimpor komentarnya,

4. Setelah itu klik menu install,

5. Lalu pilih platform blogger,

6. Setelah itu pilih menu "Import",

7. Lalu pilih menu "Import comment from Blogger",

8. Lalu pilih blog yang akan diimpor komentarnya,

9. Tunggu hingga proses selesai.

Nah itu saja dari saya semoga bermanfaat jangan lupa bagikan serta tinggalkan komentar anda, terima kasih.

Cara Memasang Komentar Disqus Di Blog

Selamat datang agan atau aganwati, kali ini saya akan berbagi tutorial blogging yaitu cara memasang komentar Disqus di blog. Untuk pertama saya akan menjelaskan apakah itu Disqus?, Disqus adalah layanan hosting komentar blog yang digunakan untuk berdiskusi dan membahas suatu topik. Alasan Saya menyukai dan menggunakan komentar Disqus di blog adalah karena komentar ini sangat responsive untuk blog dari mulai resolusi hp, tablet hingga desktop selain itu cara mengontrol dan memonitori komentar menggunakan Disqus sangat mudah. Nah untuk memasangnya silakan ikuti beberapa langkah berikut;

Langkah

1. Masuk ke web Disqus dibawah ini,

Disqus
click to view

2. Anda harus mempunyai akun Disqus terlebih dahulu, jika anda belum mempunyainya daftar akun Disqus terlebih dahulu menggunakan email atau daftar dengan sosial media anda,

3. Jika sudah mempunyai akun disqus, masuk pada profil Disqus anda,

4. Setelah itu klik ikon pengaturan pada pojok kanan atas, lalu pilih menu "Add Disqus To Site",

5. Klik menu "Start Using Engage" ,

6. Isi data profil blog anda, setelah itu klik menu "Finish registration",

7. Lalu pilih platform blogger,

8. Setelah itu klik menu "Add to my Blogger site",

9. Pastikan blog yang anda ingin pasang Disqus sudah benar.

10. Klik menu "Menambahkan Widget".

11. Lihat hasilnya.