HTML Editor - Oprek oprek Blogger

Evrsoft html editor, hampir sama dengan wbloggar, windows live, tapi evrsoft lebih untuk web developer bukan untuk buat posting secara offline, cuma 9.8 mb nggak besar. Walaupun sebenarnya dengan keterbatasannya, seperti wbloggar bisa juga tapi tidak lengkap dan agak repot karena memang sebenarnya fungsinya beda.

misalnya kode yang mau dibuat tentang navbar top, kodenya adalah:

<style type="text/css">
#nav {line-height: 0.8em;
width: 100%;
float: left;
margin: 0em ;
padding: 0em;
font-family:trebuchet ms, arial, verdana;
list-style: none;
background-color: #000;
border-bottom: 0px solid #ccc;
border-top: 0px solid #ccc; }
#nav li {float: left; }
#nav li a {display: block;
padding: 8px 15px;
text-decoration: none;
font-size: 16px;color: #fff;border-right: 1px solid #fff; }
#nav li a:hover {color: #c00;background-color: #fff; }
</style>

<ul id="nav">
<li><a href="#">home</a></li>
<li><a href="#">link2 hello world !</a></li>
<li><a href="#">about</a></li>
<li><a href="#">contact</a></li>
</ul>

bagaimana secara offline bisa melihat hasil ini ?

tinggal pindahkan ke evrsoft dan lihat hasilnya.. deklarasi sudah otomatis ada di evrsoft nggak perlu ngetik lagi.

source

preview

dengan wbloggar

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title></title>

<style type="text/css">

/* kode css */

/* ]]> */
</style>
</head>
<body>

<!-- kode html -->

</body></html>

Blogger tidak bisa diedit secara offline, kalaupun harus online paling tidak bisa dilakukan dengan alat bantu, supaya cepat dan menekan tingkat kesalahan, kombinasi editor ini dengan webdeveloper toolbar dari firefox sepertinya bagus kalau terpaksa sudah di publish tapi masih harus ada sedikit perbaikan.

Kesimpulannya dua hal penting bisa dilihat disini; source code dan preview, disamping itu software ini juga memberikan contoh tentang scrollbox, beberapa layout sederhana, dan lainnya, selebihnya anda pasti bisa mengembangkannya sendiri.
Semoga membantu, selamat mencoba dan oprek-oprek.

evrsoft - download

Next-Prev di atas postingan

Navigasi next-prev di atas postingan, dari edit HTML > expand widget
pasang diantara:

... disini
<!-- posts -->
.... atau disini
<div class='blog-posts hfeed'>

<!-- posts -->
<!-- Navigasi atas -->
<div id='top-navigasi'>
<b:include name='nextprev'/>
</div>
<div class='blog-posts hfeed'>

untuk pengaturan tinggal buat
CSS-nya; padding, margin dll disesuaikan sendiri,

#top-navigasi { ... }

sebagai contoh sementara dipasang diblog lain, kalau sudah nggak ada berarti sudah di-disable, ini-kan tergantung keperluan nggak mesti.

menyembunyikan tulisan link ke posting ini atau "create link"

#backlinks-container {display:none;}

membuang status-msg

cari kode ini
<!-- posts -->
<div class='blog-posts'>

<b:include data='top' name='status-message'/>

dihapus yang warna biru atau tambahkan tanda ini, : <!-- -->

<!-- <b:include data='top' name='status-message'/> -->

Ada berapa cara untuk ini, ini cuma salah satunya, kalau cuma untuk menyembunyikan kayaknya nggak perlu repot sampai membuang kode yang sebenarnya dari edit HTML.
display:none, memang untuk menyembunyikan, bukan menghapus, mengembalikan fungsinya tinggal buang "none" nya, tinggal

{display;}

Tidak semua "class" atau "id" ini sudah ditulis dalam css dari theme blog masing-masing, harus dicari namanya dan ditambahkan sendiri, pencarian yang gampang saya pernah tulis sebelumnya tentang addons firefox web developer toolbar (screenshot), dari situ lebih gampang misalnya, di bagian tab "information" ada petunjuk tentang "display element information", display "Id and Class detail" dll.
Untuk perintah "menyembunyikan" yang lain kurang lebih sama, yang penting tahu "Class" atau "Id" -nya, silakan dikembangkan sendiri sesuai keperluan.

