Kompi Grid, Modifikasi Kompi Simple Dengan Tampilan Grid

Untuk memenuhi permintaan sahabat Kompi Ajaib untuk membuat tampilan grid dari Kompi Simple, kini saya bagikan template Kompi Grid yang merupakan modifikasi dari template Kompi Simple dengan tampilan grid dengan masonry sehingga tidak akan merusak gambar postingan atau arti lainnya yaitu gambar postingan akan tampil sesuai dengan yang sebenarnya.

Modifikasi ini hanya pada tampilan homepage saja, sedangkan untuk tampilan postingan dan statis masih sama dengan tampilan template Kompi Simple. Jadi untuk kustomisasinya masih sama dengan template Kompi Simple.

Di bawah ini tampilan Kompi Grid, semoga bisa bermanfaat bagi yang menggunakannya.



Untuk mengganti sticky widget sidebar, silahkan ganti kode PlusFollowers1 dengan ID Widget yang akan di buat sticky (widget sidebar yang paling bawah).


var mql = window.matchMedia('screen and (min-width: 60em)');if (mql.matches){function makemeSticky2(e){function t(){var e=s.getBoundingClientRect();e.top<0?(n.className=a+" makesticking2",n.style.width=i+"px"):n.className=a}var n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBefore(s,n);var i=n.offsetWidth,a=n.className+" makesticky2";window.addEventListener("scroll",t,!1)}makemeSticky2("PlusFollowers1");
};


You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments