Banyak sekali, SEO Contest yang bisa anda ikuti baik tingkat lokal maupun tingkat internasional, contoh SEO Competation yang sedang berlangsung saat ini atau bahkan baru saja dimulai hari ini (26 Juli 2011) yaitu TOP 1 SEO Championship 2011 yang diselenggarakan oleh perusahaan oli TOP 1 Indonesia, adapun kontes ini memiliki persyaratan khusus dan ketat dalam penilaiannya, salah satunya yaitu mentarget kata kunci “TOP 1 Oli Sintetik Mobil-Motor Indonesia“, penulis sendiri mencoba mengikuti kontes ini dengan mensubmit artikel diblog http://blog.wahyuwardana.com/top-1-oli-sintetik-mobil-motor-indonesia/ yang nantinya bertujuan dapat membidik kata kunci yang sedang di lombakan.

Itu merupakan salah satu contoh, sebagai ajang menguji kemampuan dan sebagai latihan anda dalam memdalami bidang SEO ini, cobalah dan berlatih terus untuk mengasah kemampuan anda dalam optimasi website. Semoga tulisan ini bisa menjadi motivasi dan informasi bagi Anda.

Boks menyediakan Editor Visual untuk CSS Framework Blueprint dengan sistem GRID-nya. Dengan editor visual yang disediakan, dapat dengan mudah menyetting konfigurasi grid, baseline rhythm, css, html layout sampai pada proses export hasil css dan html layoutnya.

Berikut ini adalah tampilan UI dari Boks.

(Lihat ukuran asli/besar, Klik kanan pada gambar – View Image)

Konfigurasi Boks

Screenshot implementasi Boks pada salah satu klien Adhamweb oleh AdhaMajalah

(Lihat ukuran asli/besar, Klik pada gambar)

Hasil generate Boks melalui proses Export akan menghasilkan files:

• output.html
• grid.png (dalam implementasi nyata file ini tidak perlu dipakai)
• ie.css
• print.css
• screen.css

Source dari file output.html yang merupakan hasil dari HTML Layouting dengan basis CSS blueprint framework (ie.css, print.css, screen.css) dapat dilihat di screenshot ini:

Jadi untuk Anda yang gemar menggunakan Blueprint CSS Framework dengan sistem Grid, tools ini bisa menjadi alternatif dalam mempermudah dan mempercepat pembuatan HTML Layout dengan CSS. Selamat mencoba. (Review by Doddy Wirawan)

Sumber dan download:

Boks: http://toki-woki.net/p/Boks/
Kebutuhan sistem: membutuhkan instalasi Adobe Air.

Berikut ini ada tips sederhana untuk mendapatkan backlink yang berkualitas dengan mudah yaitu dengan ‘menaruh’ link website atau blog anda di website atau blog milik orang lain yang memiliki rangking halaman atau PageRank minimal 3.  Bagaimana caranya ? silakan ikuti tips ringan berikut ini.

1. Sebelum memulai melakukan optimasi OffPage ini yaitu salah satunya adalah mencari backlink, pastikan dulu website atau blog anda sudah teroptimasi secara OnPage, artinya website anda secara internal harus benar-benar teroptimasi.
2. Carilah website atau blog yang memiliki PageRank 3 keatas, yaah jika kesulitan, mulai dari PageRank 1 gpp dehh. Setelah itu carilah artikel dimana anda bisa memberikan komentar dan meninggalkan link website anda. Usahakan website/blog  tersebut juga berkaitan temanya dengan website anda.
3. Pastikan apakah link website yg akan ditinggalkan dalam komentar tersebut sifatnya nofollow atau dofollow, untuk mengeceknya gunakan add-ons plugin Firefox, contoh anda bisa memakai NoDoFollow plugin. dan juga pastikan pemilik website mengijinkan menaruh link website atau blog anda.
4. Isilah komentar dan masukkan juga link website anda, dalam mengisi komentar sebaiknya lakukan secara natural artinya jangan melakukan Spam atau komentar yang tidak relevan dengan artikel yang akan anda komentari. Berilah komentar yang sifatnya diskusi yg berkaitan dengan artikel yg dibahas, jangan cuma sekedar komentar yang berisi pujian semata .
5. Selesai, tunggu hingga pemilik website menyetujui komentar anda untuk ditampilkan, syukur jika auto-approved. Untuk hasilnya ? abaikan dan lupakan saja, yang terpenting anda sudah meninggalkan jejak, sehingga jika nanti robot spider mesin pencari mengunjungi blog dimana anda meninggalkan link website/blog anda, maka robot spider akan mengikuti (follow) ke blog/website anda, ini artinya website/blog anda dianggap bermutu dan relevan, ini yang akan meningkatkan popularitas website anda.

