Bagi end user, wordpress didesain untuk dapat digunakan tanpa harus bersinggungan dengan kode pemrograman. Meskipun begitu, terkadang kita tetap harus berkubang dengan kode ketika ada hal-hal yang tidak berjalan dengan semestinya: let’s say ada tampilan yang ingin diperbaiki, theme yang sekarang tidak memunculkan fitur wordpress terbaru (seperti threaded comment, dll) karena theme tersebut di-develop untuk wordpress versi sebelumnya, dll.

Pada post ini, saya ingin berbagi lebih lengkap mengenai bagaimana wordpress theme bekerja. Saya sudah pernah berbagi mengenai cara membuat wordpress theme secara lengkap (termasuk memahami struktur file theme wordpress), namun perkembangan dan pekerjaan terakhir memberi saya pemahaman baru tentang wordpress theming serta saya ingin membuat post yang lebih mendalam dan understandable.

Klik disini untuk membaca selengkapnya..

A logo helps the name of your blog stand out and become more memorable to those who visit it.

Duncan Riley, The Inquisitir: Creating a logo for your blog [blogging 101]

Salah satu elemen desain penting yang membuat blog anda “lebih” di mata pengunjung anda adalah logo blog. Logo adalah elemen grafis yang menjadi ciri dari individu, organisasi atau entitas lain (termasuk blog). Logo blog membuat blog anda menjadi lebih mudah dikenali (recognizable), lebih mudah diingat dan memberikan imej tersendiri dari blog anda.

Identities/Brands - Cristian Mantovani graphic design by Cristian Mantovani

Sayangnya, masih banyak blog lokal yang belum memiliki logo. Alih-alih memasang logo, kebanyakan blogger hanya memasang judul blog (blog title) berformat heading 1 dalam ukuran besar. Well, satu hal yang dapat dimengerti karena untuk mendapatkan logo blog yang representatif, terdapat tiga cara:

1. Membayar desainer untuk membuatnya, yang mana membutuhkan biaya
2. Meminta teman desainer untuk membuatnya, yang mana mengharuskan kita memiliki teman desainer
3. Mendesainnya sendiri, yang mana membutuhkan skill,waktu, dan tools-nya

Dan jika tiga hal tersebut tidak dimiliki, mengganti logo blog dengan blog title berukuran besar mungkin menjadi jawabannya.

Namun jika anda memutuskan untuk membuat logo untuk blog anda, kami telah mencarikan 20 logo blog lokal dalam negri made in indonesia yang bisa anda jadikan referensi untuk pembuatan logo blog anda:

Daus.trala.la

daus.trala.la

Personal blog milik Daus. Logotype beraroma medieval-nya cool sekali.

Kompasiana

kompasiana.com

Blog network untuk para jurnalis kompas. Penggunaan Serif font nya memberikan kesan modern.

Ndobos

ndobos.com

Personal blognya Sir Mbiliung MacNdobos. Oh my, This is one of my favorite! Wayang yang dijadikan icon, corak background yang seperti wallpaper, typeface simple yang manis dan mirip seperti calibri.. Super cool! Apa y? Indonesia-ish sih bagi saya mah

Ndorokakung

ndorokakung.com

Masa tidak tahu? Blognya Wicaksono! Manusia kursi pesta blogger 2008! Penggunaan ilustrasi Ndoro yang sesuai dengan tagline dikombinasikan dengan typeface bergaya handwritting? Sangat khas!

Perspektif

perspektif.net

Blognya Wimar Witoelar. It’s so Witoelar!

Avianto

avianto.com

Personal Blognya Boy Avianto. Penggunaan Serif Font membuatnya sangat elegan.

Orangebox.TV

orangebox.tv

Video blog milik Thomas Arie Setiawan. Sangat sederhana, tapi berkarakter.

Sepatumerah

blog.sepatumerah.net

Personal blog-nya Okke. ilustrasi sepatunya manis. Sesuai dengan nama blog-nya lah

O-om

o-om.com

Blognya O-om, sang sepuh blogspot. Ilustrasi orangnya cute sekali. Logonya pun sama

Hermansaksono

lihat reviewnya di list.bloggingly.com

hermansaksono.com

Personal Blognya Herman Saksono, ketua kelas pendiri Cerpenista. Satu kata: Elegan!

Tikabanget

lihat reviewnya di list.bloggingly.com

tikabanget.com

Personal blognya Tika yang identik dengan kata “ituh”. Sama dengan logonya HermanSaksono.com, elegan

i-teve

lihat reviewnya di list.bloggingly.com

i-teve.com

Video blog besutan Budi Putra. Logonya simple dan sederhana. Secara pribadi, mengingatkan saya pada logo salah satu televisi swasta berwarna merah juga

Yorissebastian

lihat reviewnya di list.bloggingly.com

yorissebastian.com

Personal Blog-nya Yoris Sebastian. Logonya keren dan berkarakter! Pemilihan Typeface yang sangat tepat

Notsogeeky

lihat reviewnya di list.bloggingly.com

notsogeeky.net

Video Blog berisikan interview dengan praktisi internet. Bagaimana mengistilahkannya y.. Logonya crunchy dan nge-pop! *oalah, apa lagi itu

RuangFreelance

lihat reviewnya di list.bloggingly.com

ruangfreelance.com

Blog seputar freelancing. Terlihat didesain dengan sangat apik, professional dan berkarakter.

Twentea

lihat reviewnya di list.bloggingly.com

twentea.com

Blog yang membahas gaya hidup seputar umur dua puluh-an. Image teh yang sangat apik dikombinasikan dengan typeface yang nge-pop dan “sangat teh” sekali. Superb!

Makemac

lihat reviewnya di list.bloggingly.com

makemac.com

Blog yang membahas seputar Mac. Logo apel dengan gigitan yang berbeda serta taste Mac-nya itu loh. Hmmh!

NavinoT

lihat reviewnya di list.bloggingly.com

navinot.com

Blog seputar IT dan Marketing. Meskipun typefacenya tidak berkesan elegan seperti topik yang diangkatnya, logo NavinoT ini khas sekali.

Webicara

lihat reviewnya di list.bloggingly.com

webicara.com

Video blog yang membahas tentang web dengan gaya yang santai. Typeface bergaya tulisan sambung yang simple. Enak dilihat

Bloggingly

bloggingly.com

Blog yang membahas tentang blogging. Haha, narsis sekali y. Tapi bagaimanapun, saya menyukai logo blog ini. Font Arial ditambah dengan merah yang bergelora. Simple dan recognizeabl.

**********

Yep, itu dia tadi 20 logo blog lokal yang semoga dapat menginspirasi anda dalam membuat logo blog anda. Pendapat anda?

Enjoy!

P.S:

Ada logo blog lokal yang keren dan menurut anda belum masuk daftar? Silahkan sampaikan melalui form komentar dilengkapi dengan satu kalimat singkat yang mendeskripsikan blognya dan alasan mengapa logo tersebut keren menurut anda.

Note: Yang tidak dilengkapi dengan deskripsi dan alasan saya anggap spam. No spamming, please.

Desain tema blog mempunyai pengaruh yang cukup kuat bagi blog anda. Kesan ketika pertama kali melihat satu halaman blog yang mempunyai disain yang bagus biasanya kita akan langsung tertarik untuk melihatnya. Setelah melihatnya ternyata blognya punya tulisan yang bagus. Ya sudah, biasanya anda akan seminimalnya membookmarked blog tersebut. Daripada kesan ketika berkunjung ke blog yang disainnya kurang sedap dipandang mata. Kecuali karena informasi yang kita cari didalamnya, biasanya blog itu jarang untuk kita kunjungi kembali. Ini sebenarnya tidak mutlak. Tetapi sangat penting untuk diperhatikan.

Pada postingan kali ini akan saya sajikan list tema wordpress yang gratis untuk personal blog. Jika anda ingin mengubah penampilan untuk memaksimalkna blog anda, tema-tema ini bisa saja anda gunakan bahkan anda lakukan kostumisasi sesuai keinginan anda.

Agregado

Agregado

Demo | Download

Annexation

Annexation

Demo | Download

ASCIIone

ASCIIone

Demo | Download

Black Power

Black Power

Demo | Download

Blog Theme

BlogTheme

Demo | Download

Blue Grace

BlueGrace

Download

Charade

Charade

Download

Clean Home

Clean Home

Demo | Download

Coffee Desk

CoffeeDesk

Demo | Download

Color Paper

Color Paper

Demo | Download

Compositio

Compositio

Demo | Download

Creative Art

CreativeArt

Demo | Download

Curious

Curious

Demo | Download

Dark Forest

Deskspace

Demo | Download

Deskspace

Deskspace

Demo | Download

EcoPress

EcoPress

Demo | Download

Elegant Grunge

Elegant Grunge

Download

Evolution

Evolution

Demo | Download

Google Chrome

Google Chrome

Demo | Download

Grid Focus

Grid Focus

Demo | Download

Infinity

Infinity

