1. Theme
Theme yang disediakan di dalam layanan blog biasanya adalah theme terpilih dari sekian banyak theme yang ada di internet. Anda bisa saja menggunakan theme dari luar untuk blog anda di blogspot, namun theme yang bisa anda pilih dari dalam blogspotnya sendiri sebenarnya sudah cukup baik untuk anda. Baik dari sisi kompabilitas, responsif, dan mendukung
SEO. Sementara jika anda adalah penguna wordpress, theme yang diambil dari katalog resmi wordpress akan secara rutin mendapat update. Jika theme yang anda gunakan adalah theme dari luar layanan blog, anda belum tentu mendapat keuntungan ini.
Beberapa hal yang bisa dipertimbangkan :
- Trend theme (trend 2014 adalah theme blog design flat)
- Responsivitas theme
- Jenis blog (text blog, photo blog, magazine blog)
- Tema blog (yang bisa berpengaruh pada warna blog, jenis font, dll)
2. Widget
Sama seperti theme, banyak sekali widget yang bisa anda gunakan untuk mempercantik blog anda. Namun mengisi blog dengan banyak widget akan memperlambat proses loading website anda, apalagi jika widget tersebut diambil dari luar layanan blognya.
Beberapa hal yang bisa dipertimbangan :
- Semakin sedikit widget, semakin cepat loading blog
- Fungsi widget (widget jam misalnya, tidak perlu ada karena semua orang yang membuka blog anda jelas sudah memiliki jam di komputer atau smartphone nya)
- Music widget (semua orang memiliki lagu favoritnya sendiri, tidak udah paksa pengunjung blog anda untuk mendengarkan lagu favorit anda)
3. Font
Sejak meluncurkan interface baru untuk dashboardnya, anda yang menggunakan platform blog blogspot dapat mengganti semua font yang ada dalam blog anda dengan font yang anda pilih. Mulai dari font standar seperti Arial, Tahoma, dan Verdana, sampai font yang rumit sedemikian rupa. Tidak salah anda menggunakan font apapun untuk blog anda, namun belum tentu pembaca anda akan menyukai juga font tersebut. Jika anda ingin mengganti font bawaan theme, pastikan agar font penggantinya lebih mudah untuk dibaca daripada font sebelumnya.
Beberapa hal yang bisa dipertimbangkan :
- Target blog (Gunakan font standar untuk website info dan berita, font comic sans untuk blog curhat misalnya)
- Perbandingan besar kecil antara font yang satu dengan font yang lain
- Semakin sedikit font yang digunakan dalam suatu blog, semakin cepat loadingnya
4. Flash
HTML5 dikabarkan akan menjadi pengganti kuat dari flash yang berat dan membutuhkan waktu loading yang tidak sedikit. Namun saat ini masih banyak website yang didalamnya memiliki komponen flash. Mungkin widgetnya, mungkin iklannya, atau mungkin keseluruhan website itu sendiri adalah flash.
Saran : Minimalisasi semua widget yang merupakan widget flash. Jika keseluruhan blog adalah flash, ganti layanan blog anda, karena saat ini Google belum bisa meng-index flash.
5. Iklan
Semakin banyak website yang memiliki target untuk mendapatkan uang dari internet, maka dipasangkan banyak script iklan diwebsitenya. Sayangnya, banyak sekali yang dalam menempatkan iklan tersebut tidak memperhatikan design blognya sendiri. Mulai dari iklan pop up, hingga jebakan klik. Menggunakan iklan dengan cara semacam ini bisa membuat anda di banned dari layanan iklan yang anda ikuti, juga dapat merusak design cantik blog anda yang mengakibatkan larinya pengunjung.
Berikut beberapa hal yang bisa dipertimbangkan :
- Ikuti aturan Google Adsense (maksimal 3 iklan dalam satu halaman)
- Jangan gunakan iklan pop up atau mengambang
- Letakkan iklan pada spot yang mudah dilihat dan diakses pengunjung
Kelima poin diatas dapat menjadi arahan untuk semua pemilik blog atau website dalam men-design blog nya dengan mudah. Yang harus diingat, tampilan blog tidak harus penuh dengan segala pernak-pernik kesukaan pribadi, karena belum tentu pengunjung yang datang membutuhkan segala pernak-pernik tersebut :)
Tips dan trik desain web yang efektif
Pertama aturan bahwa setiap desainer web harus mengikuti adalah untuk membuat situs web loading cepat. Anda mungkin memiliki desain besar tapi sangat sedikit orang akan melihatnya jika itu membutuhkan waktu lama untuk load. Sementara merancang sebuah situs web selalu berpikir tentang berapa lama waktu yang dibutuhkan untuk memuat. Cobalah tips kami untuk membangun sebuah situs web yang bagus cari yang juga beban cepat.
Minimalkan penggunaan gambar - Kunci untuk sebuah situs web loading cepat adalah untuk meminimalkan penggunaan gambar. Gambar lakukan meningkatkan halaman tetapi tidak membuat 80% dari situs web Anda hanya gambar. Sebaliknya memecahnya sebanyak mungkin untuk HTML sederhana. Perhatikan situs populer seperti Yahoo, Google, Ebay, Amazon dll, mereka memiliki sangat sedikit gambar karena waktu buka yang lebih penting. Sangat sering desain sederhana adalah yang terbaik.
Optimalkan gambar untuk web - Sekali Anda telah memutuskan pada gambar yang Anda butuhkan di situs Anda, pastikan bahwa itu dioptimalkan untuk web. Mereka harus dalam gif atau format jpeg. Anda juga dapat memperkecil ukuran gambar dengan memilih jumlah warna yang Anda butuhkan, dari palet warna. Semakin sedikit warna yang Anda pilih, semakin sedikit ukuran gambar. Anda juga dapat menggunakan alat-alat online seperti Gif Wizard untuk mengoptimalkan gambar Anda atau mendapatkan rekomendasi tentang bagaimana untuk mengurangi ukuran gambar.
Gunakan Tabel kreatif - Anda bisa mendapatkan beberapa desain tampak besar dengan menggunakan tabel kreatif. Tabel beban sangat cepat karena hanya kode HTML. Tabel dapat digunakan dalam homepage, menu atau di mana saja Anda suka. Lihat homepage kami dan menu kami untuk melihat bagaimana kita telah menggunakan tabel dalam situs kami.
Kurangi penggunaan gifs animasi - Jangan gunakan gifs animasi kecuali jika diperlukan.Gifs animasi membutuhkan waktu lama untuk memuat dan juga bisa sangat menjengkelkan.Tapi karena mereka menarik perhatian Anda, Anda bisa menggunakan gifs animasi kecil untuk menarik perhatian pengunjung ke bagian tertentu dari situs Anda.
Desain ikon sederhana - Alih-alih menggunakan besar, gambar besar menggunakan ikon sederhana dan kecil yang menambah sedikit warna dan menarik perhatian pengunjung.Kami telah menggunakan ikon kecil di homepage kami untuk menyorot bagian utama dari situs kami.
Gunakan gambar latar belakang bukan gambar besar bila memungkinkan - Gunakan gambar latar belakang bila memungkinkan. Hal ini biasanya tip yang sangat berguna untuk header dan footer. Alih-alih menggunakan gambar lebar 580 yang merupakan desain seragam Anda dapat menggunakan hanya bagian dari itu sebagai mengisi latar belakang. Hal ini mengurangi ukuran halaman web sebagai gambar kecil. Kode akan terlihat seperti ini:
<tr background="/images/header_backgroud.gif" width="100%">
Cobalah CSS Styles - Bersenang-senang dengan gaya CSS untuk mendapatkan beberapa efek teks keren. Sekali lagi, Style CSS adalah kode HTML sederhana sehingga beban sangat cepat. Anda dapat membuat rollover keren menggunakan CSS Styles.
Rollover teks pada menu kanan untuk melihat bagaimana kita telah menggunakan CSS Styles untuk mendapatkan efek teks sederhana tapi bagus.
Lihat kami CSS Styles tutorial untuk tips lebih keren pada CSS Styles
Cobalah efek teks rollover keren menggunakan CSS style sheet. Potong dan paste kode yang disediakan.
CSS Styles adalah cara sederhana dan cepat untuk membuat situs Anda terlihat baik. Dalam tutorial ini Anda akan belajar bagaimana membuat rollovers teks keren.
Caranya adalah dengan menggunakan satu: gaya melayang-layang! Jika Anda bekerja dengan Dreamweaver langkah-langkah untuk mengikuti diberikan di bawah ini:
Dalam style sheet Anda pilih New
Selanjutnya, pilih Gunakan CSS selector
Pada menu drop down pilih a: hover
Akhirnya, Tentukan gaya Anda. Anda dapat memilih font, warna, bold, underline dll
Kau melakukannya! Sangat mudah dan cepat dan benar-benar keren!
Copy script dibawah :
<style type="text/css">
<!-- a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #990000} -->
</style>
Teks Efek Rollover di tempat tertentu situs Anda :
Langkah 1: Paste kode ini di antara tag di bawah
<style type="text/css">
<!--
.links { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003399}
.links:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF8B22; text-decoration: none}
-->
</style> |
Langkah 2: Pilih gaya link untuk link. Contoh dari kode yang diberikan di bawah ini:
| <a href="link.htm" target="_parent" class="links">Entheos</a> |
Gunakan Flash hemat - Tampaknya ada banyak hype tentang Flash tapi saya sarankan bahwa Anda meminimalkan penggunaan Flash di situs. Jangan membuat seluruh situs yang menggunakan Flash. Ini mungkin terlihat besar, tetapi dibutuhkan jam untuk memuat dan benar-benar dapat menunda pengunjung. Jika Anda ingin menggunakan Flash menggunakannya dalam situs HTML dan pastikan itu beban cepat.
Desain yang paling dari situs Anda dalam HTML - Sebisa mungkin mencoba untuk merancang situs Anda menggunakan HTML. Anda dapat membuat desain besar dengan hanya menggunakan kode HTML. Gunakan tabel, CSS Styles dan font sederhana untuk merancang situs Anda. Minimalkan penggunaan gifs animasi, Flash, gambar besar dll.
Tetap memeriksa waktu beban Anda - Last but not least, sebelum Anda memutuskan pada desain akhir situs web Anda, memeriksa waktu beban pada NetMechanic. Situs ini memberikan analisis bebas dari situs web Anda yang sangat berguna. Kami terus menggunakannya untuk meningkatkan situs kami sampai kami mendapat laporan yang mengatakan waktu pembukaan yang baik!
Kami belajar tips ini sambil membangun situs web kami. Kami telah menikmati berbagi dengan Anda dan berharap bahwa Anda menemukan mereka berguna.
No comments:
Post a Comment