K A N G A M E T

Loading

Pada kesempatan malam ini aku akan memperlihatkan tutorial cara menciptakan tombol buka tutup komentar disqus pada blog ala mastimon yang menyerupai ini.

fungsi nya sendiri yah banyak yang bilang sih mempercepat loading blog nya alasannya ialah kolom komentar bawaan dari blogger sendiri yah bersifat publish tidak ada  tombol buka tutup dan tombol buka tutup komentar ini ketika friendly sekali tentu nya buat kalian yang para blogger yang visitor nya banyak dari smartphone alasannya ialah sanggup mempercepat loading blog anda juga tentu nya dan sangat di sukai sekali para visitor yang memakai smartphone.

pada blog ini sendiri aku memakai tombol buka tutup komentar aku berfikir tombol buka tutup komentar menciptakan blog aku loading nya tambah cepat dan untuk anda yang ingin memakai script ini di sarankan memakai disqus di alasannya ialah bawaan blogger masih banyak kelemahan tentu nya.

sebenar tutorial ini aneka macam bertebaran di google yah tetapi tutorial yang aku sanggup dari blog mastimon ini sendiri sangat gampang sekali tentu nya anda tidak perlu banyak menghapus banyak script menyerupai tutorial yang aku temukan bertebaran di google sana anda tidak perlu pandai coding tentu nya alasannya ialah sangat gampang sekali.

Oke lanjut saja inilah Cara Membuat Tombol Buka Tutup Komentar Disqus Pada Blog Ala Mastimon yang sangat gampang sekali untuk kalian para newbie.

sepakat langkah pertama untuk menciptakan tombol buka tutup komentar disqus anda sanggup mencari arahan di bawah ini jangan lupa menuju edit HTML terlebih dahulu.

<b:include cond=’data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}’ data=’post’ name=’comments’/>

jikalau anda sudah menemukan arahan tersebut anda sanggup mengganti nya dengan arahan bawah ini supaya kolom komentar pada blog anda sanggup menjadi buka tutup.

<b:if cond=’data:blog.pageType == &quot;item&quot;’>

<style>

.buka-komen,.tutup-komen{font-family:inherit;background-color:#11589D;color:#fff;font-size:16px;line-height:1.3em;padding:8px 10px;text-align:center;font-weight:700;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:all 218ms;-moz-transition:all 218ms;-o-transition:all 218ms;transition:all 218ms;-webkit-user-select:none;-moz-user-select:none;margin:20px 0 0;cursor:pointer;}

.buka-komen{display:block;margin-bottom:20px}

#comments-box{display:none}

</style>

<div aria-label=’Buka Komentar’ class=’buka-komen’ id=’buka-komen’ onclick=’document.getElementById(&quot;comments-box&quot;).style.display=&quot;block&quot;;document.getElementById(&quot;tutup-komen&quot;).style.display=&quot;block&quot;;document.getElementById(&quot;buka-komen&quot;).style.display=&quot;none&quot;’ role=’button’ tabindex=’0′>Buka Komentar</div>

<div aria-label=’Tutup Komentar’ class=’tutup-komen’ hidden=’hidden’ id=’tutup-komen’ onclick=’document.getElementById(&quot;comments-box&quot;).style.display=&quot;none&quot;;document.getElementById(&quot;tutup-komen&quot;).style.display=&quot;none&quot;;document.getElementById(&quot;buka-komen&quot;).style.display=&quot;block&quot;’ role=’button’ tabindex=’0′>Tutup Komentar</div>

</b:if>

<div id=’comments-box’>

        <b:include cond=’data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}’ data=’post’ name=’comments’/>

          </div>

Jika sudah silahkan anda klik save template dan anda lihat apakah sudah berfungsi tombol buka tutup komentar nya dan pastikan tidak ada error ketika edit HTML.

sangat mudahkanCara Membuat Tombol Buka Tutup Komentar Disqus Pada Blog Ala Mastimon semoga sanggup mempercepat dan memperindah blog anda supaya artikel ini bermanfaat bagi anda tentu nya dan aku sendiri sangat berterimakasih pada mastimon adiyoso.

No Comments

Leave a Comment