Preview | Download

Intaglio

Intaglio

Demo | Download

Irresistible

Irrestible

Demo | Download

Maasahan

Maasahan

Demo | Download

Magaling

Magaling

Demo | Download

Magazeen

Magazeen

Demo | Download

Magzine

Magzine

Demo | Download

Mainstream

Mainstream

Demo | Download

Meta-Morphosis

Meta-Morphosis

Demo | Download

Modern Clix

Modern Clix

Demo | Download

Mortgages

Mortgages

Demo | Download

Mysticgrunge

Mysticgrunge

Demo | Download

Notepad Chaos

Notepad Chaos

Preview | Download

Oulipo

Oulipo

Demo | Download

Outdoorsy

Outdoorsy

Demo | Download

Polaroid press

Polaroid Press

Demo | Download

Portofolio Press

Portofolio Press

Demo | Download

Sans-serif Racer

Sans-serif Racer

Preview | Download

Satorii

Satorii

Demo | Download

Seabreeze

Seabreeze

Demo | Download

Sharpfolio

Sharpfolio

Demo | Download

Simply Ornate

Simply Ornate

Demo | Download

• Simply Ornate “Twirl II” (blue)
• Simply Ornate “D.A.R.K.” (military green)
• Simply Ornate “Pinkie” (pink)
• Simply Ornate “Pixel Gray” (grayscale)
• Simply Ornate “Royal Red” (deep red)

The Unstandard

The Unstandard

Demo | Download

Tomodachi

Tomodachi

Demo | Download

TypeBased

Typebased

Demo | Download

Typograph

Typograph

Demo | Download

Undedicated

Undedicated

Demo | Download

Versatility

Versatility

Demo | Download

Vintage

Vintage

Demo | Download

WP Space Fholio

WP Space Fholio

Demo | Download

Zinepress

Zinepress

Demo | Download

Enjoy!

P.S.

Jika masih kurang, bisa juga anda melihat 50 Free WordPress Themes Buatan Blogger Indonesia

Colour Theme by Toxi

Masih berkaitan dengan disain tema untuk blog, pada postingan kali ini, Bloggingly ingin berbagi source yang bagus untuk mencari tema pilihan. Anda juga bisa mencari tema-tema via @Google dengan keyword wordpress theme dan akan muncul hasil yang sangat banyak. Untuk itu kami pilihkan tempat yang bisa anda jadikan pilihan.

Free Wordpress Theme Directory

Free Wordpress Themes Directory Direktori tema wordpress gratisan dari wordpress.org. Jika anda ingin mencari tema wordpress yang bagus dan gratis direktori ini bisa anda jadikan salah satu alternatifnya. Dengan jumlah 868 tema yang sudah dikontribusikan oleh wordpress theme designer secara gratis untuk anda. Dan diantaranya juga terdapat pada layanan blog wordpress.com mereka. Walau gratis tapi disainnya sangat bervariatif dan masih bisa anda kostumisasi untuk keperluan selanjutnya.

Indonesian Flavour Wordpress Theme

• Free Wordpress Theme by Jauhari . Web disainer asal gunung kidul ini sudah menghasilkan tema-tema wordpress yang bagus dan dengan baik hati disebarkan gratis. Namun jika anda juga menginginkan disain tema yang custom Jauhari juga bersedia untuk di hire mengerjakannya.
• Arthemia Premium Theme by Colorlabsproject. Tema yang satu ini adalah karya web disainer Michael Jubel Hutagalung dari Indonesia. Sudah banyak yang menggunakan tema ini baik dalam atau luar negeri dengan modifikasi tampilan yang bagus.

Selain itu jika anda membutuhkan disain tema sendiri untuk keperluan personal branding anda, tidak ada salahnya anda menggunakan jasa web designer dan web developer lokal. Dan ini dia sederetan web design artist Indonesia yang hasil kerja tangan mereka sangat worth it

• Anggi Krisna dari iCreativelabs
• Firdaus
• Zam
• Didats
• Sunaryo Hadi
• Pupung BP
• Andrayogi
• Aria Rajasa
• Kuswanto
• Matriphe
• Isnaini
• dan masih banyak lagi web designer artist Indonesia yang terlalu panjang untuk dituliskan di list ini

Wordpress Theme from Outside

