Arsip Untuk Post Dengan Tag ‘Blog Design’

Business & Corporate Blogging Mediaplaza by crossmedialog

Business & Corporate Blogging Mediaplaza by crossmedialog

Kembali lagi dengan “Link Akhir Pekan” Bloggingly yang ketiga. Disini kami menemukan beberapa link yang cukup menarik untuk dibaca. Semoga bermanfaat untuk anda.

Kalau anda ingin berpartisipasi, silahkan share link menarik mengenai blogging yang anda temukan melalui facebook page bloggingly berserta deskripsinya. Perhatian! Ada empat aturan dalam berpartisipasi:

1. Share HANYA link yang terkait dengan blogging: bisa flash news, tools, resource, theme menarik, dll.
2. Link yang kami suka akan kami munculkan di postingan “Link Akhir Pekan” beserta link menuju blog anda. Tapi harap maklum atas keterbatasan tempat, waktu dan kesempatan.
3. Anda boleh share postingan yang berasal dari blog anda asalkan terkait mengenai blogging. Link yang tidak berhubungan dengan blogging akan kami remove dengan suka cita. No Spamming!
4. Perhatikan baik-baik tiga aturan diatas.

Siap untuk memulai? Ini dia link-link menarik yang kami temukan di pekan ketiga Agustus 2009:

http://www.webmediamagazine.com/webdesign/50-different-ways-to-vastly-improve-your-wordpress-blog/

50 cara meningkatkan improvement blog wordpress anda. Mulai dari navigation, design, performance, security, SEO, dan hal lainnya. Barangkali bisa anda praktekkan salah satu tipsnya yang berguna untuk blog wordpress anda.

Klik disini untuk membaca selengkapnya..

jadilah yang pertama berkomentar!

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

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

daus.trala.la

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

Kompasiana

kompasiana.com

kompasiana.com

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

Ndobos

ndobos.com

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

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

perspektif.net

Blognya Wimar Witoelar. It’s so Witoelar!

Avianto

avianto.com

avianto.com

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

Orangebox.TV

orangebox.tv

orangebox.tv

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

Sepatumerah

blog.sepatumerah.net

blog.sepatumerah.net

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

O-om

o-om.com

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

hermansaksono.com

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

Tikabanget

lihat reviewnya di list.bloggingly.com

tikabanget.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

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 :P

Yorissebastian

lihat reviewnya di list.bloggingly.com

yorissebastian.com

yorissebastian.com

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

Notsogeeky

lihat reviewnya di list.bloggingly.com

notsogeeky.net

notsogeeky.net

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

RuangFreelance

lihat reviewnya di list.bloggingly.com

ruangfreelance.com

ruangfreelance.com

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

Twentea

lihat reviewnya di list.bloggingly.com

twentea.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

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

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

webicara.com

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

Bloggingly

bloggingly.com

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! :D

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.

12 komentar untuk post ini
Colour Theme by Toxi

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 :D

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 :D

Happy Blogging! :D

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

9 komentar untuk post ini
Bagaimana Cara Mengganti Tampilan Tema Blog
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. 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 :D
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
Pertama siapkanlah tema yang sudah anda buat ata pilih untuk dijadikan tema blog anda
Kemudian masuklah ke dashboard blog anda
Lalu pilih appearance dan masuk ke dalam tab Add New Theme
Di dalamnya anda akan melihat tampilan search jika anda ingin mencari tema yand sudah disediakan wordpress dengan berbagai filter fiturnya
Jika anda ingin menginstall tema barunya klik lah tab Upload
Lalu browse file tema blog anda dalam format .zip dan wordpress akan mengekstraknya secara otomatis nantinya
Kalau sudah terpilih maka pilihan install now akan muncul lalu klik tombol tersebut
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.
Jika sudah akses lah halaman home blog anda untuk melihat perubahan yang terjadi pada blog wordpress anda.
Cara Mengganti Tema di Blogspot
Akseslah blog blogspot anda
Setelah masuk ke dashboard anda, lihatlah Layout di sebelah tulisan Settings dan klik
Jika anda belum memiliki template blogspotnya masuklah ke tab Pick New Template dan didalamnya anda bisa memilih template blogspot yang anda inginkan.
Kalau anda memiliki template blogspot dengan rancangan sendiri klik lah tab Edit HTML
Setelah masuk anda akan melihat barisan coding untuk template halaman blogspot
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
Jika sudah, klik lah browse untuk mencari template yang sudah anda siapkan kemudian upload
Dan jika berhasil anda akan melihat tampilan coding baru dari template yang sudah anda upload. Lalu save template tersebut.
Kini halaman blogspot anda sudah berganti dengan tampilan yang baru :D
Beberapa situs yang menyediakan tema-tema untuk wordpress dan blogger baik free atau premium theme.
http://topwpthemes.com/
themeforest.net
http://www.wpthemespot.com/
50 Free WordPress Themes Buatan Blogger Indonesia http://zamdesign.wordpress.com/2008/11/18/50-free-wordpress-themes-buatan-blogger-indonesia/
www.woothemes.com/
http://www.premiumwp.com/
http://www.blogohblog.com/
http://www.bloggertemplates.org/
http://btemplates.com/
http://www.deluxetemplates.net/
Well, jika anda sudah tidak sabar untuk mencobanya langsung saja ganti tema atau template anda dengan tampilan yang fresh :D
Happy Blogging! :D
Blog Theme Design by liamuk7

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 :D

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 :D

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

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

Happy Blogging! :D

16 komentar untuk post ini
Webdesign Rules! by Ruben Bos

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 :P 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 :D
  4. Web Browser! mulai dari Firefox, Safari, Opera, Chrome, hingga si mimpi buruk web developer: Internet Explorer :P 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 :D
  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! :D

10 komentar untuk post ini
Semua blogger pasti menginginkan tampilan 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, bernegosiasi dengan IE6, 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
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 :)
design your own title! by Société Royale...

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 :)

11 komentar untuk post ini
Front Page

Front Page

Post ini akan berguna untuk anda yang membuat theme wordpress. Yang belum memahami sistem theme wordpress, anda dapat mempelajari dasar membuat theme wordpress melalui serial tutorial cara membuat wordpress theme. :)

Begini kondisinya : Anda sedang mendesain halaman home dari sebuah blog wordpress. Anda ingin membuat halaman home anda menampilkan cuplikan (bukan keseuruhan) konten + caption image. Masalahnya adalah :

Untuk menampilkan cuplikan konten, digunakan tag <?php the_excerpt(); ?>
tag the_excerpt(); tidak menampilkan image / caption image.

Jadi bagaimana solusinya?

Kami pernah mendapati beberapa theme magazine style yang menggunakan kode php tertentu untuk mengeluarkan image pertama dari sebuah konten post untuk dimunculkan beriringan dengan excerpt. Tapi teknik ini akan sangat menyebalkan jika anda belum menguasai php. maka dari itu, kita teknik yang ini :

Gunakan plugin Get The Image.

Apa gunanya pugin Get The Image ini?

Plugin Get The Image bertugas menampilkan caption berukuran 150 X 150 piksel dari gambar pertama yang ada dalam konten post anda.

Ditampilkan dimana?

Ditampilkan ditempat anda meletakkan tag khusus untuk memanggilnya.

Bagaimana jika post saya tidak ada image-nya?

Anda bisa menset agar plugin get the image menampilkan gambar default yang anda inginkan, seperti “image unavailable”. Anda bisa lihat halaman utama bloggingly sebagai contoh.

Cukup teorinya. Sekarang implementasinya :

  1. Download plugin Get The Image disini. Lalu Install dan Activate
  2. Masuk ke ( untuk versi 2.6 ) Design > Theme Editor > index.php (jika theme anda memiliki file home.php, maka yang di pilih home.php saja)
  3. Sebelum tag <?php the_excerpt(); ?>, copy pastekan tag ini : <?php echo get_the_image_link(array(‘Thumbnail’,'My Thumbnail’),’thumbnail’,'http://test.com/unavailable.jpg’); ?>
  4. Tekan update file.

Lihat halaman utama anda. Sekarang setiap post yang memiliki image, memiliki image di halaman utamanya. Tinggal anda rapihkan menggunakan CSS. :)

Lalu apa yang sebenarnya terjadi? Bisa jelaskan tag asing pada langkah ketiga?

Oke, Mari kita bahas. Tag tersebut merupakan tag dari plugin Get The Image :

<?php echo get_the_image_link(array(‘Thumbnail’,'My Thumbnail’),’thumbnail’,'http://example.com/unavailable.jpg’); ?>

  1. get_the_image_link(array memanggil image + link menuju post
  2. ('Thumbnail','My Thumbnail') Memberikan parameter class pada image. Jadi untuk stylingnya, anda bisa atur cssnya melalui .thumbnail atau .my-thumbnail pada style.css theme anda
  3. 'thumbnail' merupakan parameter untuk menentukan ukuran yang akan dipanggil. FYI, setiap image yang diupload ke blog anda, oleh wordpress secara otomatis akan dibuat kan tiga ukuran : thumbnail (150 X 150 piksel), medium, dan full. Untuk memahami step ini, ganti saja nilai ‘thumbnail’ dengan ‘medium’ atau ”full’
  4. 'http://example.com/unavailable.jpg' merupakan path image yang akan ditayangkan jika dalam post anda tidak memiliki image.

Well, cukup mudah kan? ;)

Enjoy! :D

8 komentar untuk post ini
Web Designer Wall

Web Designer Wall

WebDesignerWall.com – satu lagi blog “berkualitas tinggi” yang membahas tentang design. :) Jika anda sudah membaca pot kami tentang review blog bestwebgallery, ya, Blog ini dikelola oleh pria yang sama : Nick La. Web designer yang mempublish N.Design Studio dan Best Web Gallery. Jika Best Web Gallery berisikan galeri design – design website yang ‘canggih’, N.Design Studio berisi Portofolio dan urusan freelance web design dari Nick La, maka WebDesignerWall ini merupakan blog publiknya yang berisikan ide design, tutorial dan trend web design modern.

Hal pertama yang kami dapati ketika membuka halaman webdesignerwall : Design blog nya indah sekali. Sangat menunjukan kemampuan Nick La dalam mendesign halaman blog. Jika pada dua blog lainnya Nick La memainkan efek gradasi untuk mempercantik halaman blognya, pada webdesignerwall ini pattern Grunge menjadi andalan. Integrasi jQuery untuk efek visual dan penggunaan elemen image membuat tampilannya sangat fully customized.

Dari segi konten pun, tidak kalah berbobotnya. Post – post berkulitas mulai dari penggunaan Javascript dalam modern web design, trend design 2008, bagi – bagi elemen design, tutorial design, dan lain lain membuat konten blog ini sangat berkualitas. Tidak heran jika RSS Feed WebDesignerWall di subscribe oleh 16809 pembaca. ( Kami salah satu diantaranya, hehe :P )

Alamat URL : http://webdesignerwall.com
Niche : Web Design, Design Trends, Design Tutorial
Yang bisa anda dapatkan dari blog ini : ide design, ulasan trend design, tutorial design, dan komponen design berkualitas tinggi. catat baik – baik : berkualitas tinggi.

Enjoy! :D

2 komentar untuk post ini