1. Buat new layer dengan ukuran 400px X 150 px. Ukuran ini bebas saja, tergantung dari kebutuhan, besar-kecilnya gambar yang akan dibuat. Kemudian beri warna background #687983 sehingga layer baru kita tampak seperti gambar 1 berikut:

2. Buat lah text apa saja dengan warna text #586B79, seperti gambar 2 dibawah ini:

3. Text yang telah dibuat, beri efek ‘drop shadow’ dengan parameter structure:
   • Blend Mode: Screen (color:#FFFFFF);
   • Opacity: 27%;
   • Angle: 88 Degres;
   • Distance: 1px;
   • Pread dan size : 0px;

Untuk lebih jelasnya, perhatikan gambar 3 dibawah ini:


4. Tambahkan efek ‘inner shadow’ pada text tadi, hingga text tampak seperti gambar 4, dan untuk paramenternya:
   • Blend Mode: Multiply (color:#000000);
   • Opacity: 44%;
   • Anlge: 88 Degres
   • Distance: 2px;
   • Choke: 0px;
   • Size: 1px;

5. Sentuhan terakhir, tambahkan efek gradient overlay untuk text tadi, dan parameternya :
   • Blend Mode: Normal;
   • Opacity: 100%;
   • Gradient: Warna tua gunakan #495A64 dan warna muda gunakan # 596C7A;
   • Style: Linear;
   • Angle: 90 Degres;
   • Scale: 100%

Yup! Selesai… gambar kita telah terbentuk sempurna dan itu terlihat seperti gambar 5 berikut:



Gimana nih, gampang kan? Oh ya, kalo ga mau repot bikin dari awal, aku kasih kasih bonus deh file .PSD nya, biar bisa langsung edit text-nya aja. Kalo ada yang kurang jelas, comment ya…

Sidebar yang baik harus mencakup beberapa item penting, seperti pilihan berlangganan (subscribe), iklan, posting terbaru dan populer, atau elemen yang membantu pembaca menemukan informasi yang terkait dengan artikel yang mereka baca, atau, secara umum, informasi tentang blog yang sedang mereka kunjungi. Beberapa blog juga menambahkan sidebar mereka dengan widget eksternal (Facebook Fan Page atau Google Friend Connect) dan berbagai elemen lainnya (misalnya last twitter update).

Elemen apapun bebas diletakkan pada sidebar, tapi… jangan lebay pliss, ups berlebihan maksudnya hehe… Berikut adalah contoh urutan dari sidebar yang baik kegunaannya:

Pilihan berlangganan (subscribe):

Bagian ini, yang dalam beberapa kasus juga meliputi presentasi singkat dari blog, tempatkan dibagian paling atas sidebar dan mencakup rata-rata sekitar 5% dari area sidebar. Sertakan link ke RSS feed, email subscribe, Twitter dan Facebook profile.

Iklan:

Sidebar adalah wilayah yang sempurna untuk menempatkan iklan. Bagian ini memakan banyak area sidebar, 35%. Saranku, jangan menggunakan lebih dari dua banner (ukuran 125 X 125) untuk satu baris.

Recent dan popular posts:

Isi bagian ini dengan daftar posting terbaru dan yang populer. Ini adalah cara baik untuk menyarankan pembaca blog yang baru berkunjung untuk menikmati pula tulisan kita yang lain. Bagian ini mencakup masing-masing 20% untuk recent dan popular post.

Eksternal widget:

Banyak eksternal widget yang dapat ditambahkan pada sidebar. Widget semacam ini tidak diwajibkan, namun dapat berguna untuk memungkinkan interaksi antara pembaca dan penulis blog serta dapat meningkatkan pengunjung. Area eksternal widget ini cukup 10%.

Elemen-elemen lain:

10% dari sisa sidebar, bisa kita isi dengan last twitter update, tag liss atau tag cloud, dan lainnya yang sekiranya penting untuk ditaruh di sidebar. Namun, jika panjang dari sidebar tidak mencukupi, bisa dibuat dengan tab, seperti pada sidebar disamping kanan tulisan ini. Sepertinya ga perlu kita pasang widget Google PR, visitor counter, hit counter pun banner2 dari web/blog directory, karena selain terlihat berantakan dan terlalu ramai, penambahan widget tersebut juga dapat menambah waktu loading dari blog.

Sebuah pertimbangan terakhir tentang lebar dari sidebar, jangan terlalu lebar pun terlalu sempit. Jika terlalu lebar, maka akan mengurangi main area (posting) yang berakibat area posting manjadi kurang readable. Pun jika terlalu sempit, elemen yang yang ada disidebar menjadi kurang enak dilihat. Aku sarankan agar kamu mengatur properti CSS untuk lebar sidebar sebesar 260px sehingga sidebar kamu bisa berisi dua banner ukuran 125 X 125 piksel dengan jarak 10px antara banner, ditambah dengan padding atau margin untuk mengatur sidebar dengan tepi sebelah kanan browser dan sebelah kiri main area (posting).

Well, cuma segitu tips yang bisa aku kasih, moga bermanfaat buat kita, kalo ada ide lain, tambah dicomment dunk boss =)

1. http://thenewreview.net/

2. http://inexoravel.org/

3. http://www.stjepantafra.com/

4. http://www.vmgblades.com/

5. http://www.evolveprint.com.au/

6. http://www.aus120.com/

7. http://r.fm/

8. http://www.studionashvegas.com/

9. http://www.mateusneves.com/

10. http://www.chonchstyle.info/v3/

11. http://autoblackthrough.com/

12. http://www.blackinnovationawards.com/

13. http://www.blackmenthol.com/

14. http://tnerb.com/

15. http://www.cinequo.com/

16. http://www.ectomachine.com/

17. http://www.redmillion.ie/

18. http://www.ever27.com/

19. http://www.madfrogdesigns.com/

20. http://www.pablozarate.com/en/

21. http://www.idgm.com.ar/blog/

22. http://strawberrysmoke.com/

23. http://jugatic.es/

24. http://www.rgdesign.org/

25. http://www.cokestudio.com.pk/

Arti Warna Merah

Warna merah memiliki sifat untuk merangsang adrenaline dan tekanan darah. Sejalan dengan efek fisiologis, merah juga diketahui dapat meningkatkan metabolisme manusia. Warna merah adalah warna yang menarik, dramatis, warna yang kaya, dan merah juga merupakan warna semangat. Merah juga identik dengan warna yang penuh cinta dan kasih sayang. Namun, warna merah pun bisa mencerminkan amarah dan dendam.

Arti Warna Jingga (orange)

Lambang Enerjik

Jingga adalah warna yang sangat cerah dan membangkitkan semangat, fresh and natural. Seperti warna merah, jingga (orange) sangat aktif dan energik, namun tidak mencerminkan amarah seperti merah. Tetapi sebaliknya, jingga adalah sebuah simbol kebahagiaan yang mewakili sunshine, antusiasme, dan kreativitas. Jingga juga merangsang metabolisme dan nafsu makan, it’s a great color jika digunakan untuk mempromosikan makanan dan cooking. That’s why, mungkin gambar Jeruk dalam disamping bisa membuat kamu lapar, bahkan sekalipun kamu tidak suka buah jeruk. Bener ga boss..??

Arti Warna Kuning

Kuning yang sangat aktif dan terlihat mencolok…!! Dan mungkin itu sebab mengapa kuning digunakan untuk tanda hati-hati pada marka jalan. Kuning terkait dengan kebahagiaan dan energi. Seperti merah dan jingga, kuning adalah tampak seperti warna yang aktif. Pernahkah kamu memperhatikan warna minuman energi seperti Gatorade dan Extra Joss…? Kedua minuman tersebut berwarna kuning, dan masih menjadi the best-selling sampai sekarang. Hal ini kemungkinan disebabkan oleh sifat kuning untuk yang aktif dan energik yang terkait dengan warna jingga dan kuning.

Arti Warna Hijau

Hijau terkait erat dengan alam. Ini merupakan warna yang sangat menyejukkan dan melambangkan pertumbuhan, kesegaran, serta harapan. Hijau terasa lebih ringan pada mata, dan jauh lebih aktif dari kuning, oranye, atau merah. Meskipun banyak situs web yang menggunakan desain hijau untuk membawa sense of nature pada pengunjung, hijau adalah warna yang sangat fleksibel. Ketika hijau terang dipadu dengan latar belakang hitam, itu benar-benar kontras, dan memberikan desain yang terasa techy. Thats why aku lebih suka menggunakan perpaduan warna ini pada Terminal command line di ubuntu, karena terkesan canggih dan berasa jadi hacker hehe…

Arti Warna Biru

Biru melambangkan keterbukaan, intelijen, dan iman. Physiologically, biru ternyata dapat digunakan untuk menenangkan perasaan, tetapi juga dapat mengurangi nafsu makan. Efek ini mungkin karena ada keanehan jika biru digunakan untuk makanan. Selain blueberries, berapa banyak makanan berwarna biru alami yang dapat kamu hitung…? Biru tidak termasuk bagian dari warna alam -inducing pallete-, sehingga jarang dipilih untuk mempromosikan produk makanan. Biru kadang-kadang dianggap sebagai simbol nasib sial dan kesulitan. Emosionalnya tergambar nyata dalam musik blues dan di lukisan dari Picasso depression-induced Blue Periode. It’s not all about food color, yang terlihat tidak wajar dan tertindas bentuk seni, meski biru pun memiliki sifat universal. Visual ini berkaitan dengan air, langit biru dan udara membuat biru menjadi pilihan yang tepat untuk web atau blog yang berkaitan dengan penerbangan, AC, kolam renang filter, dan pelayaran. Apakah kamu pernah memperhatikan bahwa biru adalah warna utama dalam logo IBM, Dell, HP, dan Microsoft…? Mungkin itu alasan bahwa biru juga menyampaikan rasa stabilitas dan kejelasan dari tujuan. So, menurut mu apa arti dari warna biru yang ku pakai di blog ini…? Semua terserah persepsi kamu masing-masing, bebas ajah chuy…

Arti Warna Ungu

Secara historis, warna ungu telah terkait dengan royalti dan kuasa. Ungu merupakan kekayaan dan pemborosan. Ungu paling sering terhubung dengan bunga, gemstones, dan matahari terbenam. Jika kamu mencoba untuk membuat sebuah desain web atau blog yang out of the box, pikirlah menggunakan kekayaan warna ungu. According to CSS Zen Garden’s Design category index, ungu adalah warna yang sangat-sangat jarang digunakan warna.

Arti Warna Putih

Ketika orang berpikir “bersih”, mereka putih. Putih dianggap warna kesempurnaan, cahaya, dan kesucian. Ini sebabnya putih sering digunakan dalam iklan deterjen dan mengapa seorang perempuan memakai gaun putih pada hari pernikahan.

Arti Warna Hitam

Hitam lambang kekuatan

Walaupun hitam sering memiliki konotasi negatif seperti kematian dan kejahatan, hitam juga dapat menjadi warna kekuatan dan keanggunan, tergantung bagaimana hitam itu digunakan. Warna hitam cocok dipadukan dengan semua jenis warna. Jika kamu ingin menggunakan warna tertentu dan dipadu dengan warna hitam, cukup tanyakan pada diri kamu sendiri, “Apakah tiga hal pertama yang datang ke pikiran ku mengenai warna ini..?” Ketika aku berpikir tentang hitam, misalnya, aku berpikir tentang Limbad dan Batman. Dan ketika aku berpikir tentang Limbad, maka yang terlintas dibenakku adalah pakaian gelap, tanpa suara, dan kekuatan yang nyata.

Meski psikologi warna tidak berperan dalam cara pengunjung melihat sebuah web atau blog yang kamu desain, harus diingat bahwa tidak ada salahnya menggunakan warna yang tepat. Sementara alasan psikologis dapat membantu kamu menentukan warna yang akan kamu gunakan, keberhasilan suatu skema warna tergantung pada harmoni yang ada di antara semua warna dipilih. Untuk mencapai keseimbangan ini, kita akan tetap perlu beberapa atribut warna lainnya.

1. Open Minded.

Untuk membuat sebuah free style design, cobalah untuk menerima semua hal baru. Jangan kaku, jangan kolot, dan jangan menutup diri. Lihat perkembangan design disekitar kita, jangan melulu hanya berkunjung ke blog/web langganan yang berisi tentang blogging tips saja, yang orang sunda bilang kurung batok. Tapi mulailah menjenguk blog sahabat kita yang membahas tentang design. Dan yang tidak kalah penting adalah berkunjung ke web portfolio para designer. Karena web/blog mereka pasti unik dan mempunyai nilai seni tersendiri. Kita bisa menjadikan design mereka sebagai referensi untuk menemukan ciri khas gaya design kita. Tapi ingat, hanya sebatas referensi dan bukan untuk dicopy atau bahkan mengklaim bahwa karya yang mereka buat punya kita, (kaya tetangga kita itu tuh). Kamu bisa mendapat banyak inspirasi dengan menjelajah ke gallery para designer grafis, pembuat cartoon, Photografer, bahkan blog para Bomber (pembuat grafitti). Perhatikan gaya design yang mereka buat, coba kamu lakukan sendiri dan rasakan pakai hati. Kalau kamu merasa nyaman, ya kamu terusin, tapi kalo ngga ya udah tinggalin dan kamu coba cari gaya baru. Anw, para bomber inilah yang memberikan banyak inspirasi design buat ku, karna memang sebelum terjun bebas ke blogosphere, aku wara-wiri sama para bomber. Otreh, lanjut ke tips berikutnya…

2. Membuat Sketch dan Menyusun Layout.

Gunakan pen dan kertas untuk membuat sketch. Karena cara konvensioanl inilah yang paling efektif. Kita bisa saja langsung membuat sketch di komputer, tapi membuat sketch di kertas mempunyai kenyamanan dan kebebasan yang tidak bisa didapat di komputer. Kita bisa bebas mengeksplore gaya design yang kita mau. Hal pertama yang harus difikirkan adalah menyusun layout (menata tata letak). Kita imajinasikan bahwa kertas adalah tampilan full screen dari web browser. Disitu kita mulai menggambar header, menentukan letak menu navigasi, main bar (untuk tulisan) dan side bar (untuk widget) dan footer. Tipsnya, gunakan lahan yang ada dengan bijak. Jangan terlalu banyak menggunakan widget yang tidak perlu dan jangan pula membiarkan lahan kosong, mubazir. Kita buat tampilan blog yang padat namun tidak berat saat diakses. Kita juga bisa mengeksplore bagian footer agar lebih maksimal. Misalnya dengan membagi footer menjadi tiga bagian, dan tiap bagian kita letakan satu widget yang berguna untuk pengunjung.

3. Pemilihan Warna.

Berani Gunakan Warna

Kombinasi warna yang digunakan ikut berperan agar tampilan blog kita terkesan unik. Tipsnya, jangan gunakan warna-warna standart. Tapi coba gunakan warna yang jarang digunakan, tapi ingat harus dengan kombinasi dan komposisi yang pas. Hindari penggunaan warna putih untuk background, karena terkesan kaku dan biasa. Selain itu, penggunaan warna putih untuk bacground dengan kombinasi warna hitam untuk text, dapat membuat mata mudah lelah saat membaca. Untuk itu gunakan warna-warna gelap agar lebih terlihat custom walaupun memang terkesan suram. Tapi, dengan kombinasi yang pas, penggunaan warna gelap pun dapat berkesan menarik. Tapi jika kamu ingin membuat design dengan warna yang terang, gunakan warna-warna cerah karena terkesan happy dan selalu ceria. Pemilihan warna ini dipengaruhi oleh tema blog yang ingin kamu buat. Misalnya, jika kamu ngin membuat design themes untuk blog ‘anak band’, kamu bisa gunakan warna-warna gelap tapi jika kamu akan membuat design themes untuk blog edukasi, gunakan warna-warna cerah agar terlihat seru dan tidak membosankan.

4. Penggunaan Gambar.

Buatlah gambar-gambar yang tidak biasa. Artinya, kamu jangan hanya menggunakan gambar yang sudah biasa dipakai orang lain. Gambar disini tidak hanya untuk mempercantik themes saja, tapi memcakup gambar illustrasi pada tulisan, atau icon yang kamu pakai di blog. Kamu bisa menggunakan gambar-gambar 3D, gambar dengan efek grunge, cartoon, monster, vector atau bahkan fotomu sendiri. Gambar apapun bisa kamu gunakan, tapi ingat jangan gambar orang lain yang punya copyright, bisa bahaya boss… Salah satu contoh design blog yang unik penggunaan gambarnya adalah blog seleb Sandra Dewi. Disitu terlihat penggabungan foto dengan efek grunge dan vector, keren kan..??

5. Penggunaan Animasi.

Animasi digunakan agar blog terlihat lebih atraktif dan dinamis, baik itu untuk header, menu navigasi, images slide. Animasi untuk blog bisa menggunakan flash, javascript atau gif. Tidak hanya terbatas dari sisi gambar saja, animasipun bisa dibuat untuk bagian lain, misalnya animasi text dengan efek type writter, carousel recent post, atau bahkan penggunaan flash untuk tag cloud seperti wp-cumulus. Kamu bisa menggunakan salah satu efek-efek animasi diatas, atau bahkan kamu pakai semua. Tapi jangan berlebihan, karena dapat mengganggu fokus pengunjung untuk membaca. Alih-alih pengunjung membaca blog, eh malah asik ngeliatin animasi. Selain itu, penggunaan animasi berlebihan dapat membuat blog menjadi lebih berat diakses.

Gimana, cukupkah 5 tips diatas…? Intinya, untuk mendesign blog yang unik kita harus berani mencoba sesuatu yang beda, sesuatu yang baru, bahkan sesuatu yang aneh. Oh ya, kalo kamu punya tips lain, tolong tambahin ya…

Nah, disini aku akan menjelaskan beberapa pandangan ku tentang pengaruh themes terhadap kesuksesan blog.

Blog mempunyai kelebihan dalam hal penggantian themes jika dibanding dengan web tradisional. Pertanyaan nya, mengapa banyak blogger yang sering mengganti themes…?

Sebagian alasan blogger untuk mengubah themes yang cukup sering adalah karena ketersediaan ribuan themes yang berbeda (terutama untuk Wordpress), dan sebagian besar gratis. Dan aku rasa faktor lain adalah blogger menginginkan tampilan yang lebih fresh dengan “wajah” barunya. Yang tentunya hal ini dilakukan oleh blog yang memiliki banyak pengunjung agar pengunjung yang datang kembali dilain waktu tidak merasa jenuh karena melihat tampilan yang itu-itu saja.

Seberapa sering harus mengganti themes…?

Penggantian themes jangan terlalu sering dilakukan. Hal ini mengingat bahwa mungkin ada pengunjung setia blog yang tidak memperdulikan design, namun mereka hanya fokus pada isi blog saja. Selain itu, perubahan themes memungkinkan juga pengunjung mengalami kesulitan dalam menjelajahi blog kamu, karena berubahnya layout dan tata letak.

Perlu diingat, themes yang menarik tidak menjamin pertumbuhan blog…!!!

Apa saja faktor yang menunjang kesuksesan blog…?

Themes harus unik…!

Tidak diragukan lagi, design kualitas tinggi akan membantu sebuah blog, tapi jelas ada faktor lain yang memainkan peran penting dalam keberhasilan blog. Namun, hal ini kurang berdampak pada jangka panjang. Karena keberhasilan blog dihitung pula dari kualitas konten. Pembaca blog ingin melihat desain bagus, begitu juga dengan konten yang benar-benar membuat mereka datang kembali.

Pemasaran merupakan salah satu faktor penting untuk keberhasilan blog. Beberapa blogger menghabiskan banyak waktu, tenaga, dan uang dari usaha promosi, dan sebagian lain membuat konten dan menunggu yang lain untuk memasarkannya. Apapun strategi pemasaran yang dipilih mempunyai tujuan yang sama, yaitu popularitas agar blog tumbuh berkembang.

Saat blog telah sukses, konsistensi juga penting. Jangan sampai kesuksesan membuat kamu bersantai dan tidak lagi merawat blogmu. Atau mungkin sebaliknya, karena blog mu dinilai kurang sukses, maka kamu frustasi dan tidak melanjutkan aktifitas blgogging mu.

Mungkin diantara kita pernah melihat blog dengan niche yang bagus dan dengan desain yang bagus pula. Pertanyaannya kemudian menjadi “Apakah blog tersebut berhasil karena desain, atau custom themes yang membuat blog berhasil..?”

Dengan banyaknya blog luar sana dan banyaknya themes, blog dengan custom design yang baik akan mudah dikenali. Menurut pendapatku, yang paling penting adalah seberapa besar manfaat dari custom themes. Sebagai pembaca tetap yang datang ke blog kamu beberapa kali dalam seminggu, mereka sudah semakin kecil kemungkinannya memperhatikan desain kamu. Mereka hanya mengharapkan apa yang mereka dapatkan setelah beberapa kali mengunjungi blog mu, dan tentunya konten yang berkualitas akan terus mereka tunggu dan akan membuat mereka datang kembali.

Di lain sisi, desain blog dapat memiliki dampak yang besar pada kesan pertama dari pengunjung baru, seperti yang pernah aku jelaskan pada artikel sebelumnya tentang tips mendesign blog yang menarik. Selain itu, custom themes juga dapat membangun branding yang kuat karena gambar yang unik dan bagus dapat melekat kuat di fikiran pengunjung blog kita. Faktor-faktor ini tidak boleh diabaikan, dan itu berarti bahwa design blog dan tampilan dapat berpengaruh pada tingkat keberhasilan.

Dari beberapa pandangan ku diatas, aku mengambil kesimpulan bahwa : Desain blog dapat sangat membantu tingkat keberhasilan blog dengan mengimbangi bagaimana menekankan konten yang berkualitas. Agar pengunjung dapat menghargai konten, desain harus baik dan tidak mengganggu pengunjung.

Bagaimana pendapat kamu…?

Dalam contoh kali ini, menu header adalah tag H3, dengan masing-masing sub menu dengan tag UL tag yang akan memperluas/tampil jiak header di klik. Header adalah tombol yang ditekan dengan “klik” melalui mouse. Tampilan menu ini diatur melalui CSS dan efek accordion menggunakan Javascript, salah satunya menggunakan jquery dari google.

Berikut adalah cara pemasangan accordion menu ini pada blog atau web :

1. Download file accordion menu (link download ada di bagian bawah post)
2. Upload semua file yang telah di download ke hostingan kamu. Contoh, letakan semua file dalam satu folder yang diberi nama “menu” ke folder public_html di hostingan-mu.
3. Tambahkan script berikut kedalam tag header diantara <header> … </header>
   

   <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”></script>

   <script type=”text/javascript” src=”acc/ddaccordion.js”></script>

   <script type=”text/javascript” src=”acc/ddaccordion2.js”></script>

   <link title=”default” media=”screen” type=”text/css” href=”acc/ddaccordion.css” rel=”stylesheet”>

4. Letakan script berikut di dalam tag <body>. Script berikut adalah script menu dan sub menu. Kamu bisa merubah menu sesuka hati, baik menambah atau mengurangi menu/submenu.
   

   <div>
   <h3>MENU 1</h3>
   <ul>
   <li><a href=”#”>Submenu 1</a></li>
   <li><a href=”#”>Submenu 2</a></li>
   <li><a href=”#”>Submenu 3</a></li>
   <li><a href=”#”>Submenu 4</a></li>
   <li><a href=”#”>Submenu 5</a></li>
   <li><a href=”#”>Submenu 6</a></li>
   <li><a href=”#”>Submenu 7</a></li>
   <li><a href=”#”>Submenu 8</a></li>
   </ul>

   <h3>MENU 2</h3>
   <ul>
   <li><a href=”#”>Submenu 1</a></li>
   <li><a href=”#”>Submenu 2</a></li>
   <li><a href=”#”>Submenu 3</a></li>
   <li><a href=”#”>Submenu 4</a></li>
   <li><a href=”#”>Submenu 5</a></li>
   <li><a href=”#”>Submenu 6</a></li>
   <li><a href=”#”>Submenu 7</a></li>
   <li><a href=”#”>Submenu 8</a></li>
   </ul>

   <h3>MENU 3</h3>
   <ul>
   <li><a href=”#”>Submenu 1</a></li>
   <li><a href=”#”>Submenu 2</a></li>
   <li><a href=”#”>Submenu 3</a></li>
   <li><a href=”#”>Submenu 4</a></li>
   <li><a href=”#”>Submenu 5</a></li>
   <li><a href=”#”>Submenu 6</a></li>
   <li><a href=”#”>Submenu 7</a></li>
   <li><a href=”#”>Submenu 8</a></li>
   </ul>

   <h3 style=”cursor: default”>MENU 4</h3>
   <div>
   </div>

5. Selesai…!!!

Note :
– Sebelum mengupload semua file, perhatikan lokasi images yang ada di file ddaccordion.css. Images ini digunakan untuk background header menu pada saat submenu tampil/tidak.
– Buat kamu yang menggunakan free hosting dan tidak bisa upload file (misal : blogger.com), semua file bisa diupload ke hosting yang terpisah dari hosting blog, dengan catatan lokasi file yang ada di ddaccordion.css dan script yang ada di header harus tepat.

Gimana, kamu tertarik untuk menggunakan accordion menu…? Sok atuh, tunggu apa lagi buruan coba. Kalo ada pertanyaan, silahkan isi form comment dibawah, jangan ragu-ragu.

Agar dapat meraih hal itu, satu pertanyaan kunci disini, “Apakah kamu tahu apa yang visitor inginkan (atau yang tidak diinginkan) saat mereka melihat halaman pertama dari blog kamu?” Pegang pertanyaan tersebut dan mulai kita jawab step-by-step.

1. Pemilihan themes yang tepat.

Themes yang baik akan membuat visitor merasa nyaman untuk berlama-lama berada di blog mu. Untuk menumbuhkan perasaan nyaman itu, kamu bisa ciptakan dengan menggunakan themes yang sesuai dengan tema blog mu. Saat ini, banyak themes gratis yang dapat kamu download dan kamu pakai di blog mu. Atau bahkan bisa kamu bisa buat sendiri sesuai selera. Selain itu, pemilihan themes yang tepat dapat menumbuhkan rasa kepercayaan dari visitor. Karena visitor tidak dapat melihat kamu, mereka mungkin tidak akan pernah bertemu kamu langsung secara pribadi, atau bahkan berbicara dengan kamu melalui telepon. Jadi themes yang sesuai dapat mewakili identitas mu.

2. Tagline yang singkat dan jelas.

Beberapa blog menggunakan banyak ruang yang di halaman pertama blog mereka dengan “ucapan selamat datang” dengan text betjalan atau yang dibuat dengan pop-up, bahkan ada pula yang menggunakan popup berkali-kali. Atau “pernyataan tentang visi & misi” yang demikian panjang, sehingga membuat para pengunjung mengantuk bahkan sebelum halaman selesai loading. Namun pernyataan tentang visi & misi bertujuan untuk menjelaskan maksud tujuan blog kamu, serta rangkuman content blog mu secara keseluruhan. Dan hal ini dapat disiasati dengan mengubah visi & misi menjadi sebuah pernyataan singkat (tagline) yang mengandung beberapa keyword penting. Yaitu buatlah satu baris kalimat singkat dan letakkan di tempat yang mudah terlihat pada halaman pertama blog kamu. Misalnya pada “Header”. Contoh, di blog dhenk[dot]com ini, aku memilih menggunakan kalimat “web master = web design + web programing”. Aku bertujuan merangkum isi blog secara keseluruhan dengan menggunakan kalimat tersebut, yaitu menjelaskan bahwa blog dhenk[dot]com berisi tentang tulisan cara mendisain blog dan cara menggunakan script pada blog. So, apa yang muncul dibenak mu saat pertama kali kamu baca kalimat itu…? Apa sama dengan yang aku maksudkan…?

3. Meletakan menu navigasi page / category.

Menu navigasi yang mudah dilihat sangat penting karena visitors benci jika harus tersesat di situs. Visitors yang frustrasi akan pergi dan tidak akan pernah kembali lagi. Lakukan langkah-langkah berikut ini untuk memastikan bahwa hal ini tidak terjadi pada blog kamu :

Navigasi yang Mudah Diakses
Menu navigasi dengan hanya menggunakan text standard lebih baik bila dibanding dengan navigasi menggunakan flash atau images, bahkan text yang menggunakan javascript sekalipun dapat menjadi kendala ketika visitor mengakses blog kita dari gadget seperti PDA, Handphone atau browser-browser non-grafik. Untuk itu, jika memang tidak diperlukan hindari penggunaan flash atau images untuk menu navigasi karena tidak semua visitor mengakses blog kita melaui PC.

Fungsi Pencarian
Visitor akan merasa senang jika mereka dapat menemukan apa yang mereka cari di blog kita dengan cepat. Untuk itu, gunakan fasilitas pencarian pada blog guna memudahkan visitor mencari apa yang mereka inginkan.

Sitemap
Sitemap berguna untuk memudahkan visitor melihat struktur blog kita secara keseluruhan dengan jelas. Dan dapat membantu visitor untuk menjelajah blog kamu lebih dalam lagi. Selain itu, spider-spider mesin pencari seperti google bot menyukai sitemap karena membantu mereka untuk mengindeks seluruh blog.

4. Singkat dan Sederhana

Visitor menginginkan blog yang dikunjunginya dapat segera memberikan informasi yang mereka harapkan. Untuk itu, halaman awal blog tidak perlu dijejali dengan banyaknya artikel, namun cukup penggalan artikel atau bahkan judul-judul artikel saja. Karena selain menghemat tempat, hal ini juga mempercepat proses loading blog kamu.

5. Customization and review

perhatikan penggunaan images

Buat tampilan blog mu berbeda dan mempunyai ciri khas dari blog-blog lain yang pernah ada. Tapi pastikan halaman pertama blog kamu harus tampil sewaktu para visitor me-loadingnya. Kamu boleh menggunakan Animasi Flash yang paling keren, namun jangan berharap para visitor akan mendownload plug-in-nya hanya karena untuk melihat animasinya. Sebagian besar dari visitor hanya ingin melihat halaman situs web cepat sewaktu loading, tampak menarik, dan berisi informasi yang berguna. Hal tersebut tidaklah berat jika kamu memenuhi tiga syarat berikut ini:

Pilih warna yang tepat:
Kombinasi warna yang tepat membuat kontras dan menegaskan poin-poin penting. Hindari penggunaan warna yang mencolok. Warna-warna link standar membuat navigasi menjadi lebih mudah.

Gunakan gambar-gambar dengan bijaksana:
Pastikan apakah gambar yang ada benar-benar meningkatkan tujuan dari situs kamu. Kebanyakan para visitor ingin membaca informasi , bukan melihat gambar-gambar indah yang hanya menambah waktu download yang tidak diperlukan saja. Jika kamu terpaksa menggunakan gambar, perhatkan size dari gambar tersebut. Karena gambar yang besar hanya akan menghabiskan space host dan menambah lama waktu loading.

Perbaiki kesalahan-kesalahan:
Hati-hati dalam penggunaan kode. Kesalahan pemberian kode HTML yang sederhana pun dapat merusak halaman kamu. Validasi kode HTML kamu melalui http://validator.w3.org Ini akan memberitahu kamu jika terdapat masalah-masalah yang terjadi pada kode. Selain itu, Validasi kode CSS kamu melalui http://jigsaw.w3.org.

Yup, kamu pasti ingin mengundang para pengunjung datang ke blog kamu, tapi yang lebih penting, kamu ingin mereka tetap berada di situ dan menjadi pelanggan kamu kan…?

So, halaman depan blog kamu adalah image awal. Buatlah seinformatif mungkin dan menimbulkan rasa ingin tahu. Buatlah blog mu menarik dimata visitor dan buat visitor merasa kangen dan ingin kembali mengunjungi blog mu. Ada masukan lain boss…? share ya, coz aku juga butuh masukan nih…