• Themeforest . ThemeForest adalah blog membeli dan menjual tema atau template untuk web dan merupakan bagian dari jaringn Envato. Di themeForest anda bisa menemukan tema-tema yang bagus untuk Wordpress, Drupal, dan Joomla. Atau anda ingin mencari PSD templates, javascript dan PHP script yang bisa menghemat pekerjaan coding anda. Walaupun layanannya berbayar tapi bisa anda jadikan sebagai rujukan jika anda ingin mencari inspirasi disain untuk blog anda
• Blogohblog. Blogohblog juga merupakan blog yang cocok untuk mencari tema yang gratis untuk blog. Jika anda ingin yang lebih professional Blogohblog juga menjual Premium Theme yang berbayar tentunya. Selain itu cocok juga untuk anda yang membutuhkan layanan disain tema wordpress, modifikasi tema, PSD to CSS/XHTML, PSD to WordPress Theme, dan graphic design.
• Woothemes. Wootheme merupakan blog mencari tema wordpress yang memiliki konsep yang bagus. Di dukung dengan support team yang siap melayani customernya dengan dukungan support forum. Memang tema yang ditawarkan merupakan tema berbayar, tetapi ada beberapa tema yang sudah dirilis gratis.
• WPZoom. WPZoom adalah blog tentang showcase tema-tema bagus worpdress pilihan yang tersebar di internet. WPzoom juga menawarkan tema buatan mereka sendiri.

Yap, tentunya masih banyak lagi blog-blog atau website yang menyediakan ribuan tema gratis ataupun yang berbayar. Tinggal sesuaikan saja kebutuhan untuk blog anda

Happy Blogging!

P.S.
Mungkin jika saatnya sudah tepat, Bloggingly bisa juga menawarkan jasa pembuatan tema wordpress untuk anda. Ada yang berminat?

Langsung saja, pada postingan kali ini saya ingin berbagi cara untuk mengganti tema blog anda. Mungkin bagi yang sudah pernah melakukan pergantian tema di wordpress, blogspot, atau blog-blog lainnya tentunya bukan menjadi masalah untuk mengganti tema blognya masing-masing. Tapi tak ada salahnya jika saya sedikit mengulangnya kembali untuk anda

Kini halaman blogspot anda sudah berganti dengan tampilan yang baru

Well, jika anda sudah tidak sabar untuk mencobanya langsung saja ganti tema atau template anda dengan tampilan yang fresh

Happy Blogging!

Blog Theme Design by liamuk7

Yap, tiga postingan sebelumnya, Bloggingly sudah membahas tentang disain atau tampilan blog. Mulai dari kenapa aspek disain itu perlu diperhatikan dalam berblogging-ria dan juga pilihan mana yang lebih anda suka, disain tema sendiri atau disain tema orang lain serta apa yang anda butuhkan untuk mendisain tema blog anda. Dan saya yakin pasti anda sudah punya persepsi tentang disain tampilan blog anda dan pilihan yang tepat untuk blog anda.

Langsung saja, pada postingan kali ini saya ingin berbagi cara untuk mengganti tema blog anda. Mungkin bagi yang sudah pernah melakukan pergantian tema di wordpress, blogspot, atau blog-blog lainnya tentunya bukan menjadi masalah untuk mengganti tema blognya masing-masing. Tapi tak ada salahnya jika saya sedikit mengulangnya kembali untuk anda

Cara mengganti tema di Wordpress.com dan Wordpress Self Hosted

Sejalan dengan versi wordpress yang sudah mencapai 2.8 dengan salah satu kemampuan tambahan untuk menginstall tema baru, anda tidak lagi perlu mengakses file server blog anda melalui FTP untuk mengupload tema baru ke dalam direktori theme anda. Saya asumsikan anda menggunakan Wordpress Self Hosted karena cara yang sama akan bisa digunakan untuk wordpress.com dengan perbedaan tidak bisa menambah tema sendiri pada wordpress.com

1. Pertama siapkanlah tema yang sudah anda buat ata pilih untuk dijadikan tema blog anda
2. Kemudian masuklah ke dashboard blog anda
3. Lalu pilih appearance dan masuk ke dalam tab Add New Theme
4. Di dalamnya anda akan melihat tampilan search jika anda ingin mencari tema yand sudah disediakan wordpress dengan berbagai filter fiturnya
5. Jika anda ingin menginstall tema barunya klik lah tab Upload
6. Lalu browse file tema blog anda dalam format .zip dan wordpress akan mengekstraknya secara otomatis nantinya
7. Kalau sudah terpilih maka pilihan install now akan muncul lalu klik tombol tersebut
8. Setelah proses upload selesai maka dibawah tulisan Theme Installed successfully bisa anda lihat ada preview, activate, dan return to themes page. Klik activate untuk langsung mengaktifkan tampilan blog anda yang baru.
9. Jika sudah akses lah halaman home blog anda untuk melihat perubahan yang terjadi pada blog wordpress anda.