Sebagai catatan, untuk perubahan warna sebaiknya menggunakan "kode warna" misalnya "#C0C0C0" untuk "lightgrey", kalau menggunakan tulisan "lightgrey" misalnya, tidak semua browser support apalagi IE6.

Loading Blog Cepat

Ada beberapa cara untuk untuk meningkatkan loading halaman dengan cepat, antara lain kompresi CSS dan Javascript, atau cara lain misalnya opsi pengaturan widget.

widget blog hanya di main page:

<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id="main">
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>
<div class="widget-content">
<data:content>
</data:content>
</div>
<b:include name="quickedit">
</b:if>
</b:includable>
</b:widget>

widget blog hanya di halaman posting:

<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id="main">
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>
<div class="widget-content">
<data:content>
</data:content>
</div>
<b:include name="quickedit">
</b:if>
</b:includable>
</b:widget>

Jangan lupa untuk menutup tag </b:if>
Tambahkan kode yg berwarna biru. HTML1, HTML2 hanya contoh, pada blog lain bisa saja berarti HTML5. Pencarian widget melalui edit html, atau menggunakan firebug akan lebih gampang cukup klik kanan pada posisi widget di halaman blog, setelah tahu kodenya baru masuk ke edit html.

install page speed:
http://code.google.com/speed/page-speed/download.html

web test:
http://www.webpagetest.org/
 
Bagi pengguna wordpress, cukup install plugins Widget Context untuk opsi pengaturan widget yang harus tampil.
http://wordpress.org/extend/plugins/widget-context/installation/

Pasang Facebook Social Plugins

jenis dan keterangan lebih lanjut bisa dilihat di facebook social plugins, antara lain:

1. Activity Feed
2. Comments
3. Friendpile
4. Like Button
5. Like Box
6. Live Stream
7. Login Button
8. Recommendations

misalnya, memasang Live Stream di blog
cara pasang: login ke facebook, tulis API Keys sesuai user account http://www.facebook.com/developers/apps.php atau masuk ke Social Plugins pilih plugins yang diinginkan, App Id semestinya sudah langsung ada waktu memilih Social Plugins. XID = Id Facebook, tidak perlu diisi biarkan kosong.

kelemahan Live Stream waktu halaman di translate, sepertinya kurang kompatibel, tapi plugins masih tampil, berbeda dengan google friend connect, kalau halaman di translate widget sama sekali tidak tampil, widget yang cukup kompatibel diantaranya dari mybloglog dan blogcatalog.

memasang Live Stream di profil Facebook
install aplikasi seperti My HTML, My Stuff atau Static FBML atau aplikasi lain yang kira-kira sejenis, ukuran default lebar yang sesuai kurang lebih 250 px, di bawah ukuran ini kurang nyaman untuk mengetik, kalau mau dipasang di sidebar profil facebook, tidak mungkin 250 px pasti akan terpotong, yang paling sesuai sekitar 180 px, jadi harus membuat scrollbar sendiri atau kira-kira seperti kode dibawah ini.

Profil box, walaupun masih bisa sepertinya tidak lagi didukung oleh Facebook mulai bulan Agustus 2010, kecuali profil tabs, kabar terahir disini:

http://www.facebook.com/help/?page=1150

<div align='center'>
<div style=
"BORDER-RIGHT: #eee 2px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #eee 2px solid;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px;
OVERFLOW: auto;
BORDER-LEFT: #eee 2px solid;
WIDTH: 180px;
PADDING-TOP: 5px;
BORDER-BOTTOM: #eee 2px
SOLID;
HEIGHT: 190px">

isi kode dari live stream
....
</div></div>

screenshot

Alat Perang Blogger

Secara umum alat perang blogger yang dipakai menulis sepertinya cuma ada dua, pertama untuk memasukan gambar, dan yang kedua untuk menulis.