Demikian tips sederhana untuk mendapatkan Backlink, tulisan ini akan selalu kami update/revisi jika diperlukan untuk dapat memperbaiki kesalahan yang anda, oleh karena itu ikuti terus artikel menarik dan bermutu di Adhamajalah. Tips lain yang berkaitan dengan optimasi website dan blog yaitu 10 Tips Mengarahkan Pengunjung Web untuk Melakukan Interaksi. atau selengkapnya bisa simak di Serba-Serbi Optimasi Website

IconSweets2 adalah koleksi lengkap icon yang terdiri lebih dari 400+ icon dalam ukuran 64×64 dan 32×32, dan lebih dari 292 icon ukuran 16×16. Icon yang disediakan dibuat dalam format vector Photoshop.

Yang pasti icon-icon ini gratis dapat digunakan untuk komersial atau non-profit dan bahkan dibolehkan untuk mengeditnya.

Download koleksi iconnya di situs http://iconsweets2.com/

Login Interface

Pattern Tap lahir dari cinta untuk desain antarmuka terbaik di web. Di sini merupakan tempat di mana kita bisa dengan mudah menemukan sumber inspirasi yang kita cari, karena terkadang kita menghabiskan waktu untuk melakukan pencarian melalui search engine – halaman demi halaman- namun yang kita dapatkan sangat minim sekali dan tidak sesuai dengan harapan.

Inilah latar belakang Pattern Tap dibuat, Pattern Tap di sini untuk memuaskan dan mendorong inspirasi kebutuhan interface (antarmuka) untuk web. Ketika inspirasi Anda buntu, maka Pattern Tap adalah tempat yang tepat untuk dikunjungi.

Source: http://patterntap.com

Hosting merupakan salah satu faktor yang sangat menentukan kualitas akses website Anda, oleh karena ada beberapa hal yang perlu diperhatikan dalam memilih hosting untuk website Anda diantaranya sebagai berikut;

1. Layanan Support Teknis

Dengan dukungan layanan support teknis yang handal 24 jam dan berpengalaman, kenyamanan dan keamanan data website anda akan benar-benar menjadi prioritas. Jika terjadi masalah dengan website anda yang berhubungan dengan hosting, maka anda akan merasa nyaman dilayani dengan team support teknisnya, dengan team support yg mudah dihubungi melalui chat, telpon, atau email, ini akan menjadi nilai lebih dari sekedar menyimpan data website di perusahaan hosting.

2. Fasilitas & Fitur

Tentu saja ini menjadi pertimbangan anda dalam memilih hosting, dengan fasilitas yg memadai dan fitur lengkap, maka anda akan diberikan kemudahan dan banyak pilihan aplikasi-aplikasi yang bermanfaat untuk mendukung website anda, tentunya fitur dan fasilitas diatas disesuaikan juga dengan kebutuhan Anda. Salah satu fitur utama adalah Back-Up Website yg mudah, ada juga fitur penting lain misal, antivirus, antispam/malware, control panel individual website dll.

3. Stabilitas dan Konektivitas Server

Faktor ini menjadi pertimbangan utama juga, karena akan menentukan stabilitas website anda, website anda akan mudah dan cepat diakses dan tidak mudah down jika server dan jaringan hosting anda stabil, hal ini dipengaruhi dari perangkat server, jaringan dan keamanan software yg digunakan oleh perusahaan hosting.