Cara Mengganti Tema di Blogspot

1. Akseslah blog blogspot anda
2. Setelah masuk ke dashboard anda, lihatlah Layout di sebelah tulisan Settings dan klik
3. Jika anda belum memiliki template blogspotnya masuklah ke tab Pick New Template dan didalamnya anda bisa memilih template blogspot yang anda inginkan.
4. Kalau anda memiliki template blogspot dengan rancangan sendiri klik lah tab Edit HTML
5. Setelah masuk anda akan melihat barisan coding untuk template halaman blogspot
6. Hal penting yang perlu anda lakukan adalah menyimpan file .xml template sebelumnya agar jika terjadi suatu yang tidak diinginkan anda bisa melakukan restore kembali. Download Full Template untuk memback-upnya
7. Jika sudah, klik lah browse untuk mencari template yang sudah anda siapkan kemudian upload
8. Dan jika berhasil anda akan melihat tampilan coding baru dari template yang sudah anda upload. Lalu save template tersebut.
9. Kini halaman blogspot anda sudah berganti dengan tampilan yang baru

Beberapa situs yang menyediakan tema-tema untuk wordpress dan blogger baik free atau premium theme.

• topwpthemes.com
• themeforest.net
• wpthemespot.com
• 50 Free WordPress Themes Buatan Blogger Indonesia
• woothemes.com
• premiumwp.com
• blogohblog
• bloggertemplates.org
• btemplates
• deluxetemplates
• dan tentunya masih banyak lagi situs penyedia tema dan template di internet

Well, jika anda sudah tidak sabar untuk mencobanya langsung saja ganti tema atau template anda dengan tampilan yang fresh

Happy Blogging!

Webdesign Rules! by Ruben Bos

Memutuskan untuk mendandani blog anda dengan desain anda sendiri setelah menimbang-nimbang apakah sebaiknya anda menggunakan desain sendiri atau desain orang lain? Jika iya, sekarang datang pertanyaan susulannya: Apa saja yang saya butuhkan untuk mendesain blog?

Sederhana saja: Pengetahuan & Tools

Pengetahuan. Yang perlu anda ketahui:

1. Kemampuan desain. Iya dong! namanya juga mendesain Lebih baik jika memiliki sense desain yang baik dan kemampuan menggunakan graphic editor seperti photoshop atau Corel Draw.
2. Pengetahuan tentang HTML
3. Pengetahuan tentang CSS

Pada dasarnya, dua pengetahuan diatas juga sudah mencukupi untuk membuat halaman web yang web standard. Tapi jika untuk mendesain halaman blog, akan lebih mudah jika anda juga memahami hal-hal ini:

1. Memahami konsep website statis Vs website dinamis
2. Lebih baik lagi jika memahami dasar-dasar bahasa pemrograman. Untuk wordpress, pahamilah PHP.
3. Pengetahuan akan Javascript dan Snippet Code seperti Jquery akan lebih membantu anda untuk membuat desain blog anda lebih atraktif.

Tools / Software. Software yang akan anda butuhkan:

1. Software Graphic Editor seperti Photoshop & Corel Draw untuk membuat desain awal.
2. Software Apache web server, agar komputer anda dapat berfungsi sebagaimana server hosting anda. Untuk tugas ini, saya menggunakan XAMPP.
3. Software Code Editor, untuk menulis code CSS, PHP, HTML, dll. Saya menggunakan code editor Notepad++ yang free
4. Web Browser! mulai dari Firefox, Safari, Opera, Chrome, hingga si mimpi buruk web developer: Internet Explorer Kenapa harus ada berbagai browser? Karena setiap browser memiliki cara yang berbeda dalam mengeksekusi script CSS. Jadi tampilan desain dengan CSS anda di Firefox belum tentu sama dengan tampilan di Internet Explorer. Issue ini dinamakan Browser Compatibility. Pastikan anda memiliki Internet Explorer 6 karena browser tersebut adalah populasi browser terbesar dan paling “lain sendiri” dalam meng handle CSS.

Yap, intinya sih itu saja. Tapi jika mau lebih mantap lagi, saya rekomendasikan beberapa add-ons FIrefox yang akan sangat membantu dalam proses mendesain web:

