1 HTML5 Overview►► URL : http://wwdq.blogspot.com/2011/04/html5-overview.html.

HTML5 adalah revisi yang sedang dibangun oleh konsorsium W3C untuk dimasukkan sebagai perubahan besar berikutnya pada standar HTML. Sebagaimana pendahulu sebelumnya yaitu: HTML 4.01 dan XTHML 1.1, HTML5 adalah sebuah standar untuk menstrukturkan dan menampilkan isi pada World Wide Web. Standar ini memperkenalkan fitur baru seperti memutar video serta drag and drop, Sebelumnya fitur ini bergantung pada plugins pihak ketiga di penjelajah web seperti Adobe Flash dan Microsoft Silverlight.

Markup

Pada HTML 5 diperkenalkan beberapa elemen baru dan atribut yang merefleksikan tipikal penggunaan website modern. Beberapa diantaranya adalah pergantian yang bersifat semantik pada blok yang umum digunakan: yaitu elemen (<div>) dan inline (<span>), sebagai contoh (<span>) (sebagai blok navigasi website) dan <footer> (biasanya dikaitkan pada bagian bawah suatu website atau baris terakhir dari kode html). Banyak elemen lain yang memberikan kegunaan baru melalui antar muka yang telah distandarkan, seperti elemen multimedia <audio> dan <video>. Beberapa elemen yang telah ditinggalkan juga ditiadakan, termasuk elemen presentasi semata seperti <font> dan <center>, yang sebenarnya dapat dikerjakan menggunakan Cascading Style Sheet (CSS).
Kunjungi dev.w3.org/html5/markup/ untuk full lists HTML5 Markup

APIs Baru

Untuk menambah keluwesan pemformatan, pada HTML5 telah dispesifikasikan pengkodean application programming interfaces (APIs). antarmuka document object model (DOM) yang ada dikembangkan dan fitur de facto didokumentasikan. Beberapa APIs terbaru pada HTML5 antara lain :

• Elemen canvas, sebagai mode untuk menggambar object dua dimensi (2D). Lihat spesifikasi 1.0 untuk canvas 2D.
• Timed media playback
• Media penyimpanan luring (aplikasi web luring). Lihat Web Storage
• Penyuntingan dokumen
• Drag-and-Drop
• Cross-document messaging
• Manajemen sejarah kunjungan penjelajah web
• Tipe MIME dan penanggung jawab protokol registrasi.

Tidak semua teknologi di atas dimasukkan pada spesifikasi HTML5 W3C, meski teknologi tersebut telah termaktub dalam spesifikasi milik WHATWG HTML. Beberapa teknologi yang juga terkait namun tidak dijadikan bagian dalam spesifikasi HTML5 W3C dan WHATWG HTML5 adalah :

• Geolocation
• Web SQL Database, media penyimpanan database lokal.
• API Database terindeks, mode penyimpanan hierarkis key-value (WebSimpleDB).

Perbedaan dengan HTML 4.01 dan XHTML 1.x

Berikut disajikan beberapa contoh perbedaan yang spesifik.