4. Profil Perusahan Hosting

Perhatikan reputasi dan kejelasan perusahaan hosting yang anda pilih, hal ini dapat dilihat dari profil perusahaan, lokasi kantor dan server, badan usaha perusahaan, alamat dan kontak yg mudah dihubungi. Tidak salah anda mendengar dari testimoni dari para pelanggannya, karena data penting website anda akan jadi taruhannya.

5. Harga

Harga menjadi pertimbangan terakhir menurut saya, jangan tergiur dengan harga murah yang ditawarkan, harga murah atau mahal tidak menjadi jaminan, perhatikan dan pertimbangkan kembali faktor-faktor sebelumnya diatas, saya yakin meskipun harga sedikit lebih mahal tapi jika kualitas dan layanan memuaskan anda, maka anda tidak akan ragu untuk membayar lebih, sekali lagi, data penting website bisnis anda akan menjadi taruhannya.

Demikian 5 tips sederhana memilih hosting untuk website anda yg bisa dijadikan pertimbangan, penulis yang juga merupakan pengelola website Adhamweb ini, menggunakan perusahaan hosting diluar negeri yg mungkin bisa dijadikan pilihan anda, khusus bagi anda yang  ingin menggunakan hosting di luar negeri yaitu Site5, Site5 adalah penyedia hosting profesional berskala internasional yang cukup layak dipertimbangkan.

Penulis: Wahyu Wardana
Web Designer & Internet Marketer

Desain dan kreatifitas yang menarik menginsipirasi setiap detik perjalanan di tahun 2011 ini.

Berikut ini daftar Desktop Wallpaper Calendar bulan Januari 2001:

Creative Chocolate

Download: 1024×768, 1280×800, 1440×900, 1680×1050, 1920×1080, 1920×1200, 2560×1440

A Handy New Year

Download: 1920×1400

On the ground

Download: 1280×800, 1440×900, 1680×1050, 1920×1200, 2560×1440

Frozen World

Download: 1024×768, 1024×1024, 1280×800, 1280×1024, 1440×900, 1600×1200, 1680×1050, 1920×1080, 1920×1200, 2560×1440

Icy Tree Smashing

Download: 800×480, 800×600, 1024×600, 1024×768, 1152×864, 1280×800, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×900, 1600×1200, 1680×1050, 1920×1080, 1920×1200, 1920×1440, 2560×1440, 2560×1600

Drupal 7 is coming

Download: 1024×768, 1280×800, 1680×1050, 1920×1200

Little Gizmo

Download: 1280×800, 1440×900, 1680×1050, 1920×1080, 2560×1440

Winter’s Warmth

Download: 1024×640, 1280×800, 1440×900, 1680×1050, 1920×1200, 2560×1600

Winter Forest

Download: 320×480, 1024×768, 1024×1024, 1280×800, 1280×1024, 1440×900, 1680×1050, 1920×1080, 1920×1200, 2560×1440

New Year, New Goals

Download: 1024×768, 1280×1024, 1440×900, 1680×1050, 1920×1080

CMYK 2011

Download: 320×480, 1024×768, 1024×1024, 1280×800, 1280×1024, 1366×768, 1440×900, 1680×10, 1920×1080, 1920×1200, 2560×1440

New life

Download: 1024×768, 1280×800, 1440×900, 1680×1050, 1920×1200

Symbol of Love

Download: 320×480, 640×480, 1024×640, 1024×768, 1280×800, 1280×1024, 1440×900, 1680×1050, 2560×1600

1. Berikan alasan untuk pengunjung untuk menggunakan situs web Anda.

Anda tidak dapat menyediakan semua pengunjung dengan segala yang mereka inginkan, tetapi Anda harus menetapkan tujuan Anda dan membuat keputusan tentang tujuan bisnis yang ingin Anda capai dan situs Anda untuk mendukungnya. Mungkin Anda dapat menyediakan segalanya di situs, namun usahakan yang paling berguna untuk sebagian besar pengunjung situs Anda.

2. Taktik desain.

Situs Anda harus menarik dan interaktif. Gunakan warna kontras tapi warna tematik dan memanfaatkan ukuran sebagai unsur yang lebih besar untuk menarik perhatian mata pertama kali. Tempatkan pengarah yang paling penting pada halaman paling atas dan di kolom tengah.

3. Gunakan kalimat aktif.

Sebuah kata-kata pengarahan/marketing secara jelas akan memberitahukan pengguna apa yang Anda ingin mereka lakukan. Anda dapat menggunakan kata-kata aktif seperti: Hubungi, Beli, Cari tahu sekarang, Daftarkan, dll

4. Buatlah sederhana.

Prioritas utama pemilik situs adalah untuk mengarahkan sebanyak mungkin pengunjung untuk mendaftar atau membeli atau memesan. Jadi, buatlah tetap sederhana dan tidak membuat pengunjung Anda berpikir terlalu banyak. Lakukan proses yang bekerja pada situs Anda sesederhana mungkin. Jangan menjadikan pengunjung Anda kesulitan dalam proses mendapatkan apa yang ia kehendaki.

5. Sederhanakan pilihan informasi.

Jangan letakkan terlalu banyak informasi di situs Anda. Terlalu banyak pilihan dapat menyebabkan pengunjung Anda malah kebingungan. Tampilkan pokok-pokok informasi saja dalam situs.

6. Arahkan pengunjung untuk bertindak di setiap halaman.

Jangan membatasi panggilan Anda untuk bertindak dengan menempatkan mereka pada homepage situs Anda. Melibatkan pengunjung dalam menggunakan situs Anda dengan panggilan baru untuk bertindak. Mereka mungkin akan berbeda pada setiap halaman tapi tidak pernah menyebabkan pengunjung ke buntu. Sebagai contoh, Anda dapat menampilkan link ke pendaftaran Anda atau halaman lain.

7. Hak ekstra pengunjung.

Memberikan hak ekstra untuk anggota yang terdaftar membuat pengunjung lebih loyal dan aktif bahkan dapat mempromosikan situs Anda ke teman-teman. Contoh hak ekstra adalah seperti fitur untuk melihat beberapa link yang dibutuhkan atau bahkan diskon dan hadiah untuk menggunakan jasa atau membeli item, menginformasikan mereka tentang segala sesuatu yang terjadi di situs Anda.

8. Media sosial.

Pengunjung harus bisa mengikuti situs Anda pada jaringan sosial populer seperti Facebook, Twitter, Buzz, dll. Hal ini juga akan membantu anda untuk mempopulerkan situs Anda dan mengkonversi lebih banyak pengunjung. Ingatlah untuk menempatkan tanda Sign Up atau Bergabung pada posisi yang mudah dilihat dan ditemukan.

9. Bookmark.

Aktifkan bookmark situs Anda. Hal ini akan meningkatkan kesempatan untuk mengunjungi situs Anda terus-menerus. Tetapi jangan pernah lupa bahwa sebuah situs tidak akan sukses tanpa konten yang berguna dan berkualitas.

10. Non-stop update.

Buatlah situs Anda “hidup” dengan content tambahan yang menarik dan beragam namun tetap menjaga relevansi, integritas dan tujuan Situs Anda.

Sumber: http://designmodo.com

Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.[1] CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Sejarah CSS

Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-anak (parent-child) pada setiap style. CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Setelah CSS distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.

Penulisan

Saat masuk pada bagian CSS, sering dijumpai kode sebagai berikut:

h1 {
color: #0789de;
}

Bagian pertama sebelum tanda ‘{}’ dinamakan selector, sedangkan yang diapit oleh ‘{}’ disebut declaration yang terdiri dari dua unsur, yaitu property dan value. Selector dalam pernyataan di atas adalah h1, sedangkan color adalah property, dan #0789de adalah value.

Selain itu ada tiga metode penulisan CSS atribut, yaitu :

Inline Style Sheet

CSS didefinisikan langsung pada tag HTML yang bersangkutan. Cara penulisannya cukup dengan menambahkan atribut style=”…” dalam tag HTML tersebut. Style hanya akan berlaku pada tag yang bersangkutan, dan tidak akan mempengaruhi tag HTML yang lain.

Contoh penulisan CSS dengan metode Inline Style Sheet :

<html>
<head>
<title>Contoh Bentuk Inline</title>
</head>
<body bgcolor=”#FFFFFF”>
<p id=”cth1″>
Ini adalah contoh tag P tanpadiformat menggunakan CSS </p>

<p id=”cth2″ style=”font-size:20pt”>
Tag P ini diformat dengan besar font 20 point </p>

<p id=”cth3″ style=”font-size:14pt; color:red”>
Tag P ini diformat dengan besar font 14 point, dan menggunakan warna merah </p>
</body>
</html>

Embedded Style Sheet

CSS didefinisikan terlebih dahulu dalam tag <style> … </style> di atas tag <body>. Pada pendefinisian ini disebutkan atribut-atribut CSS yang akan digunakan untuk tag-tag HTML, yang selanjutnya dapat digunakan oleh tag HTML yang bersangkutan.

Contoh penggunaan CSS dengan metode Embedded Style Sheet :

<html>
<head>
<title>Contoh Bentuk Embedded/title>
</head>
<style>
body {background:#0000FF; color:#FFFF00; margin-left:0.5in}
h1 {font-size:18pt; color:#FF0000}
p {font-size:12pt; font-family:arial; text-indent:0.5in}
</style>

<body>
<h1 id=”cth1″>Judul ini berukuran 18 dengan warna merah!</h1>
<p id=”cth2″>Tag p ini di format dengan besar font 12 point dengan tipe font Arial dan mempunyai identasi 0.5 inch </p>
<p id=”cth3″>Yang perlu diperhatikan juga bahwa body disini telah diformat dengan margin kiri 0.5 inch dan warna background biru</p>
</body>
</html>

Linked Style Sheet

Metode ini hampir sama dengan metode Embedded Style Sheet, hanya saja pendefinisian tag <style> … </style> dibuat pada berkas terpisah dari berkas HTML yang membutuhkan CSS. Kemudian berkas lain tersebut disimpan dalam format .css.

Pada berkas HTML yang akan menggunakan berkas CSS, harus dibuat tag <link> yang dituliskan di antara tag <head> … </head>.

Contoh (simpan dengan nama contoh.css) :

<style>
body {background:#0000FF; color:#FFFF00; margin-left:0.5in}
h1 {font-size:18pt; color:#FF0000}
p {font-size:12pt; font-family:arial; text-indent:0.5in}
</style>

Sifat CSS

Ada dua sifat CSS yaitu internal dan eksternal. Jika internal yang dipilih, maka skrip itu dimasukkan secara langsung ke halaman website yang akan didesain. Kalau halaman web yang lain akan didesain dengan model yang sama, maka skrip CSS itu harus dimasukkan lagi ke dalam halaman web yang lain itu.

Sifat yang kedua adalah eksternal di mana skrip CSS dipisahkan dan diletakkan dalam berkas khusus. Nanti, cukup gunakan semacam tautan menuju berkas CSS itu jika halaman web yang didesain akan dibuat seperti model yang ada di skrip tersebut.

Fakta Menggunakan CSS

Fakta Menggunakan CSS diantaranya :

• Telah didukung oleh kebanyakan browser versi terbaru, tetapi tidak didukung oleh browser-browser lama.
• Lebih fleksibel dalam penempatan posisi layout. Dalam layouting CSS, kita mengenal Z-Index untuk menempatkan objek dalam posisi yang sama.
• Menjaga HTML dalam penggunaan tag yang minimal, hal ini berpengaruh terhadap ukuran berkas dan kecepatan pengunduhan.
• Dapat menampilkan konten utama terlebih dahulu, sementara gambar dapat ditampilkan sesudahnya.
• Penerjemahan CSS setiap browser berbeda, tata letak akan berubah jika dilihat di berbagai browser
• CSS adalah layouting “Masa Depan” dengan penggabungan bersama XHTML.

http://www.hotelubud-malang.com