untuk menyisipkan gambar
ini sederhana tapi fungsional dan semua yang pakai OS Windows pasti punya, bisa untuk memotong gambar atau mengubah ukuran secara proporsional (resize), misalnya hasil save image dengan cara biasa (bukan konvert dari program yang lebih maju) 100 kb untuk file JPEG, dengan mspaint bisa turun jadi 30 kb dengan kualitas gambar yang sama, software kuno ini ternyata lumayan.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiyMG2qbfOcZySZDRjMNWuUmHYZaZQuYr2fNIY1aTc6pQtNvnGnBjNFUDszF_TVfBlRgPOxhCyf8KOcXenJXRRmdN_GY3i7w_36ej5V-L-W2HrZzUOq9dMClNZA6gimp6iAE832G0QrZY/s512/PAINT2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="paint" border="0" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiyMG2qbfOcZySZDRjMNWuUmHYZaZQuYr2fNIY1aTc6pQtNvnGnBjNFUDszF_TVfBlRgPOxhCyf8KOcXenJXRRmdN_GY3i7w_36ej5V-L-W2HrZzUOq9dMClNZA6gimp6iAE832G0QrZY/s512/PAINT2.jpg" width="471" /></a>

s72, s128, s144, s200, s320 ,s400 ,s512 ,s576 ,s640, s720, s800, s912, s1024 ,s1152 ,s1280 ,s1440, s1600. ukuran supaya gambar bisa besar / kecil tinggal mengganti kode, tapi ini juga tergantung dari lebar dan tinggi gambar, harus disesuaikan, kalau tidak sesuai biasanya gambar tidak fokus.

offline editor antara lain:
1 windows live writer, http://download.live.com/writer
2 qumana, http://www.qumana.com/
3 scribefire, http://www.scribefire.com
4 wbloggar, http://wbloggar.com/download.php

Seandainya masih kurang bisa di cari di google ini ada banyak, tidak perlu dipakai semua. Kalau untuk menulis online di blogspot, saya sendiri malah lebih sering pakai notepad, tentu saja tidak total online, sebagian di copy dari notepad, dan lebih suka menggunakan mode HTML daripada mode compose, alasannya gampang melihat kalau ada yang salah pada HTML, mode compose hanya dipakai untuk "preview" dan "insert image", atau "break" untuk "read more". Tapi kalau harus menulis offline sepertinya saya pilih wbloggar.

konyol search engine
penelusuran blog berdasarkan wilayah, cukup di edit dari profil sendiri dengan mengganti nama kota atau daerah; Bandung, Indonesia misalnya, atau Denpasar, Indonesia, setelah itu "click" Bandung kita akan ketemu blog yang berasal dari Bandung.
penelusuran ini agak susah kalau untuk mencari seseorang, karena hanya ada "previous" dan "next", jangan dibandingkan dengan di facebook. Tapi lumayan untuk memperkecil pencarian berdasar wilayah daripada tidak ada sama sekali.

Memang ada ribuan blog tapi umumnya urutan nomer pertama atau puluhan adalah blog yang baru, kalau sekarang awal Agustus, kira-kira urutan 1 sampai 100 bisa dipastikan blog baru, yang baru dibuat bulan Juli atau Juni atau sebelumnya.. 
hahaha ...secara kebetulan saya berhasil menemukan kawan lama, blog-nya baru.., saya lihat fotonya, saya akan segera kesana.

Judul posting untuk apa ?

Judul post disini adalah, kadang-kadang kita mempunyai persamaan yang hampir sama antara judul dan tema, dengan apa yang dibuat oleh orang lain, bagaimana strategi yang bagus ?
Ini bisa berarti, konten dan tema boleh sama, tapi sudut pandang penulisan bisa berbeda-beda, termasuk memberikan kredit yang pantas kepada sumber yang relevan bila diperlukan atau tidak perlu memberikan kredit apa-apa kalau memang tidak ada sumber sebagai acuan, bisa juga dengan menambahkan data pendukung yang lebih banyak, dan hal lainnya.