• Aturan baru saat melakukan parsing berorientasi pada towards dan kompatibilitas; tidak berbasis pada SGML
• Kemampuan untuk mendukung format SVG dan MathML pada text/html
• Elemen baru: article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen,mark, meter, nav, output, progress, rp, rt, ruby, section, source, summary, time, video, wbr
• Tipe baru pada kontrol form : dates and times, email, url, search, color
• Atribut baru: ping (pada elemen a and area), charset (pada meta), async ([ada script)
• Atribut global (atribut berikut dapat diterapkan pada setiap elemen html) : id, tabindex, hidden, data-* (atribut data kustom)
• Selain dapat bernilai GET atau POST, elemen attribut
  kini telah mendukung nilai PUT dan DELETE. (Sebagai contoh kasus lihat Representational State Transfer)
• Elemen yang telah deprecated secara bersamaan akan dihapus : acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex,noframes, s, strike, tt, u
Kunjungi dev.w3.org untuk melihat pembaharuan draft terkini antara HTML5 dan HTML4.

Apakah browser anda telah mendukung HTML5 ? silahkan kunjungi link berikut untuk mengetahuinya :
• http://diveintohtml5.org/detect.html
• http://detectmybrowser.com/

Source :
http://cipulaida.wordpress.com/2011/03/22/html5-overview/

Bila Kurang Jelas, silakan bertanya dibawah ini .

→ read more. . . ►► HTML5 Overview.

2 Belajar HTML atau Hypertext Markup Language►► URL : http://wwdq.blogspot.com/2011/04/belajar-html-atau-hypertext-markup.html.

 HTML  atau Hypertext Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Sebenarnya, dokumen HTML hanyalah sebuah dokumen teks biasa dan disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu yang digunakan untuk mengatur format tampilan suatu dokumen.  HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer data atau document yang  berformat HTML dari web server ke browser (Internet Explorer, FireFox, Netscape Navigator, NeoPlanet, dll). Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web.
Untuk membuat halaman HTML cukup memerlukan notepad yang telah disediakan oleh windows. Namun sekarang telah banyak software untuk mengolah halaman web. Tidak hanya HTML. Tetapi juga mendukung PHP, JavaScript, ASP, dll.Tidak usah banyak basa-basi, sekarang kita mulai saja membuat HTML awal

Dalam penggunaannya, sebagian besar kode HTML harus terletak di antara tag kontainer. Yaitu diawali dengan dan diakhiri dengan (terdapat tanda "/"). Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai berikut:

<html>

<head>

<title>Judul Website</title>

</head>

<body>Isi Dari Web</body>

</html>

<html> .. </html> Mendefinisikan bahwa teks yang berada diantara
kedua tag tersebut adalah file HTML.
<head> .. </head> Sebagai informasi page header. Di dalam tag ini kita
bisa meletakkan tagtag
TITLE, BASE, ISINDEX,
LINK, SCRIPT, STYLE & META.
<title> .. </title> Sebagai titel atau judul halaman/form. Kalimat yang
terletak di dalam tag ini akan muncul pada bagian
paling atas browser Anda (pada title bar).
<body> .. </body> Mendefinisikan teks beserta formatnya yang hendak
ditampilkan sebagai isi halaman web. Di dalam tag ini
bisa diletakkan berbagai page attribute seperti
bgcolor, background, text, link, vlink, alink,
leftmargin dan topmargin.

# Untuk membuat halaman HTML, anda bisa memakai software Dreamweaver, NotePad ++, ataupun software lain untuk membuat website.

Selamat Belajar Dan Mencoba

Bila Kurang Jelas, silakan bertanya dibawah ini .

→ read more. . . ►► Belajar HTML atau Hypertext Markup Language.

67 Kode HTML IFRAME Untuk Menampilkan Isi Halaman Web Lain►► URL : http://wwdq.blogspot.com/2011/04/kode-html-iframe-untuk-menampilkan-isi.html.

Apasih Iframe itu? iframe  adalah merupakan salah satu kode HTML yang berfungsi untuk dapat menampilkan isi halaman dari web ataupun blog lain pada blog atau web yang kita pasang Kode Iframe | <iframe> tersebut. cara pemasangannya sangat begitu sederhana. anda hanya perlu kode dibawah ini :

<iframe src="http://Url-halaman-yang-ingin-ditampilkan.com/halaman.html" border="0" framspacing="0" marginheight="0" marginwidth="0" vspace="0" hspace="0" frameborder="0" height="100%" scrolling="yes" width="100%"></iframe>

Keterangan :

Width = lebar : Berfungsi Untuk Mengatur lebar IFRAME dalam pixel atau persen
Height = tinggi : Berfungsi Untuk Mengatur tinggi IFRAME dalam pixel atau persen
Frameborder =  garis pembatas : Berfungsi untuk memberi garis pembatas
Scrolling = auto/yes/no : Berfungsi untuk memberi atau tidak memberi scrolling pada iframe
Iframe SRC = url yg ingin di tampilkan  : Berfungsi untuk mencari halaman sumber yang ingin di tampilkan pada iframe.

Contoh nya ni :

Tidak Ada Kata Terlambat Untuk Saling Berbagi ^_^

Selamat Mencoba

Bila Kurang Jelas, silakan bertanya dibawah ini .

→ read more. . . ►► Kode HTML IFRAME Untuk Menampilkan Isi Halaman Web Lain.

2 Membuat Refresh►► URL : http://wwdq.blogspot.com/2011/04/membuat-refresh.html.

Fungsi refresh di gunakan untuk membuat “penyegaran” kembali halaman blog ataupun website. Fungsi refresh ini sama dengan fungsi refresh yang ada pada browser internet, perbedaannya yaitu fungsi ini di buat bekerja secara otomatis, yakni pengguna tidak perlu menekan tombol refresh yang ada pada tool bar.

Untuk membuatnya cukup dengan hanya membubuhkan kode di bawah ini :

<meta http-equiv="refresh" content="10"/>

Simpan kode di atas antara <head> .... </head>

sedikit uraian kode diatas, content="10" --> angka sepuluh menunjukan bahwa proses refresh akan di lakukan dalam rentang waktu 10 detik. Jadi sebaiknya angka ini di set jangan terlalu cepat karena bisa menimbulkan kejengkelan kepada para pembaca apabila terlalu cepat di refresh.

Fungsi refresh selain untuk menyegarkan kembali halaman-halaman blog, ada fungsi lain yang juga cukup menarik, yakni berfungsi sebagai Redirect dari satu URL addres ke URL addres yang lain. Ini berfungsi jika anda ingin membawa pengunjung blog atau situs anda ke alamat situs yang anda inginkan. Agar lebih jelas, saya ambil salah satu contoh. Ada teman saya sudah lama nge blog, dan setelah sekian lama kemudian dia membuat situs baru. Jadi blog yang lama tidak ingin di aktifkan lagi (di non aktifkan). Nah selain memakai cara meninggalkan pesan bahwa alamat situs atau blog sudah pindah alamat, alangkah baiknya kita memakai fungsi Refresh yang di setting secepat mungkin yakni waktu refresh di set 0 (nol) detik. Jadi apabila ada pengunjung yang mengunjungi alamat blog tersebut akan secara otomatis di bawa langsung ke alamat baru yang di inginkan.

Fungsi Redirect ini bisa di buat dengan kode : 

<meta http-equiv="refresh" content="0;URL=tulis alamat URL tujuan di sini"/>

Source : Kolom Tutorial

Bila Kurang Jelas, silakan bertanya dibawah ini .

→ read more. . . ►► Membuat Refresh.

0 Cara Membuat Text Area►► URL : http://wwdq.blogspot.com/2011/04/cara-membuat-text-area.html.

Pasti sudah pada tahu dong sobat blogger apa itu text area. Agar lebih Manstrab, jelasin dahulu apa itu text area?. Text Area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.

Untuk membuat text area, silahkan anda Copy kode di bawah ini : 

<p align="center"><textarea name="code" rows="4" cols="16"> Tulis text ataupun kode-kode yang anda inginkan di sini. </textarea></p>

Hasilnya :

<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini. </textarea></p>

Keterangan : rows="4", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 4 tadi dengan angka yang lebih tinggi nilainya.

Cols="16", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 16 " tadi dengan angka yang lebih tinggi nilainya.

Text Area dengan memakai HighLight

Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah : 

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Tulis Text anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

Hasil:

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah elemen kode untuk membuat text area.

Elemen tombol highlight All :

   1. <div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.


   2. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.


   3. Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.


Element text area :

   1. <p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
   2. <text style="WIDTH: 300px">-->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:700px;"


   3. HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.

Bila Kurang Jelas, silakan bertanya dibawah ini .

→ read more. . . ►► Cara Membuat Text Area.

10 Cara Memasang Flash (.swf) di Blog atau Web►► URL : http://wwdq.blogspot.com/2011/04/cara-memasang-flash-swf-di-blog-atau.html.

Seperti judul diatas, pada postingan WwdQ tanggal 02/April/2011 akan menunjukan cara memasang flash(.swf) diblog atau web . Nah sebelum memulai pembahasan, untuk apasih flash diblog? Flash digunakan untuk mempercantik tampilan, atau pun juga digunakan untuk periklanan. Langsung saja salin kode dibawah :

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="160" height="200">
<param name="movie" value="http://URL-FLASH.com/file.swf" />
<param name="quality" value="high" />

<param name="wmode" value="transparent" />

<embed src="http://URL-FLASH.com/file.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="160" height="200" ></embed>
</object>

Keterangan

• Warna Pink : Alamat file flash (.swf) yang telah diupload

• Warna Merah : Untuk background transparan (kalau tidak mau transparan, hapus kode yang berwarna merah

• Warna Biru : Untuk mengatur lebar dan tinggi flash. widht = Lebar | height = Tinggi  

Bila Kurang Jelas, silakan bertanya dibawah ini .

→ read more. . . ►► Cara Memasang Flash (.swf) di Blog atau Web.

0 Link Biasa, New Tab, Dan Banner►► URL : http://wwdq.blogspot.com/2011/03/link-biasa-new-tab-dan-banner.html.

Link adalah sebuah teks atau gambar,yang bila di click akan membawa anda pada dokumen web lain. Untuk membuat link tidaklah rumit.
Sebuah link biasanya punya warna yang beda dengan text yang lain,dan bila pointer di dekatkan ,akan berubah menjadi telunjuk tangan. Misalkan ini World Web Design Q

Link Biasa
<a href="http://URL-TUJUAN.com">Nama-Link</a>

Link Dengan New Tab (membuka Halaman Baru)
<a href="http://URL-TUJUAN.com" target="_blank">Nama Link</a>

 Link Gambar (banner) :
<a href="http//URL-TUJUAN.com:"><img src="http://alamat-gambarnya.com/gambarku.jpg></a>

Bila Kurang Jelas, silakan bertanya dibawah ini .

→ read more. . . ►► Link Biasa, New Tab, Dan Banner.

0 Membuat Tombol Spoiler►► URL : http://wwdq.blogspot.com/2011/03/membuat-tombol-spoiler.html.

Tombol spoiler yaitu tombol yang di gunakan untuk menampilkan atau menyembunyikan suatu obyek. Bisa sebuah gambar,video,ataupun text biasa.

Spoiler di maksudkan agar tampilan suatu web/blog lebih ringkas dan lebih nyaman di lihat.
Secara default, spoiler akan menyembunyikan obyek. Tetapi jika tombol di click maka objek akan tampil. Lihat Contoh di Bawah :

Spoiler:

Taruh kode atau text yang akan di sembunyikan di sini

Langsung saja dicoba, ni scriptnya gan :

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Taruh kode atau text yang akan di sembunyikan di sini

<br>
</div>
</div>
</div>

Bila Kurang Jelas, silakan bertanya dibawah ini .

→ read more. . . ►► Membuat Tombol Spoiler.

1 Pasang Energy Saving (Hemat Energy) di Blog►► URL : http://wwdq.blogspot.com/2011/03/pasang-energy-saving-hemat-energy-di.html.

http://www.onlineleaf.com/ Penyedia fitur ini. Fitur ini memberikan cara yang berfungsi penuh dan sederhana untuk membantu website yang Anda jalankan menghasilkan energi lebih sedikit. Ia menyembunyikan animasi berat, serta widget-widget yang banyak.

Ketika pengunjung anda tidak aktif, maka fitur akan menampilkan Standby Screen, dengan teks "Energy saving mode".

Hal ini sangat mudah untuk ditambahkan ke situs Web atau blog dalam beberapa detik.

Masuk ke dashboard Blogger Anda -> Desain -> Edit HTML.

Anda tidak perlu untuk mengklik pada "Expand Template Widget".

Gulir ke bawah ke tempat anda melihat tag </head> dari template Anda.
Lalu Copy kode di bawah ini dan paste tepat sebelum tag </head>.

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

Bila Kurang Jelas, silakan bertanya dibawah ini .

→ read more. . . ►► Pasang Energy Saving (Hemat Energy) di Blog.

5 Pasang Favicon Diblogspot►► URL : http://wwdq.blogspot.com/2011/03/pasang-favicon-diblogspot.html.

Favourite Icon atau yang lebih dikenal dengan favicon adalah gambar kecil yang tampil pada tab browser internet Anda. Dengan adanya favicon ini, maka website atau blog akan memiliki ikon khusus sesuai dengan image yang dipasang oleh empunya.

Blogspot atau Blogger memiliki tampilan favicon asli dengan huruf B, namun kita dapat mengganti favicon tersebut dengan favicon yang kita kehendaki. Berbagai langkah yang mesti kita lakukan untuk menampilkan favicon ini adalah:

    *

      Sediakan gambar terlebih dahulu dalam format apa saja, kemudian upload pada image hosting seperti photobucket.com imageshack.com atau berbagai layanan hosting lainnya. Bila mengupload gambar pada photobucket.com sebaiknya ukuran gambar di bawah 300px. Sebaiknya sediakan gambar dengan ukuran yang lebih kecil.
    *

      Selanjutnya silakan login ke Dasbor Anda di blogspot, buka menu Tata Letak atau Layout, kemudian pilih Edit HTML.
    *

      Pada jendela Edit HTML, letakkan kode berikut ini di antara tag <head> dan </head>. Kodenya adalah:

      <link href='http://URL-GAMBARMU.com/favicon.ico' rel='icon' type='image/x-icon'/>

Atau

<link href='http://URL.com/favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

      Silakan ganti tulisan berwarna biru atau merah dengan alamat image yang Anda upload. Sebaiknya letakkan gambar di atas tag </head>. Jika sudah selesai, jangan lupa disimpan perubahan. Semoga tips cara pasang favicon ini bisa berhasil.

Bila Kurang Jelas, silakan bertanya dibawah ini .

→ read more. . . ►► Pasang Favicon Diblogspot.

0 Cara Penggunaan Meta Tag►► URL : http://wwdq.blogspot.com/2011/03/cara-penggunaan-meta-tag.html.

Penggunaan Meta Tag
Untuk meningkat trafic web site anda, hal yang tak kalah pentingnya adalah mengenai cara penggunaan meta tag. Meta tag itu berupa:

Titel atau judul web site anda <title></title>
Title web site itu berupa tajuk utama yang berkaitan dengan isi pada body page website anda.
Contoh: <title>World Web Design Q </title>

Desicription
adalah ringkasan description yang ada pada body page atau halaman web site anda
Contohnya: <meta name="description" content="Salah satu nilai lebih dari suatu website adalah terdaftar pada search engine populer sehingga mudah ditemukan dan tentu saja akan mendatangkan traffic yang lebih besar.
">

Keyword
Keyword atau kata kunci adalah potongan suku kata yang menjadi suku kata penting yang terkait antara description dan title web site.
Contohnya: <meta name="keywords" content="search engine, search engine populer, web site ">

Robots
Koding tag seperti <meta name="robots" content="index,follow"> ada kaitan dengan sebuah file yaitu file yang diberi nama robots.text

Bila Kurang Jelas, silakan bertanya dibawah ini .

→ read more. . . ►► Cara Penggunaan Meta Tag.

3 Dofollow Dan Nofollow►► URL : http://wwdq.blogspot.com/2011/03/dofollow-dan-nofollow.html.

Pengertian Nofollow
Dari wikipedia nofollow didefinisikan:
nofollow adalah atribut HTML nilai digunakan untuk menginstruksikan mesin pencari hyperlink beberapa yang tidak seharusnya mempengaruhi peringkat target link dalam indeks mesin pencari. Hal ini dimaksudkan untuk mengurangi efektivitas beberapa jenis spam mesin pencari, sehingga meningkatkan kualitas hasil mesin pencari dan mencegah spamdexing dari terjadi.

Secara sederhana, ketika Anda menggunakan link nofollow berarti ketika mesin pencari akses halaman dan melewati link tersebut, dia tidak akan menelusuri lebih jauh link tersebut. Karena tidak ditelusuri lebih jauh, maka link tersebut tidak berpengaruh terhadap jumlah backlink dan juga tidak berpengaruh dengan pemeringkatan.

Pengertian Dofollow
Anda tidak menemukan dofollow di wikipedia? Sebaiknya Anda perlu tahu, karena sebenarnya tidak ada tag dofollow. Ini hanya istilah untuk membedakan dengan link nofollow. Ketika Anda membiarkan link Anda dofollow, maka ketika mesin pencari membaca halaman Anda dan menemukan link tersebut, ia akan menelusuri lebih jauh link tersebut sehingga mesin pencari menghasilkan sebuah laporan, dalam hal ini berkaitan dengan jumlah backlink dan pertimbangan pemeringkatan.

Penulisan Nofollow
Ketika Anda menambahkan link pada postingan Anda, maka link tersebut otomatis tercetak sebagai link dofollow. Untuk mengubahnya, silahkan tulis seperti berikut:
<a href='tujuanlink' rel='nofollow'>nama link</a>


Tidak Ada Penulisan Untuk Rel=Dofollow
Seperti saya tulis di atas, sebenarnya tidak ada rel dofollow. Itu hanya istilah untuk membedakan saja dengan link nofollow. Oleh karena itu tidak ada penulisan untuk link dofollow. Link yang ditulis tanpa rel nofollow sudah berarti itu dofollow.
<a href='tujuanlink'>nama link</a>

Penambahan rel=dofollow pada link, misal seperti berikut ini adalah percuma.
<a href='tujuanlink' rel='dofollow'>nama link</a>
Jadi, misal ketika Anda mencoba melakukan spam paksa di komentar blog lain dengan menambahkan dofollow, maka hal itu sia-sia. Baca lengkap di Blog Juragan di artikel berjudul Teknik Spam yang Sia-sia.

Mengapa Blog ini Nofollow?
Blog dengan banyak sekali artikel tentu lebih sulit untuk mengelola tiap postingan bahkan tiap komentar. Sebuah blog yang bagian komentar tidak di set nofollow, akan sangat berbahaya, karena bisa saja pada kotak komentar ditanami banyak link rusak atau link terlarang. Belum lagi raja-raja spam yang menyisipkan banyak link yang sama di satu halaman. Ini bisa memperburuk SEO, atau kemungkinan paling buruk adalah Blog ditendang Google.

Bila Kurang Jelas, silakan bertanya dibawah ini .

→ read more. . . ►► Dofollow Dan Nofollow.

0 Tempat Hosting Favicon Yang Baik►► URL : http://wwdq.blogspot.com/2011/03/tempat-hosting-favicon-yang-baik.html.

Mengganti ikon blog, adalah salah satu upaya agar blog kita tampak lebih Proffesional. Blog yang dibuat di blogspot, maka standartnya menggunakan ikon blogger untuk favicon. Namun, Anda bisa menggantinya sendiri. Tapi hati-hati, kadang ada beberapa masalah misalnya...



1. Anda ingin favicon Anda rancangan Anda sendiri di corel atau photoshop, namun Anda kebingungan mencari tempat host file favicon yang berekstensi .ico (tinypin dan imageshack bukan tempat upload favicon)
2. Anda menggunakan jasa host favicon atau favicon generator seperti pada artikel membuat favicon dengan scrool text. Tapi perlu diingat, favicon hasil dari favicon generator seperti itu hanya bertahan beberapa saat dan akan hilang setelah beberapa hari. Jadi, sebaiknya Anda host sendiri favicon Anda...

Berikut adalah 5 tempat rujukan untuk hosting favicon Anda...

• Oogletoogle
• SholImages
• PicPanda
• ImageBoo
• CDMazika

Semoga bermanfaat dan silahkan dicoba... Salam Blogger....

Selengkapnya di www.MasDoyok.co.cc Tempat Hosting Favicon (.ico) Yang Baik

Sumber : MasDoyok

Bila Kurang Jelas, silakan bertanya dibawah ini .

→ read more. . . ►► Tempat Hosting Favicon Yang Baik.

0 HTML color code►► URL : http://wwdq.blogspot.com/2011/03/html-color-code.html.

In making changes to your blog template or HTML codes, we often want to change the colors on our blog in accordance with the desired shades. HTML color code is usually followed by #, as in example # ffffff (meaning the code is white.)

The following table HTML Color Code:

Warna	Kode Warna	Warna RGB
	#000000	rgb(0,0,0)
	#FF0000	rgb(255,0,0)
	#00FF00	rgb(0,255,0)
	#0000FF	rgb(0,0,255)
	#FFFF00	rgb(255,255,0)
	#00FFFF	rgb(0,255,255)
	#FF00FF	rgb(255,0,255)
	#C0C0C0	rgb(192,192,192)
	#FFFFFF	rgb(255,255,255)

Nama Warna	Kode Warna	Warna
AliceBlue	#F0F8FF
AntiqueWhite	#FAEBD7
Aqua	#00FFFF
Aquamarine	#7FFFD4
Azure	#F0FFFF
Beige	#F5F5DC
Bisque	#FFE4C4
Black	#000000
BlanchedAlmond	#FFEBCD
Blue	#0000FF
BlueViolet	#8A2BE2
Brown	#A52A2A
BurlyWood	#DEB887
CadetBlue	#5F9EA0
Chartreuse	#7FFF00
Chocolate	#D2691E
Coral	#FF7F50
CornflowerBlue	#6495ED
Cornsilk	#FFF8DC
Crimson	#DC143C
Cyan	#00FFFF
DarkBlue	#00008B
DarkCyan	#008B8B
DarkGoldenRod	#B8860B
DarkGray	#A9A9A9
DarkGrey	#A9A9A9
DarkGreen	#006400
DarkKhaki	#BDB76B
DarkMagenta	#8B008B
DarkOliveGreen	#556B2F
Darkorange	#FF8C00
DarkOrchid	#9932CC
DarkRed	#8B0000
DarkSalmon	#E9967A
DarkSeaGreen	#8FBC8F
DarkSlateBlue	#483D8B
DarkSlateGray	#2F4F4F
DarkSlateGrey	#2F4F4F
DarkTurquoise	#00CED1
DarkViolet	#9400D3
DeepPink	#FF1493
DeepSkyBlue	#00BFFF
DimGray	#696969
DimGrey	#696969
DodgerBlue	#1E90FF
FireBrick	#B22222
FloralWhite	#FFFAF0
ForestGreen	#228B22
Fuchsia	#FF00FF
Gainsboro	#DCDCDC
GhostWhite	#F8F8FF
Gold	#FFD700
GoldenRod	#DAA520
Gray	#808080
Grey	#808080
Green	#008000
GreenYellow	#ADFF2F
HoneyDew	#F0FFF0
HotPink	#FF69B4
IndianRed	#CD5C5C
Indigo	#4B0082
Ivory	#FFFFF0
Khaki	#F0E68C
Lavender	#E6E6FA
LavenderBlush	#FFF0F5
LawnGreen	#7CFC00
LemonChiffon	#FFFACD
LightBlue	#ADD8E6
LightCoral	#F08080
LightCyan	#E0FFFF
LightGoldenRodYellow	#FAFAD2
LightGray	#D3D3D3
LightGrey	#D3D3D3
LightGreen	#90EE90
LightPink	#FFB6C1
LightSalmon	#FFA07A
LightSeaGreen	#20B2AA
LightSkyBlue	#87CEFA
LightSlateGray	#778899
LightSlateGrey	#778899
LightSteelBlue	#B0C4DE
LightYellow	#FFFFE0
Lime	#00FF00
LimeGreen	#32CD32
Linen	#FAF0E6
Magenta	#FF00FF
Maroon	#800000
MediumAquaMarine	#66CDAA
MediumBlue	#0000CD
MediumOrchid	#BA55D3
MediumPurple	#9370D8
MediumSeaGreen	#3CB371
MediumSlateBlue	#7B68EE
MediumSpringGreen	#00FA9A
MediumTurquoise	#48D1CC
MediumVioletRed	#C71585
MidnightBlue	#191970
MintCream	#F5FFFA
MistyRose	#FFE4E1
Moccasin	#FFE4B5
NavajoWhite	#FFDEAD
Navy	#000080
OldLace	#FDF5E6
Olive	#808000
OliveDrab	#6B8E23
Orange	#FFA500
OrangeRed	#FF4500
Orchid	#DA70D6
PaleGoldenRod	#EEE8AA
PaleGreen	#98FB98
PaleTurquoise	#AFEEEE
PaleVioletRed	#D87093
PapayaWhip	#FFEFD5
PeachPuff	#FFDAB9
Peru	#CD853F
Pink	#FFC0CB
Plum	#DDA0DD
PowderBlue	#B0E0E6
Purple	#800080
Red	#FF0000
RosyBrown	#BC8F8F
RoyalBlue	#4169E1
SaddleBrown	#8B4513
Salmon	#FA8072
SandyBrown	#F4A460
SeaGreen	#2E8B57
SeaShell	#FFF5EE
Sienna	#A0522D
Silver	#C0C0C0
SkyBlue	#87CEEB
SlateBlue	#6A5ACD
SlateGray	#708090
SlateGrey	#708090
Snow	#FFFAFA
SpringGreen	#00FF7F
SteelBlue	#4682B4
Tan	#D2B48C
Teal	#008080
Thistle	#D8BFD8
Tomato	#FF6347
Turquoise	#40E0D0
Violet	#EE82EE
Wheat	#F5DEB3
White	#FFFFFF
WhiteSmoke	#F5F5F5
Yellow	#FFFF00
YellowGreen	#9ACD32

source: Marchsya

→ read more. . . ►► HTML color code.

0 HTML (Hyper Text Markup Language)►► URL : http://wwdq.blogspot.com/2011/03/html-hyper-text-markup-language.html.

HTML, which stands for HyperText Markup Language, is the predominant markup language for web pages. HTML is the basic building-blocks of webpages.

HTML is written in the form of HTML elements consisting of tags, enclosed in angle brackets (like ), within the web page content. HTML tags normally come in pairs like

and

. The first tag in a pair is the start tag, the second tag is the end tag (they are also called opening tags and closing tags).

The purpose of a web browser is to read HTML documents and compose them into visual or audible web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page.

HTML elements form the building blocks of all websites. HTML allows images and objects to be embedded and can be used to create interactive forms. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. It can embed scripts in languages such as JavaScript which affect the behavior of HTML webpages.

Web browsers can also refer to Cascading Style Sheets (CSS) to define the appearance and layout of text and other material. The W3C, maintainer of both the HTML and the CSS standards, encourages the use of CSS over explicitly presentational HTML markup.

→ read more. . . ►► HTML (Hyper Text Markup Language).