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. 

Kamu bisa baca artikel Review Viomagz pada halaman berikut : Review VioMagz 3.1 - Template Blog Keren Karya Anak Bangsa

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

VioMagz Ala Blog Sayugi

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, kamu bisa melihat Featured Post Ala Blog Sayugi pada halaman berikut.

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. 

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

Post a Comment

Alasan Windows 10 Harus Pake SSD!

Contact Form

Name

Email *

Message *

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel