Memiliki sebuah blog personal itu bisa dibilang sangat menyenangkan. Melalui media blog ini kita bisa bebas berkreatifitas menuangkan segala apa yang ada dari dalam pikiran kita. Beda pulak kalau misalkan yang kita bangun adalah blog/web profesional. Chaidir's Web sendiri merupakan personal weblog yang dibangun sebagai wadah untuk berbagi pengalaman dan pengetahuan bermanfaat. Untuk siapa saja yang mau berkunjung kesana tentunya. Dan yang paling utama adalah sebagai media pembelajaran untuk pemiliknya sendiri +Chaidir .

Kemarin Chaidir's Web baru saja kembali melakukan update tampilan. Kali ini yang di-redesign adalah tampilan halaman artikel blog. Sejak awal Template Chaidir's Web ini dibuat, bisa dikatakan sudah beberapa kali dilakukan perbaikan atau revisi. Apakah ini tidak mengganggu kesehatan Blog? Saya rasa tidak. Karena yang diubah bukanlah struktur elemen templatenya secara keseluruhan. Kalau pun ada yang berubah paling cuman beberapa elemen kecil saja.

Berikut ini adalah tampilan lawas versi pertama kali Template Chaidir's Web dirilis pada bulan Juli 2013.

Tampilan-lawas-halaman-artikel-chaidir-web

Waktu itu saya masih menggunakan Notebook Zyrex 10" untuk men-design tampilannya. Jadi best view nya berdasarkan resolusi 1024x600 piksel. Sekarang udah lebih baik untuk tampilan resolusi hingga 1366x768 piksel. Posisi sidebar berada di kanan dengan susunan warna yang masih kurang mencolok. Background tulisan postingan seperti kertas bergaris-garis. Ujung pojok kanannya melengkung busur.

Perubahan lain yang selanjutnya saya terapkan adalah menambahkan keterangan tanggal di bawah judul artikel dan mengubah isi menu widget yang terletak di sidebar.

Sidebar-Lawas-Chaidir-Web

Letak Sidebar Lebih Baik di Kanan

Kurang lebih setahun kemudian tepatnya bulan Juni 2014 kemarin saya melakukan perubahan yang lebih mencolok. Yaitu memindahkan posisi Sidebar yang semula di kiri menjadi berada di kanan. Saya sendiri yang biasa membaca tulisan di sisi sebelah kanan, jadinya mesti beradaptasi lagi supaya terbiasa melihat perubahan letak tulisan yang kini sudah pindah ke kiri. Kenapa dirubah? Karena menurut saya blog dengan format dua kolom itu baiknya meletakkan sidebar di sebelah kanan. Harapannya mudah-mudahan bisa membuat mata pengunjung lebih nyaman saat membaca artikel. Hehehe.. :D

letak-sidebar-lebih-baik-di-kanan

Dari yang sebelumnya warna sidebar juga sudah direvisi. Dan ada perubahan kembali pada bagian isinya. Barengan dengan proses pengerjaan coding kali ini, saya juga menambahkan beberapa fitur baru untuk pelengkap menu di halaman artikel. Seperti fitur Share, Related Posts dan Profil Penulis. Tampilan garis-garis sebagai background sudah tidak dipakai lagi.

Oh yaa, tampilan tombol navigasi konten dan komentar juga sudah pernah direvisi dari tampilan lawas. Awalnya saya membuat semacam tombol bulat-bulat empat buah. Kemudian akhirnya saya buat menjadi lebih standard dengan tampilan kotak. Lebih simple kayaknya lebih bagus dilihat.
tombol-navigasi-artikel-lawas

Menggunakan Icon Font Awesome

Nah, beberapa hari yang lalu saya ada kesempatan lagi untuk nge-coding. Dan saya memanfaatkannya untuk kembali beres-beres tampilan Halaman Artikel blog Chaidir's Web. Kali ini yang menjadi bahan percobaan adalah penerapan Icon Font Awesome. Tahu sendiri kan fitur font ini lagi populer nya dikalangan web designer. Karna lebih ringan dan sangat responsive. Kita cukup menggunakan manipulasi CSS saja untuk menggunakannya.

Finally, saya lebih merasa puas melihat tampilan yang sekarang ini. Kesannya lebih hidup. Mudah-mudahan bisa pula menjadi tambahan semangat bagi saya untuk tetap eksis menjalankan blog ini. Aamiin.. :-)

halaman-artikel-tampilan-icon-font-awesome

Pada bagian Breadcrumbs saya kasih warna gelap yang sama seperti menu di Sidebar. Supaya lebih kelihatan kompak paduan warnanya. Kemudian saya juga merubah jenis font yang dari Segoe UI menjadi font standard Arial. Dengan ukuran yang lebih kecil dari sebelumnya. Dibilang kecil sih enggak, lebih dari cukup lah. Menu tombol navigasi dibawah juga kelihatan lebih menarik dengan adanya Icon Font Awesome ini.

font-awesome-membuat-tampilan-blog-menarik

Untuk versi Mobile dijamin responsif dan tetap oke tampilannya.

versi-mobile-menggunakan-icon-font-awesome


Oke, review selesai! ^_^
Terima kasih bagi sahabat yang sudah mampir di Chaidir's Home. Ini merupakan halaman pendukung blog utama Chaidir's Web. Sebagai subdomain yang baik saya akan lebih banyak menggunakannya khusus untuk membahas informasi seputar blog utama. Atau cerita yang lebih bersifat pribadi. Kalau mau cari ilmu dan pengetahuan pastinya akan lebih banyak di blog utama saja.

Salam Blogger!!
admin@chaidir.web.id
  • Blog
  • Ke Atas