Muka Baru Fanari-Id.com

September 6th, 2008  Miscellanous, Personal

Akhirnya selesai juga nih desain blog yang baru (walaupun agak telat bikin postingannya). Disain tema blog ini saya buat sendiri untuk cari muka menjauhkan blog ini dari keramaian tema WordPress gratis. Jadi biar blog ini tampak lebih original begitulah (walaupun nggak 100% original). Perbedaan yang paling mendasar dari tema blog baru ini dibandingkan dengan tema blog yang sebelumnya terletak pada navigasinya. Ya, desain blog saya yang dulu nggak begitu bagus sistem navigasinya. Berbeda dengan blog ini yang saya desain sidebarnya supaya bisa menampilkan daftar artikel yang terdahulu supaya mudah dilihat dan dibaca, dan beberapa kategori blog ini juga saya tambahkan di list sidebar. Berikut ini saya coba berikan beberapa perubahan dalam desain blog ini:

Header

Untuk kali ini saya tidak memasang logo di bagian atas/header, sebagai gantinya saya pasang gambar rambling keren yang saya dapatkan dari Smashing Magazine. Logo sekarang saya tempatkan di bagian atas sidebar.

Tipografi

Untuk jenis dan ukuran font saya ubah jadi lebih besar supaya lebih enak dibacanya. Berbeda dengan Blue Weed saya yang dulu yang mempunyai ukuran font super kecil (11px). Jenis font yang saya pakai untuk primary font adalah Lucida Grande, sebelumnya saya memakai font Tahoma.

Body

Bagian tubuh blog ini saya juga ubah jadi agak beda dengan yang sebelumnya. Bagian untuk artikel kini ukurannya lebih lebar dan bagian sidebar sekarang lebih sempit.

Sidebar

Dari dua kolom menjadi satu kolom, dan sekarang lebih sedikit widget yang saya pasang di sidebar. Buat temen2 yang suka teriak2 di shoutbox kini nggak bisa lagi karena sudah saya hapus sekarang :D . Kalau untuk tempat iklan saya masih pasang karena itu harus dan paling penting :gajian: . Kenapa saya menghapus banner dan widget yang sebelumnya saya pasang di tema yang dulu? Ya nggak apa-apa sih, biar blog ini kelihatan sedikit lebih pro seperti desain blognya blogger-blogger profesional :D

Bottom & Footer

Pernahkah temen-temen lihat accordion dipasang di bagian bawah? Kalau belum silakan lihat bagian bawah blog ini. Jarang ada kan website yang naruh accordion di bagian bawah? Hehe :nggaya: . Sebelumnya accordion yang bisa dibuka tutup ini saya pasang di sidebar, dan sekarang saya pasang di bawah dan sekarang saya isi dengan macam2 list (jangan lupa aktifkan JavaScript di browser untuk melihat efek accordionnya). Blogroll dari temen2 pun sekarang saya pasang di accordion bawah.

Untuk footer sendiri saya masih pakai gambar rumput, cuma sekarang backgroundnya nggak putih lagi, malah item. Tak lupa saya pasang logo jQuery dan WordPress sebagai tanda terima kasih buat John Resig dan Matt Mullenweg yang masing-masing sudah memberikan jQuery Framework yang bikin accordion saya jadi keren dan CMS WordPress yang sekarang sudah banyak digunakan para blogger, secara gratis (hidup gratisan!! :hebat: ).

Yang diatas tadi adalah perubahan dari segi tampilan, dari segi file tema WordPress itu sendiri saya juga melakukan beberapa perubahan:

File JavaScript

Sekarang saya cuma memakai satu plugin (jQuery UI Accordion) dengan satu framework. Kalau temen2 yang sering lihat blog saya sebelumnya pasti ingat dengan slideshow e-book di bagian atas, tabber dan accordion di sidebar, dan tooltips. Nah karena kebanyakan makan bandwidth dan bikin lambat proses download, sementara ini saya cuma memakai accordion saja. Maaf ya untuk sementara ini slideshow e-book gratis belum saya pasang disini.

Halaman Arsip

Nah sekarang halaman arsip, kategori, tag, author, dan halaman hasil pencarian hanya menampilkan daftar list dari artikel blog ini, jadi tidak menampilkan sebagian tulisan artikel. Saya lakukan demikian untuk menghindari resiko duplicate content Google. Memang resikonya adalah menurunnya jumlah halaman yang terindex di google, karena cuma halaman main index template (index.php), single post (single.php), dan page template (page.php) saja yang akan diindeks oleh Google. Tapi ada juga keuntungannya kok, saya tidak perlu memasukkan script robot meta tags di headernya.

Custom 404

Sekarang saya juga menambahkan file 404.php, tapi sudah dikustomisasi sehingga tidak cuma menampilkan pesan error 404 saja tetapi juga menampilkan daftar arsip hari, bulan, tahun, serta kategori.

Stylesheet (CSS)

Ini dia nih yang paling bikin capek dan pusing karena hampir nggak tidur sampai waktu sahur buat desain layoutnya. Yang paling susah waktu bikin ads box di sidebarnya, maklum newbie, seharian bikinnya :D . Memang sudah kelihatan lumayan sih walaupun belum sempurna. Kenapa saya bilang belum sempurna, karena belum cross-browser, jadi berbahagialah temen2 yang melihat tampilan sempurna blog ini menggunakan Firefox, tapi tidak buat pengguna IE 6 yang bikin sidebarnya agak kurang enak dipandang.

Sampai sini dulu aja ya, blog ini mau cari muka dulu nih, hehe :lol: . Mudah-mudahan tema baru ini nggak cepet bikin saya bosan (nggak ah, bikinan sendiri nggak bikin bosen) dan memberikan banyak kemudahan buat pembaca.

p.s. Saya akan bagi2 tema WordPress Copyblogger lo, jadi tungguin tanggal rilisnya ;)

Instant Internet Business Ideas

Related Posts ↓

Rahasia Sukses Paid Review

{39 Comments so far ↓}

  1. chiero said,

    Wrote on September 6, 2008 @ 8:42 pm

    wah, saLut fan, kamu memang hebat,

  2. malapu said,

    Wrote on September 6, 2008 @ 11:06 pm

    walah sya darii dolo mau bikin theme sendiri aja ga bisa2

  3. Taktiku said,

    Wrote on September 7, 2008 @ 12:44 am

    wah keren nih boss templatenya jadi kepengen hehehe

  4. f said,

    Wrote on September 7, 2008 @ 1:23 am

    Wah, themenya indah sekali. namun pada beberapa bagian mengingatkan saya pada copyblogger y? dan lambang powered by wordpressnya mengingatkan saya pada ma.tt :)

    but overall, this was a good theme! salut! :D

  5. kipas said,

    Wrote on September 7, 2008 @ 8:31 am

    Nice theme bro… ;) Satu hal yang hampir sama dengna blueweed nya BOB… rumput di bagian bawah.. walau bagusan yang sekarang… :)

  6. yudi said,

    Wrote on September 7, 2008 @ 8:43 am

    wuahh sip deh bisa bikin theme ndiri, desainnya keren lagi :-D

  7. Fachia said,

    Wrote on September 7, 2008 @ 1:04 pm

    wah wah.. makin keren dan kece aja nih..

  8. thegands said,

    Wrote on September 7, 2008 @ 1:31 pm

    gak pake javascript yang berat lagi ya bro?

  9. vandy said,

    Wrote on September 7, 2008 @ 3:09 pm

    Yg ini emang lebih bagus daripada yg dulu :D

  10. Dhimas said,

    Wrote on September 7, 2008 @ 6:47 pm

    CMIIW makin keren aja neeh blog..

  11. audy said,

    Wrote on September 7, 2008 @ 6:54 pm

    congrats yaaaah wajah barunyaaa….makin keren ajaaaah…..

  12. Paman Gober said,

    Wrote on September 8, 2008 @ 7:11 am

    Manteb euy, bisa bikin theme sendiri. Jadi pengen!

  13. fanari said,

    Wrote on September 8, 2008 @ 9:52 am

    @chiero+yudi+@Fachia+@vandy+@Dhimas+@audy: makasi :gembira:
    @malapu: kalau belajar pasti bisa mas, semangat!! :hebat:
    @Taktiku: hehe tema ini cumabuat fanari mas ;)
    @f: betul sekali mas, saya terinspirasi sidebarnya Copyblogger, tapi karena saya nggak kreatif jadi ya saya tiru mentah2 aja disainnya, hehe.. :D
    kalau yang powered by wordpress saya contek dari Adii.co.za bukan dari ma.tt
    @kipas: iya mas, tapi kalau rumput yang sekarang saya pakai dari Bartelme Design
    @thegands: nggak lagi bro, satu aja cukup :)
    @Paman Gober: :jempol:

  14. ika said,

    Wrote on September 8, 2008 @ 1:00 pm

    yang ini keren om, lagipula navigasinya mudah,,hehehe

  15. Ronggo said,

    Wrote on September 8, 2008 @ 1:19 pm

    mantaaf lebih ringan pake WP FUN ya broo

  16. mantan kyai said,

    Wrote on September 8, 2008 @ 2:21 pm

    lebih enyak neh maen kesini. lebih lapang dan legaaa :D

  17. cena said,

    Wrote on September 8, 2008 @ 3:22 pm

    waw cool, lebih bagus dari yang dulu, congratz ya fanari….^_^
    simple, tapi berkesan

  18. Value Society said,

    Wrote on September 8, 2008 @ 3:50 pm

    Wah emang ada yang buka layanan ganti muka ya om ? hihihihi…
    Salam kenal

  19. ario saja said,

    Wrote on September 8, 2008 @ 10:27 pm

    tambah sip aja bos… semoga tambah bisa banyak temen dengan theme baru ini

  20. Izandi said,

    Wrote on September 9, 2008 @ 4:22 am

    wah bagus, bikin sendiri lagi. sip…!

  21. Bayu Aditya said,

    Wrote on September 9, 2008 @ 7:32 am

    ini themenya agak2 mirip… themenya copyblogger ya? maap kalo salah :)

  22. blog kapanpun said,

    Wrote on September 9, 2008 @ 10:18 am

    tambah asyik denga wajah baru, sukses ya om

  23. Bani said,

    Wrote on September 9, 2008 @ 3:32 pm

    ERROR 404 nya bagus Mas!!!!!

    bisa ngeLmu ga mas saya??? he,he

  24. Gelandangan said,

    Wrote on September 9, 2008 @ 5:38 pm

    Wahhhh Cantik tampilan blognya
    Secantik artikelnya

    Sukses yah

  25. fanari said,

    Wrote on September 9, 2008 @ 10:04 pm

    @Ronggo: hoho..WP fun dari SM ya bro, nggak kok, kan udah kubilang disain sendiri, hehe.. :D
    @cena: cool :keren:
    @ario saja: amin
    @Bayu Aditya: bener mas, baca komen no 1671
    @Bani: ya, kapan2 aja tutorialnya ;)
    @Gelandangan: amin

  26. persikers said,

    Wrote on September 10, 2008 @ 1:56 am

    apik e template :)

    nungguin thr nya ahhh :D

  27. dino said,

    Wrote on September 10, 2008 @ 6:47 am

    cool men, tapi kok banyak gambar monyetnya?? wekekeke, ni blog jua buat review ya?? wah, pendulang dolar sejati ni?? btw, kenapa ya pada blog saya tu kok ada keanehan dan kejanggalan?? misalnya aja, about usnya kok ga ada ya ?? padahal dari sononya themes yang gue pake ada, blog gue salah satunya di alamat ini: http://dinopermana.com
    maaf numpang lewat kasih tau alamat tsb supaya bisa dapet masukan dari mas yang udah sukses dengan themes barunya. masukannnya saya tunggu, thx banget

  28. fanari said,

    Wrote on September 10, 2008 @ 3:00 pm

    @persikers: nanti bos, nunggu gajian :D
    @dino: bukannya harus bikin halaman sendiri mas? maaf saya nggak terlalu paham sama pertanyaan mas :(

  29. Jauhari said,

    Wrote on September 10, 2008 @ 3:30 pm

    Kweren kang ;)

  30. fenny said,

    Wrote on September 10, 2008 @ 4:54 pm

    lama ga kesini kok jadi makin oke ajah…

  31. Tony said,

    Wrote on September 10, 2008 @ 9:49 pm

    coba aku bisa manual pasti puas hasilnya kayak gimanapun :)

  32. ipung said,

    Wrote on September 11, 2008 @ 4:39 pm

    Tadinya agak bingung lihat themes barunya, soalnya kalo dimatiin image-nya jadi kelihatan mirip sama beberapa themes lain :D

    Setelah dinyalain gambarnya baru deh saya ngeh bagusnya themes ini :D

    Selamat ya.. semoga saya jadi ketularan bisa bikin themes sendiri kaya mas Fandy :D

    Accordionnya keren juga, tapi kalo orang awam biasanya ga usil ngeklik-ngeklik menu untuk lihat isi yang tersembunyi dibawahnya..

  33. chiero said,

    Wrote on September 13, 2008 @ 8:53 am

    pak guru,saya juga habis ganti muka nih,

    :D

  34. mriza said,

    Wrote on September 13, 2008 @ 2:09 pm

    Wah, tajir banget theme nya,
    Untuk blogspot ada gak :D

  35. emfajar said,

    Wrote on September 18, 2008 @ 10:23 pm

    kerenn jg nih themenya :D

  36. Free Pro WordPress Theme: Copyblogger | Fanari dash Id dot Com | My Official & Commercial Blog said,

    Wrote on September 26, 2008 @ 9:43 am

    [...] yang sudah saya janjikan tanggal 6 September 2008 lalu, saya mau membagi-bagikan satu lagi tema WordPress gratis. Tapi untuk kali ini bukan tema [...]

  37. si_awam said,

    Wrote on October 23, 2008 @ 1:47 pm

    numpang nanya om, wah mingkin saya udah menemukan guru dan blog yang tepat buat saya. Tapi wordpress defaultnya kan gak bisa diedit, gimana tuh ngedit templatenya? trus andai saya mau niru blog sampean dengan cara copy paste apa yang perlu diubah, yang jelas perlu kecerdasan tingkat tinggi nih… jadi pake bahasa umum aja ya. thanks a lot..

  38. wawak said,

    Wrote on December 18, 2008 @ 11:51 am

    cong ak ws sui rak ng omahmu kpn2 ak rono yo!!! ojo lali mkn2 cepake sg akeh

  39. fanari said,

    Wrote on December 19, 2008 @ 10:43 am

    @wawak: SIAP :) )

Comment RSS · TrackBack URI

Leave a Comment ↓

Name

E-mail

Website