Menambah Jumlah Grid Thumbnail Pada Template Emporio


Sobat emporian ingin menambah jumlah grid thumbnail pada emporio? Ternyata caranya sangatlah gampang.
 

Untuk apa banyak-banyak? toh 3 aja udah cukup. Berbeda bagi blogger dengan konsep yang membutuhkan gambar, seperti misalnya musik download, gambar akan lebih menarik dari pada teks. Lalu blog dengan konsep sinopsis film  mauupun download film. Hanya tinggal menambah tinggi gambar saja. Blog akan lebih menarik, beda mungkin dengan blog pada umumnya seperti berita informasi atau tutorial yang  menggunakan gambar hanya sebagai syarat saja.
 

Lalu bagaimana caranya, menambah jumlah grid thumbnail?
Gampang! Ikuti langkah berikut ini.

Langkah Pertama


Masuk dasboard dan edit html. Cari kode berikut:


.centered{
margin:0 auto;
position:relative;
width:$(3 * posts.width.stream + 2 * 16px + 15px + sidebar.width)
}



Kemudian sobat emporian ganti nilai width 3 menjadi 4 bila ingin grid, tampil 4
dan ganti 2 menjadi 3. Kode jadi seperti ini:

.centered{
margin:0 auto;
position:relative;
width:$(4 * posts.width.stream + 3 * 16px + 15px + sidebar.width)
}


Langkah Kedua

Berikutnya cari kode

.feed-view .post-wrapper.hero,.main,.main-container,.post-filter-message,.top-nav .section {
width:$(3 * posts.width.stream + 2 * 16px)
}


 


Ada dibawahnya sedikit. Awas jangan tertukar. Lihat saja isinya, properties dan valuenya lebih sedikit.

Ganti angka 3 me3njadi 4 dan angka 2 menjadi 3. Sama dengan yang diatas.
Jadi seperti ini atau lihat gambar.

.feed-view .post-wrapper.hero,.main,.main-container,.post-filter-message,.top-nav .section{
width:$(4 * posts.width.stream + 3 * 16px)
}



Langkah Ketiga

Terakhir , cari Kode

.centered-top


 


Pada max-width juga ganti angka 3 menjadi 4 dan angka 2 menjadi 3.Seperti ini.



max-width:$(4 * posts.width.stream + 3 * 16px + 15px + sidebar.width)


Atau lihat gambar




Kemudian Save dan lihat hasilnya.


Untuk bisa tampil 4 grid beserta sidebar dalam 100% browser, pada settingan lebar
thumbnail 160 s/d 170px tergantung lebar sidebar juga.
 

Kecil memang gambar, tapi cukup untuk menambah daya tarik blog dengan konsep musik maupun film. Untuk menambah jumlah lebih dari 4 gambar akan semakin kecil. Tapi bisa disiasati dengan
konsekwensi menghilangkan sidebar .

Sekian memo ini saya buat.


Post Terkait :

Komentar