Tujuan lain pentingnya judul posting adalah sebagai test case, tentang variabel apa yang menjadi penyebab sebuah judul post bisa bertahan pada halaman pertama google, dalam arti alami, relevan, bukan sekedar menambahkan meta title tapi isinya sendiri tidak ada.
Dalam konteks pembahasan ini blog diasumsikan sudah terdaftar pada, google.co.id addurl, google.com addurl, atau yahoo site explorer supaya blog dikenal mesin pencari.

Judul post dengan tingkat kesulitan tinggi:

memenuhi unsur dalam google trends, pencarian seluruh dunia dan sepanjang tahun dalam batasan google, termasuk wilayah regional, dua hal ini sepertinya harus dilihat sebagai perbandingan.
topik bisa tema terkini (hard facts) tapi hanya sebagai stimulus, karena blog tidak mungkin bersaing dengan media pro, yang mempunyai jaringan yang luas yang siap up-date setiap saat.
topik boleh tidak terkini tapi masih diperlukan atau dicari, konten penyangga, utama, lebih bertahan lama.
misalnya: seperti tutorial komputer, teknik menulis jurnalistik, tentu saja keduanya sebaiknya diperbaharui seperlunya, yang semestinya dilakukan membuatnya lebih maju dari yang sudah ada.

Judul post dengan tingkat kesulitan yang lebih rendah: sama dengan unsur nomor 2 dan 3 diatas, tanpa unsur nomor 1.

Case study 1
Tingkat kesulitan tinggi, contoh kasus, judul: Hachiko, parameter: rentang waktu minat dan pencarian berdasarkan google trends, untuk semua kategori, periode waktu 2004 – 2010, penelusuran web seluruh dunia, termasuk regional Indonesia, hasilnya minat yang cukup tinggi untuk hachiko
Pencarian organik / perkiraan kata kunci yang akan diketik pada mesin pencari:
hachi, hachiko, hachiko shibuya, shibuya hachiko, hachiko japan, richard gere hachiko, hachiko akita inu, hachiko monogatari dan seterusnya.

Hasilnya; gagal, dengan mengetik berderet kata kunci diatas tidak ditemukan "hachiko faithful dog" terselip dalam daftar pencarian google, artinya gagal total, terlempar jauh pada pencarian google, jangankan halaman pertama, halaman yang ke sepuluh-pun tidak bisa dicari.