1. ColorZilla - A must have! untuk mengetahui hexacode dari suatu warna. Menemukan warna yang bagus di suatu web? Aktifkan ColorZilla dan klik pada warna tersebut. Tara! Hexacodenya dan nilai RGB atau CMYK nya dapat anda ketahui.
2. MeasureIt - A must have! Untuk mengukur panjang dimensi dari halaman web dalam nilai pixel
3. FontFinder - Menemukan blog yang typographynya sangat enak dibaca? Contek rahasianya dengan FontFinder
4. IE Tab – melihat tampilan IE 6 yang crap dalam firefox
5. Window Resizer – Menampilkan browser dalam berbagai ukuran window.
6. JSView - Melihat CSS code dari satu halaman web dengan “klik kanan + view source”
7. Scrapbook - Mensave halaman web di browser. Jadi jika anda menemukan halaman web yang baik dan cocok untuk dijadikan referensi, anda bisa membukanya saat sedang tidak online.

Yap! Itu dia tadi hal-hal yang dibutuhkan untuk mendesain blog versi saya. Bagaimana dengan versi anda? Ada tambahan?

Enjoy!

Desain tampilan sendiri

atau Anda memiliki dana yang cukup untuk membayar web designer mendandani blog anda sesuai dengan kehendak hati anda

Yup, that’s it. Anda termasuk jenis blogger yang mana?

Kalau anda menemukan theme yang berkenan di hati anda namaun ada bagian-bagian yang kurang cocok, sebenarnya bisa juga dengan memodifikasi theme yang sudah ada

design your own title! by Société Royale...

Semua blogger pasti menginginkan tampilan blognya yang memenuhi keinginannya. Ada yang ingin tampilan 2 column, 3 sidebar, magazine style, dsb, dsb. Syukurnya, hari ini ada begitu banyak desain blog baik itu untuk wordpress ataupun blogspot yang dapat di download secara free dengan kualitas premium.

Namun selesaikah masalah sampai disitu?

Tidak. Karena bagaimanapun, setiap orang memiliki ego dan kemauannya sendiri-sendiri. Terkadang ada saja theme yang sangat keren, namun ada bagian-bagian yang tidak kita kehendaki. Solusinya?

Desain tampilan sendiri

Terdengar menarik, namun banyak orang yang tidak mau menempuh hal ini karena terbayang ribetnya mendesain tampilan, menyusun code html, merangkai css, etc.

Saya pribadi sudah pernah mendesain sendiri tampilan blog dan menggunakan desain tampilan yang dibuat orang lain. Pendapat saya:

Gunakan Desain Orang Lain, jika:

• Anda sudah menemukan theme yang sesuai dengan kebutuhan anda
• Anda tidak mau repot-repot bergumul dengan code
• Anda merasa diri anda terlalu sibuk untuk mempelajari bahasa pemrograman web
• Anda tidak mempermasalahkan jika ada blog yang bertampilan sama. Karena free theme, jadi ada kemungkinan orang lain menggunakan theme yang sama

atau Gunakan Desain Anda Sendiri, jika:

• Anda tidak menemukan theme yang sesuai dengan kebutuhan anda.
• Anda benar-benar ingin tampilan blog anda sesuai dengan kebutuhan anda
• Anda tidak ingin blog anda tampil generik. Anda ingin tampilan yang unik dan tidak ada yang menyamai
• Anda mau mempelajari bahasa pemrograman web, dan bersedia meluangkan waktu untuknya
• atau Anda memiliki dana yang cukup untuk membayar web designer mendandani blog anda sesuai dengan kehendak hati anda

Yup, that’s it. Anda termasuk jenis blogger yang mana?

P.S.

Kalau anda menemukan theme yang berkenan di hati anda namaun ada bagian-bagian yang kurang cocok, sebenarnya bisa juga dengan memodifikasi theme yang sudah ada

Blog yang typography-nya baik, tingkat keterbacaannya tinggi. Jika tingkat keterbacaannya tinggi, pengunjung akan nyaman dalam membaca konten blog anda dan betah membacanya. Jika typography-nya kurang baik, pengunjung blog anda akan sulit membaca konten blog anda. Pernah nyangkut di sebuah blog di blogspot yang hurufnya besar-besar dan jarak antar barisnya sangat padat? Bagaimana perasaan anda ketika membaca tulisan blog tersebut? Lelah bukan?

Blog mengenai Typography: ilovetypography.com!

Ada lagi yang anda butuhkan? Please let us know

Enjoy!

typography is design by bintek

Dalam ranah design, atau dalam hal ini kita spesifikkan ke dalam ranah blog design, ada satu hal yang harus kita pahami: Typography (Tipografi)

Apa itu Typography? (Tipografi)

