Kompi Grid, Modifikasi Kompi Simple Dengan Tampilan Grid

Kompi Grid, Modifikasi Kompi Simple Dengan Tampilan Grid

Bola Hero Gawai

Kompi Grid, Modifikasi Kompi Simple Dengan Tampilan Grid

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.

Kompi Grid Blogger Template


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");
};


Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • 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 Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×