Analisa / dugaan sementara / perkiraan: menggunakan bahasa inggris untuk judul post dengan minat pencarian yang tinggi untuk kategori tingkat kesulitan tinggi, keyword "hachiko" di google akan bertemu dengan lawan-lawan berat disana, diantaranya dari You Tube (alexa #3 dunia), thread dari Kaskus (alexa #6 id), en.Wikipedia (alexa #7 dunia) , dan sederet lawan berat lainnya.
Idealnya harus diganti dengan bahasa indonesia misalnya: anjing aneh hachiko, hachiko setia, hachiko samurai , dan lainnya, itu juga bukan jaminan karena dasarnya memang sudah berat.
Hachiko Faithful Dog adalah post pertama sekaligus test case yang sangat berat, saya menyadari ini, tapi saya tetap mencoba walaupun gagal, karena ini adalah main frame dari blog ini.

Case study 2
Tingkat kesulitan moderat / rendah, contoh kasus; judul: esai sojourner
parameter: tidak termasuk google trends, dan bukan konten utama (berdaya tahan lama) sekaligus ini menjadi kelemahan.
asumsi kata kunci yang akan diketik pada mesin pencari; essay, essay sojourner, sojourner truth, esai, sojourner.
Hasilnya: berhasil, minimal sampai pada tanggal hari ini saat post ini dibuat.
analisa: kata kunci "essay" atau "esai" dikecualikan karena ini sudah termasuk kategori tingkat kesulitan yang tinggi (masuk dalam daftar google trends dengan penetrasi yang tinggi).

Kenapa berhasil ?
Essay sojourner bukan termasuk google trends, kecuali sojourner, tapi tingkatannya masih jauh dibawah keyword "hachiko", sojourner hanya popular di Amerika.
Bagaimana supaya bisa masuk menjadi bagian dari keyword sojourner ? judulnya diganti dengan "esai sojourner" untuk menurunkan tingkat kesulitan dan dapat ditemukan pada dua keyword yang berbeda, arah pembahasan juga berubah, bukan sosok Sojourner atau Valerie (sebagai penulis) yang akan diutamakan tapi "esai" itu sendiri yang akan maju ke depan.
Untuk bisa masuk dengan kuat dan dikenal dalam kata kunci "sojourner", juga menggunakan salah satu cara lain; penggalan post ini di publish melalui "Lintas Berita" (alexa #31 id) dan berhasil dikenal pada halaman pertama google. Dengan demikian untuk pencarian web dengan tiga kata kunci; sojourner, essay sojourner, atau esai sojourner, semuanya menjadi relevan (google.co.id).

Perkiraan / kesimpulan ahir:
Apakah ini merupakan jaminan untuk mendapat lalu-lintas yang keras ? tidak ada jaminan, ini hanya salah satu cara teknis supaya bisa berada pada halaman pertama hasil pencarian google dengan beberapa kata kunci

"Keyword" yang masuk pada halaman pertama pencarian google tidak ada hubungan yang kuat dengan peringkat alexa atau PR google mungkin ini semua hanya akan bertindak sebagai "booster", atau baru berfungsi kalau ingin mencapai tingkat kesulitan yang tinggi, itu-pun harus dilakukan dengan memakai kata kunci yang tepat tidak boleh asal jadi.
Hubungan yang sangat kuat justru pada google trends itu sendiri, apakah tingkat kesulitannya tinggi atau rendah ?, kata kunci yang tepat, attribute pada gambar, teknik penulisan SEO, huruf miring, cetak tebal, meta diskripsi dan lainnya. Yang perlu diketahui bahwa ini semua hanyalah percobaan, tidak ada bukti yang valid.

Web Developer: Firefox Addons

Addons yang perlu dicoba, untuk yang masih suka merubah atau mengedit template blog. Kalau hanya sekedar menggeser header, main wrapper, menentukan posisi sidebar yang tepat, atau membuang border line, bisa dikerjakan secara offline sekaligus langsung kelihatan hasilnya, terutama bagi yang masih menggunakan klasik blogger template. Fungsinya memang lebih sederhana dibandingkan dengan web developer yang lain, tapi cukup bagus untuk kategori addons dengan jumlah file yang kecil.

Yang diperlukan cukup install Web Developer dan Web Developer Toolbar. Percobaan dengan dengan firefox 3.6.3 cukup kompatibel, keterangan lebih lanjut bisa dilihat di addons.mozilla.org, pada tautan dibawah.

Bagi saya sendiri sebenarnya tidak ada masalah dengan template blogspot klasik, tapi dalam diskusi pada beberapa forum, navbar blogspot klasik, juga kotak komentar pada blogspot ini diduga menjadi salah satu penyebab penilaian errror dari validitas W3C, sementara fungsi ini masih diperlukan tidak mungkin dibuang.

Kalau masih kurang puas bisa digabungkan dengan fungsi lain yang ada pada dynamicdrive, memang bukan addons firefox tapi juga lumayan untuk dicoba.

Ref.
https://addons.mozilla.org/en-US/firefox/addon/60
http://chrispederick.com/work/web-developer/issues
http://chrispederick.com/forums/viewforum.php?id=12
http://www.dynamicdrive.com
http://www.w3schools.com/css/default.asp

Blogspot No Valid

Mengurangi error pada klasik blogspot template

1. alt attribute
<img alt=' 'src='http://www.blogger.com/img/widgets/subscribe-yahoo.png'/> (salah)
<img alt='subscribe' src='http://www.blogger.com/img/widgets/subscribe-yahoo.png'/> (benar)

tambahkan fungsi "alt" dalam posting maupun pada; edit html > expand widget, cari semua, termasuk pada icon, tulis, yang penting ada tulisan, banyak orang bilang ini penting supaya gambarnya bisa dibaca robot google, mengabaikan ini berarti tidak dibaca robot google. Dari sudut pandang W3C (World Wide Web Consortium), ini bukan soal robot, kesalahan ini adalah ERROR !

2. middle
<img align='absmiddle'....... (salah)
<img align='middle'...........(benar)
<img align='middle' alt='feedIcon' class='feed-icon' expr:src='data:feedIconImg'/> (benar)

dalam kasus ini hanya dikenal: top, bottom, middle, right, left 

3. comment not terminated
/* Headings
----------------------------- */ (salah)
/* Content
----------------------------- */ (salah)
/* Headings */ (benar)
/* Content */ (benar)

4. quickedit
<b:include name='quickedit'/> (dihapus)
<b:include data='post' name='postQuickEdit'/> (dihapus)

Biasanya muncul setelah ada pemasangan widget baru, jadi harus masuk edit html lagi dan hapus "quickedit" seperti diatas secara manual, juga uncheck "show quick editing" dari page elements > posting blog > edit, ini sekaligus menghilangkan logo "obeng" di blogspot. Lihat juga widget error, pada post sebelumnya. Pemeriksaan blog pada W3C validator, banyak javascript dan CSS yang tidak valid, mungkin ini penyebab sumber kekacauan semua. Kalau anda mengerti anda bisa memperbaiki kesalahan widget atau template, tapi saya tidak mengerti, jadi saya hapus.

Ref:
http://validator.w3.org
http://nibbler.silktide.com
http://theyoboo.blogspot.com/2008/07/validating-blogspot-template.html
http://diagrammes-modernes.blogspot.com/2006/05/validating-blogger-page.html
http://blogs.msdn.com/ie/archive/2008/06/10/introducing-ie-emulateie7.aspx

W3C dan Blogspot

Validasi Blog di W3C
Waktu membuat blog, saya berpikir yang penting tinggal nulis, baik atau jelek, dikenal google atau tidak itu soal nomer dua, ternyata tidak segampang itu. Saya harus berpikir sebelum menulis, apa yang harus dipikir ?

Pertama harus berpikir untuk memilih template,
standar template dari blogspot menjadi pilihan dengan asumsi fast loading, desain standar tidak menjadi masalah, ini sudah bagus untuk ukuran saya. Mungkin pada waktunya saya mempertimbangkan untuk mengganti, sementara sudah cukup.

Kedua, waktu melihat layout-nya langsung tidak cocok, asumsinya walaupun sederhana semestinya tidak berarti miskin teknologi. Kenyataannya memang benar, harus menambah atau membongkar beberapa bagian misalnya element di bawah header, berhasil. Walau-pun untuk membaginya menjadi dua bagian gagal, percobaan dianggap selesai. Berlanjut ke bagian bawah, kode yang saya dapat bisa membagi menjadi tiga kolom footer untuk widget, dengan kolom horizontal yang panjang ditambah dengan satu kolom untuk teks, cukup senang dan memuaskan.

Ketiga, ini masalah yang paling berat ternyata template standar dari blogspot tidak lulus validasi W3C dan terlambat untuk mengantisipasinya. Kalau tahu dari awal seperti ini, besar kemungkinan hanya membuat satu post, untuk kemudian melakukan berbagai percobaan supaya lulus W3C. Ini menjadi penting karena saya termasuk orang yang memperhatikan dan perduli error atau tidaknya suatu mesin.

Sampai hari ini masih ada errors sekitar 100, dengan 90 warning. Saya juga belum tahu cara terbaik untuk mengatasi kesalahan ini, XHTML maupun javascript adalah hal yang awam. Perbaikan terbatas trial and errors. Kalau ada template blogspot dengan standar W3C mungkin lebih baik diganti semua.

kalau berminat memeriksa validasi blog,
masuk kesini dan tulis alamat blog:

http://validator.w3.org

hasil dibawah ini masih akan selalu berubah-ubah, karena masih melakukan percobaan, bisa lebih besar atau lebih kecil.
screenshot errors di blog ini:

post updated: 13 May 2010

Rasanya sulit mengurangi kesalahan lebih kecil, suatu saat mungkin akan membuat post, tentang menurunkan tingkat kesalahan "template blogspot klasik" terhadap validasi dari W3C, tapi kalau sampai 0 errors sepertinya tidak bisa. Pada awalnya blog ini mempunyai 470 errors dengan 100 lebih peringatan, sudah dicoba untuk dikurangi tapi masih saja salah. Kalau anda punya pengalaman sama, saya harap anda mau berbagi disini.

post updated 14 May 2010:

hati-hati memilih "widget", jangan error, contoh gambar di bawah ini waktu halaman di translate, widget tidak bisa dimuat, kesalahan ini waktu diperiksa di W3C tidak menambah atau mengurangi hasil validitas W3C, tapi tetap ini adalah salah.

Ini yang benar, walaupun tidak stylish, tapi tidak error, sesuaikan dengan keinginan, cari yang sesuai, sementara pakai ini dulu karena benar. Walaupun loading cepat tapi tetap yang terlama dibandingkan yang lain, jadi di tempatkan pada paling bawah, Ini dari blogger widgets

Website Aneh: diskusi

"Website saya banyak di-kritik bahwa website itu: kuno, jelek dll, saya terima dengan lapang dada. Website itu merupakan hasil karya saya dan merupakan sebuah kenangan manis yang dibuat secara autodidak hanya dengan bantuan buku Manual MS Frontpage 2000"

Tulisan di atas ini adalah kutipan yang diambil dari basukipramana blogspot.com. Kemarin 29 April saya surfing di internet, dan seperti biasa tanpa sengaja masuk ke blog yang belum dikenal, karena merasa tertarik dengan topiknya ikut berkomentar.

Pembicaraannya seputar desain webblog, pada intinya bahwa, pada dasarnya antara saya dan dia sama saja, bedanya blog menurut saya adalah: yang penting bisa di akses dengan cepat, "karena akses internet saya lambat".

Untuk lebih jelasnya bagaimana diskusi kemarin bisa melihat langsung ke sumbernya, kalau belum dihapus, di: basukipramana.blogspot.com

Malamnya penasaran dan langsung surfing di internet, web desain yang jelek sebenarnya apa ?

www.noupe.com, Ini adalah alamat yang dijadikan sebagai sumber karena datanya cukup banyak, sekitar 80 lebih rasanya website resmi dari pemerintah sebuah negara yang tidak lepas dari kritikannya. Yang baik saja masih dengan catatan, apalagi yang jelek.

Penilaiannya lebih banyak ke desain, termasuk diantaranya navigasi halaman, penempatan gambar, waktu muat halaman, arti simbol, dan lainnya, bukan berbicara SEO atau SERP.

Karena contohnya banyak, di bawah ini diambil dua saja yang sepertinya paling aneh, yang pertama dari website resmi pemerintah Afika Selatan:

www.gov.za ini adalah gambar website resmi pemerintah Afrika Selatan, 29 April 2010, yang dilingkari garis merah kelihatan bahwa web hanya fokus dengan menggunakan resolusi layar 800 x 600, sementara resolusi layar saya 1024 x 768 pixels, akibatnya posisi gambar tidak bisa tepat di tengah, tapi cenderung ke sebelah kiri, ini adalah contoh aneh untuk ukuran website resmi suatu negara.

Yang kedua, website dari pemerintah Inggris, www.direct.gov.uk, sampai pada hari ini, 1 May 2010, masih terlihat bahwa web resmi pemerintah Inggris tidak seperti pada umumnya, tidak ada "tanda" atau simbol "bender" atau tulisan "UK" pada halaman depan. Mungkin mereka mau bilang "saya berbeda, jangan samakan dengan yang lain !", barangkali.

Judul yang di pasang di atas adalah website aneh bukan website jelek. Menurut pendapat saya kedua web ini yang paling aneh di antara 87 website yang dikritik oleh noupe.com

Khusus untuk dua contoh ini, tidak begitu yakin bahwa untuk ukuran sebuah negara tidak bisa membangun web resmi dengan baik, tapi saya percaya kalau mereka tidak perduli tentang citra negara melalui website, bahkan lebih percaya lagi kalau mereka sengaja lain daripada yang lain supaya websitenya di akses, atau melihat feedback dibelakangnya.

Dengan kata lain saya ingin mengatakan kepada basukipramana blogspot com, bahwa tidak perlu takut untuk menjadi aneh, setidaknya anda punya dua teman yang aneh.