Typography yang berasal dari kata Yunani Typos = bentuk dan graphein = menulis yang merupakan seni dan teknik mengatur huruf menggunakan gabungan bentuk huruf cetak, ukuran huruf, ketebalan garis, spasi antar huruf, garis pandu dan jarak antar baris.

Mengapa kita perlu memahami typography (Tipografi)?

Karena typography, pengaturan huruf, mempengaruhi banyak hal: mulai dari estetika tampilan blog, kesan yang di tampilkan blog, hingga yang terpenting: keterbacaan blog.

Blog yang typography-nya baik, tingkat keterbacaannya tinggi. Jika tingkat keterbacaannya tinggi, pengunjung akan nyaman dalam membaca konten blog anda dan betah membacanya. Jika typography-nya kurang baik, pengunjung blog anda akan sulit membaca konten blog anda. Pernah nyangkut di sebuah blog di blogspot yang hurufnya besar-besar dan jarak antar barisnya sangat padat? Bagaimana perasaan anda ketika membaca tulisan blog tersebut? Lelah bukan?

Dimana saya dapat belajar Typography?

Ada banyak halaman web yang membahas tentang typography yang dapat anda akses secara gratis. Berikut ini sudah saya pilihkan untuk anda link mengenai hal-hal mendasar tentang Typography:

• Definisi Typography oleh Wikipedia (English)
• Definisi Typography/Tipografi oleh wikipedia (Malay)
• Hal – Hal mendasar tenteng Typography oleh About.com (English)
• Istilah-istilah mendasar tentang Typography oleh The Theme Blog (English)
• 5 Aturan Mendasar Typography oleh eioba.com (English)
• 16 Typography Yang Menginspirasi berdasarkan Desain Blog oleh DesignReviver (English)
• 101 Resource mengenai Typography untuk Web Designer oleh VandelayDesign (English)
• Blog mengenai Typography: ilovetypography.com!

Ada lagi yang anda butuhkan mengenai Typography? Please let us know

Enjoy!

Queen by think_ink

Beberapa posting sebelumnya saya menulis tentang Content Is King. Didalamnya terdapat satu phrase yang cukup menarik yaitu Design Is Queen. Memang benar bahwa konten adalah inti dari blog anda. Tanpa konten yang bagus blog anda mungkin tidak akan banyak dikunjungi. Lantas dengan konten yang sudah bagus apakah anda akan membiarkan tampilan blog anda begitu saja tanpa disain yang menarik? Tentu saja tidak, pastinya anda akan berusaha agar tampilan anda enak untuk dibaca dan dilihat. Karena memang tujuan utamanya adalah mendatangkan pembaca yang akan terus kembali dengan kontet yang bagus dan diperkuat disain yang pas dimata pembaca.

Disain yang bagaimana yang bisa dikategorikan bagus untuk blogger?

Sebenarnya memang sulit untuk mengkategorikan disain blog atau tema blog mana yang bagus. Karena sebenarnya kita akan menjadi seorang blogger bukan disainer. Kecuali bagi mereka yang merangkap sebagai blogger dan disainer, maka aspek tampilan psati akan sangat berpengaruh terhadap blog mereka. Tampilan bisa menguatkan visualisasi dan image sang penulis. Kalau anda bingung memilih disain yang bagus, untuk tahap pertama anda bisa saja menggunakan tema atau template blog yang banyak di internet seperti dari Smashing Magazine. Selanjutnya jika sudah merasa ingin memiliki tampilan sendiri untuk urusan branding dan tidak ingin repot untuk urusan mendisain dan codingnya menjadi template blog, anda bisa menggunakan jasa web developer seperti iCreativelabs

Disain juga menentukan mood dan kesiapan pengunjung untuk membaca. Pernahkah terjadi ketika anda mendapat topik yang anda cari di google dan ketika mendarat di halaman yang dituju tampilannya sangat tidak nyaman? Lantas anda langsung mengklik tombol silang dan menutup halaman tersebut tanpa membacanya. Padahal anda tidak menyadari bahwa sebenarnya tulisan yang dikandungnya sangat membantu bagi anda.

Yap, tentu saja kejadian seperti ini lumayan merugikan anda ketika datang pengunjung yang mengalaminya. Tentu tidak semua pembaca akan melakukan hal tersebut karena setiap orang pasti memiliki perbedaan pandangan masing-masing. Saya juga yakin jika sebuah blog memiliki disain yang bagus dan menarik mungkin konten tidak akan menjadi alasan utamanya datang kembali. Mungkin anda juga pernah mengalami hal yang serupa seperti saya. Ketika mengunjungi sebuah blog yang bagus secara tidak sengaja lalu anda berkata “Wah disainnya menarik pasti tulisan juga tidak kalah bagusnya” Tapi tidak mutlak akan terjadi hal tersebut dan bisa saja terjadi hal sebaliknya.

