Cara Mengubah Widget Featured Post di Template Viomagz

Cara Mengubah Widget Featured Post di Template Viomagz
Bagi yang belum tahu, selama kurang lebih Blog Sayugi tayang di Internet, saya sudah menggunakan Template Viomagz, dan jujur saja template ini keren banget. 

Namun guys, kawan kawan, selama pemakaian tersebut, sudah ada banyak sekali yang saya ubah, dan tentunya kebanyakan tutorialnya saya share juga di blog ini, kamu bisa check label Tutorial Blogger dan Check saja yang berjudul VioMagz.

Salah satu yang saya ubah pada template ini adalah Widget postingan yang diunggulkan/featured post, yang kini terlihat lebih simpel dibandingkan default bawaannya. Bisa dilihat dengan perbandingan berikut ini. 

VioMagz Original

Featured Post saya pindahkan kesamping.

Untuk tampilannya juga terlihat berbeda, karena saya sedikit modifikasi CSS didalamnya, jika kamu perhatikan tampilan Fontnya lebih kecil, dan terlihat lebih pas jika dipasang disamping, hal tersebut, saya buat agar tampilan lebih simpel saja, dibandingkan jika harus menyimpan widget diatas artikel terbaru. 

Disclaimer: Perubahan pada Widget postingan yang diunggulkan/Featured Post ini, pertama kali saya dapatkan dari situs dirga.id, namun saya sedikit modifikasi kembali agar menyesuaikan dengan tampilan blog sayugi ini. Jadi bagi yang ingin mencoba saya sarankan untuk membaca artikel dari halaman tutorial blog dirga, bisa dilihat saya menggunakan tutorial nomer 2. 

Cara Mengubah Featured Post Ala Blog Sayugi

Sebut saja begitu, karena hanya sedikit yang saya ubah dari cssnya. Berikut langkah langkahnya. 

Langkah 1. Kamu set Tata Letak Widget Featured Post agar berada disamping. (Bisa menyesuaikan).


Langkah 2. Kamu buka Tema > Edit HTML. 


Langkah 3. Didalam Editor HTML, kamu cari variable yang diawali dengan /* Featured Post */ contohnya seperti gambar dibawah. 

Kurang lebih Default bawaan VioMagz akan seperti ini
Catatan : Kamu bisa melihat lebih lengkap dihalaman berikut. Intinya kamu cari mulai dari /* Featured Post */ sampai awal dari /* Profile */

Langkah 4. Hal yang perlu kamu lakukan adalah, mengganti Seluruh Komponen CSS dari /* Featured Post */ diatas, menjadi seperti ini. 

Silahkan Download Dilink dibawah. 
Catatan : Dikarenakan panjang banget, jadi seperti biasa, codingan, dan segala jenis Code saya Upload ke Dropbox.

Langkah 5. Selanjutnya silahkan simpan template. 

Hanya saja ada kekurangannya nih, jika kamu menyimpan Featured Post ini diposisi awal, yaitu diatas artikel terbaru, ukuran font terlalu kecil. Contohnya seperti berikut. 


Disarankan jika kamu ingin menyimpan featured post berada diposisi atas, kamu bisa mengikuti langkah nomer 2 dari halaman blog dirga. Selain itu, jika kamu ingin menyimpan Featured Post disamping seperti Blog Sayugi, silahkan lakukan keempat langkah diatas. 

Nah bagaimana? seharusnya simpel sih, jika kamu masih kurang paham atau kurang mengerti dengan css mungkin memang hal seperti ini akan sedikit memusingkan. 

Catatan : Mohon maaf code dan lainnya saya simpan di Dropbox atau Media penyimpanan pihak ketiga, hal tersebut agar pengunjung bisa dengan mudah mengkoreksi jika ada kesalahan, karena tersedinya fitur direct comment disana. 

Silahkan berikan komentarmu dibawah. 
Blogger Tutorial

Dapatkan Info Menarik Setiap Harinya!

  • Dapatkan info tentang gadget dan lainya setiap hari
  • Jadilah orang pertama yang mengetahui hal-hal baru di dunia gadget
  • Dapatkan Ebook Gratis: From Zero To Be Pro Blogger

0 Response to "Cara Mengubah Widget Featured Post di Template Viomagz"

Post a Comment

Catatan Sebelum Berkomentar
  • Mohon berkomentar sesuai dengan judul artikel.
  • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
  • Dilarang mencantumkan link aktif di komentar.
  • Komentar dengan link aktif akan otomatis dihapus!
  • *Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel