Cara Mengatur Ukuran Gambar Thumbnail Di template Fiksioner


Template Fiksioner adalah salah satu template yang dibuat oleh blogger terkenal Indonesia yang bernama Igniel. Template ini mempunya gaya tampilan besar dan lebar yang sangat cocok digunakan pada blog-blog yang beragam niche. Mulai dari blog gado-gado seperti milik saya ini, tekno, tutorial, pendidikan, berita, kesehatan dan lain sebagainya.

Yang paling saya sukai dari template ini adalah tampilan headernya yang tetap diam di tempat meski di scroll kebawah, responsive, dan sangat ringan (Fast Loading) tentunya. Selain dari itu, template ini dibagi secara Cuma-Cuma dan tidak berbayar satu peserpun.

Sebenarnya sejak dari dulu saya pingin banget mengubah template blog yang saya kelola ini dengan tampilan headernya tetap diam ditempat meski di scroll kebawah, tapi rata-rata yang saya cari di Google, template yang saya sukai tersebut berbayar. Meskipun ada yang gratisan, setelah di upload ke dalam HTML, ternyata tampilannya tidak sesuai dengan yang ada di demo.

Untuk menyesuaikannya saya harus bersusah payah untuk mengedit ini dan itu yang pada akhirnya saya sendiri tidak mampu untuk menyelesaikannya . Karena cara mengaturnya sangat ribet dan tidak sesuai dengan potensi yang saya miliki.

Beda halnya dengan template Fiksioner ini, sekali di upload ke dalam HTML blog, hati saya langsung sumringah bak mempunyai blog yang menggunakan template premium. Tampilannya sangat elegan dan sangat cocok dengan selera yang saya dambakan selama ini.

Tapi setelah saya teliti lebih jeli, ternyata ada juga hal yang masih kurang saya sukai di dalam template tersebut. Yaitu tampilan gambar thumbnailnya dari home page kurang tinggi sehinga semua gambar judul artikel blog saya kelihatan gepeng. Dan itu menurut saya pribadi membuat tampilan blog kurang bagus. (itu hanya menurut saya pribadi loh, gak tahu kalau menurut teman-teman yang lain).

Jadi, bagi teman-teman yang sependapat dengan saya, dan kebetulan ingin merubah tampilan thumbnailnya menjadi lebih besar tetapi masih bingung cara mengatasinya bagaimana? maka kalian bisa mencoba mengikuti tutorial yang pernah saya terapkan melalui blog ini. Dan terbukti 100% tampilan thumbnail berhasil di sesuaikan dengan selera kita.

Berikut Cara Mengubah Ukuran Thumbnail di Template Fiksioner.


1). Pertama Silahkan teman-teman masuk ke dalam menu edit HTML, atau bisa juga edit kode template secara offline. Kemudian setelah itu cari kode seperti ini:
(data:post.featuredImage, 680, "3:1")

Jika sudah ketemu, ganti kode tersebut dengan kode berikut:
(data:post.featuredImage, 680, "465:295")
Kemudian simpan tema.

2). Kemudian cari lagi kode yang sama dengan kode yang diatas barusan:
(data:post.featuredImage, 680, "3:1")

Jika sudah ketemu, ganti kode tersebut dengan kode berikut:
(data:post.featuredImage, 680, "465:295")
Kemudian simpan tema.

3).  Selanjutnya cari lagi kode seperti berikut:
<img expr:alt='data:post.title' expr:src='data:post.featuredImage ? resizeImage(data:post.featuredImage, 360, &quot;3:1&quot;)

Jika sudah ketemu, hapus kode yang bersangkutan dan ganti dengan kode dibawah ini:
<img expr:alt='data:post.title' expr:src='data:post.featuredImage ? resizeImage(data:post.featuredImage, 360, &quot;465:295&quot;)
Kemudian yang terakhir simpan tema.

Selesai,,,, coba lihat hasilnya!

Related Posts

Subscribe Our Newsletter