Rumusannya adalah

Konten + Disain = Blog yang terstruktur.

Maksudnya, jika anda sudah memiliki konten yang baik itu bagus. Jika ditambah dengan disain tampilan yang menarik tentu akan berdampak lebih bagus lagi terhadapa blog anda. Yang perlu anda catat disini adalah disain blog itu sendiri tidak mengharuskan anda mengeluarkan biaya menyewa disainer untuk merancangnya tapi jika mampu tidak masalah Yang terpenting adalah disain tema yang anda pilih cocok dengan konten blog anda sehingga membuat pembaca blog anda akan kembali lagi ke blog anda meskipun itu hanya tema gratisan yang banyak tersedia di internet.

Jadi yang paling penting dalam desain bog anda, pengunjung datang mencari solusi untuk masalah mereka dan disain bukan solusi. If content is king, then design is queen. Jika konten adalah raja, maka desain adalah ratu. Jika salah satu konten atau desain tidak terpenuhi, maka blog tersebut akan memiliki satu kekurangan yang tidak seimbang dan berdampak kurang baik terhadapanya. Konten + disain = Perpaduan yang anda butuhkan untuk blog anda.

Happy Blogging!

P.S.
Jika anda merasa ada yang kurang pas, silakan memberi masukan melalui kolom komentar. Dan terakir, bagaimana tampilan blog Bloggingly ini menurut anda?

Yep, themes ketiga buatan bloggingly!

Agustus lalu, saya sempat berbagi satu themes buatan saya : wpressbook. wpressbook adalah theme wordpress yang saya buat berdasarkan tampilan profile facebook yang lama. Ketika itu facebook belum sepopuler sekarang. Dan layoutnya pun masih layout – 800 piksel.

Waktu bergulir, dan facebook pun mengganti tampilannya. Berhubung saya adalah penggemar facebook, saya pun kembali tergelitik untuk membuat theme wordpress berdasarkan tampilan baru facebook. Terlebih lagi, wordpress 2.7 yang beberapa saat lalu dirilis memberikan peningkatan fitur, yang patut untuk di pelajari. Gabungan dari “pendalaman” saya terhadap enhancement pada wordpress 2.7 dan “jurus mencontek” yang dialamatkan kepada tampilan baru facebook :

new wpressbook theme

The New Wpressbook
Free Wordpress Theme based on new facebook home design.

Untuk download, silahkan klik link ini : [Download not found]

Fitur – fitur wpressbook :

• New facebook looks! LOL
• 2 kolom
• widget ready ( terdapat dua widget )
• image caption ready
• kompatibel dengan fitur thread comment wordpress 2.7. NOTE : Setting default nya off. Aktifkan dulu fitur threaded comments wordpress 2.7 di SETTINGS > DISCUSSION
• Sudah di test di FireFox 3, Opera 9.63, Safari 3.2.1 dan Internet Explorer.
• Facebook bookmarklet di setiap post
• screenshot image post di halaman index

Note :
Saya membiarkan tampilan di IE seadanya. Sekedar “berada di tempatnya saja”, dan tidak memaksimalkan setiap efek tampilan. Seperti dashboard wordpress yang dibuka melalui IE lah. IE sucks, semua orang juga ( seharusnya ) tahu .

Gambar yang muncul di posisi avatar utama sudut kiri atas merupakan Gravatar dari admin.

Pada pengerjaan theme ini saya belajar banyak hal baru. Mengenai tag – tag author, mengkompatibelkan theme dengan fitur threading wordpress 2.7, membuat screenshot image menggunakan css, dll. Di kesempatan yang tepat, akan saya terbitkan beberapa artikel mengenai teknik yang sangat berguna

Special credit untuk Pak Jauhari dengan theme Hamasaki dan Prosumer-nya yang saya “otak – atik” . Belajar banyak trik baru nih. Salah satu trik keren yang saya pelajari dari theme Pak jauhari adalah menyelipkan screenshot gambar menggunakan CSS, unik sekali. Sekali lagi, terima kasih Pak Jauhari!

Yep, silahkan di download dan sampaikan komentar anda mengenai wpressbook! Jika menemukan bug ( pasti ada ) , silahkan sampaikan, tidak perlu sungkan.

Enjoy!

Download wpressbook disini : [Download not found]