Populer Post

Loading...

cara mudah memasang kolom komentar disqus dan blogger responsive

cara mudah memasang kolom komentar disqus dan blogger responsive
Posted by Yudha Wahyu Pratama
hallo sobat mampirnesia  kali ini saya ingin berbagi sedikit ilmu tentang
cara mudah memasang kolom komentar disqus dan blogger responsive

jadi nanti ada 2 tombol komentar yaitu disqus dan kolom komentar bawaan
kurang lebih seperti ini contoh nya


yuk ngak usah banyak cincong kita langsung  praktek saja
Pertama masuk ke dashboard blog kalian dan kemudian silakan sobat kanesia masuk ke Edit HTML, cari lah kode ini <head> atau &lt;head&gt; jika kalian kesulitan kalian bisa ctrl + f dan cari di kolom pencarian jika sudah ketemu copy kode dibawah ini dan pastekan tepat dibawah kode
<head> atau &lt;head&gt;

<style> .buttonkomjarwo{border:none;color:white;font-weight:700;padding:10px 20px;border-radius:3px}.buttonkomjarwo:hover{opacity:.6;cursor:pointer}.disqus{background:#2e9fff}.blogger{background:#ff7043}#comments{width:100%} </style>

kedua setelah kita pasang css tadi sekarang saatnya kita memasangan HTML dan JS OnClick
kemudian silakan anda cari kode berikut:

<b:includable id='comments' var='post'>

udah ketemu belum hehehe jika sudah kalian copy kode dibawah ini dan pastekan kode dibawah ini tepat dibawah kode ni <b:includable id='comments' var='post'>

<div id='comment-loader'>    <b>Silakan pilih sistem komentar anda &#8667;&#160;&#160;&#160;</b> <button class='buttonkomjarwo disqus' onclick='$.ajaxSetup({cache:true});$.getScript(&quot;https://idanda.disqus.com/embed.js&quot;);$.ajaxSetup({cache:false}); document.getElementById(&apos;comments&apos;).style.display=&apos;none&apos;; document.getElementById(&apos;disqus_thread&apos;).style.display=&apos;block&apos;;'>Disqus</button> <button class='buttonkomjarwo blogger' onclick=' document.getElementById(&apos;comments&apos;).style.display=&apos;inline-block&apos;; document.getElementById(&apos;disqus_thread&apos;).style.display=&apos;none&apos;;'>Blogger</button>    </div>    <div id='disqus_thread'/>

Silakan anda ganti idanda dengan ID Disqus anda, misal kadirinesia

Bila sudah maka penampakannya nanti kurang lebih menjadi seperti ini:

<b:includable id='comments' var='post'>    <div id='comment-loader'>     <b>Silakan pilih sistem komentar anda &#8667;&#160;&#160;&#160;</b> <button class='buttonkomjarwo disqus' onclick='$.ajaxSetup({cache:true});$.getScript(&quot;https://iddisqusanda.disqus.com/embed.js&quot;);$.ajaxSetup({cache:false}); document.getElementById(&apos;comments&apos;).style.display=&apos;none&apos;; document.getElementById(&apos;disqus_thread&apos;).style.display=&apos;block&apos;;'>Disqus</button> <button class='buttonkomjarwo blogger' onclick=' document.getElementById(&apos;comments&apos;).style.display=&apos;inline-block&apos;; document.getElementById(&apos;disqus_thread&apos;).style.display=&apos;none&apos;;'>Blogger</button>    </div>    <div id='disqus_thread'/> ... (biasanya disini ada banyak kode lainnya) ... </b:includeable>

Anda dapat mengganti kata-kata yang terdapat disana seperti "Silakan pilih sistem komentar anda" dengan kata-kata yang anda inginkan
sekian dulu jangan lupa tinggal kan komentar ya semoga bermanfaar see you

0 Response to "cara mudah memasang kolom komentar disqus dan blogger responsive"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

DMCA.com Protection Status