Kamis, 29 Juli 2010
Jumat, 23 Juli 2010
cara menampilkan kode script/HTML
Cara Menampilkan Kode Script / HTML Di Halaman Artikel
Barangkali suatu saat kita ingin menampilkan kode script atau HTML di postingan/ halaman artikel, tetapi ketika di publikasikan ternyata hasil dari kode tersebut yang tampil, bukan kode script/ HTML-nya seperti yang kita inginkan sebelumnya.
Contohnya :
Kita ingin menampilkan kode dibawah ini di halaman artikel/ postingan :
Chyardi's Blog
Ketika dipublikasikan hasilnya :
Chyardi's Blog
atau contoh lainnya kita ingin menampilkan kode dibawah ini di halaman artikel untuk tukaran link :
tetapi ketika di publikasikan hasilnya :
Chyardi's Blog
Nah, supaya yang tampil kode script-nya saja (bukan hasil dari kode tersebut), caranya sebagai berikut :
- Kita menuju alamat ini http://blogcrowds.com/resources/parse_html.php atau http://centricle.com/tools/html-entities/;
- Copy-kan atau tulis kode script/ HTML yang ingin kita tampilkan di dalam kotak Parse HTML;
- Jika sudah selesai klik tombol Parse;
- Setelah muncul hasilnya, sekarang kita copy paste hasil dari parse kode tersebut ke halaman artikel/ postingan/ halaman entri;
- Selesai.
Selain cara diatas ada juga yang menggunakan Text Area.
Contoh :
Tulis text ataupun kode script/ HTML yang mau anda tampilkan disini
Cara membuatnya cukup copy kode dibawah ini lalu letakkan ke blog anda :
Keterangan :
- Teks yang berwarna ungu merupakan teks yang muncul pada tombol, kita dapat menggantinya dengan nama lain.
- Teks berwarna merah adalah teks muncul didalam kotak, silahkan diganti dengan teks atau kode script/ HTML kita.
- Center menunjukkan posisi kotak ditengah, jika kita ingin meletakkan dikiri maka ganti dengan left atau right jika kita ingin meletak disebelah kanan.
- Width merupakan lebar kotak dan height merupakan tinggi kotak, silahkan diganti sesuai keinginan kita.
Selamat mencoba, semoga bermanfaat.
Artikel Terkait :
cara
* Solusi Hardisk Yang Tidak Dapat Di FDISK
* File Hosts Untuk Memblokir Situs Tertentu
* Cara Setting Blackberry
* Menambah Bandwidth Internet Di Windows
* Permasalahan Handphone Dan Solusinya
* Permasalahan Motherboard Dan Cara Mengatasinya
* Cara Menampilkan Kembali File Yang Disembunyikan (Dihidden) Oleh Virus
* Memperbaiki Kartu Memori (MMC) Yang Rusak
* Tips Cara update Bios
* Cara Menghilangkan Pesan Peringatan Low Disk Space
* Cara Mengatasi Low Disk Memory
* Power Led Menyala Tetapi Tidak Ada Sistem Yang Terdeteksi (Solusi Permasalahan Komputer)
* Gambar Hanya Muncul Dibagian Atas Atau Bawah Monitor (Solusi Permasalahan Komputer)
* Solusi Jika Layar Monitor Tampak Garis Horizontal Atau Vertikal (Solusi Permasalahan Komputer)
* Cara Setting GPRS, MMS, 3G/HSDPA, Dan EDGE Di Handphone TAXCO TX61 Untuk Kartu Telkomsel
* Sistem Komputer/PC Lambat Saat Mengeksekusi Data (Solusi Permasalahan Komputer)
* Windows Selalu Masuk Pada Setting Safe Mode (Solusi Permasalahan Komputer)
* Solusi Jika Komponen IDE Tidak Terdeteksi Oleh Komputer (Solusi Permasalahan Komputer)
* Cara Meringkas/Memperpendek Link URL
* Cara Menghapus Page/Halaman Blog Dari SERP
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 2)
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 1)
* Tips Mempercepat Loading Halaman Blog / Page
* Tips Cara Melindungi Artikel Dari Copy Paste
internet
* Menambah Bandwidth Internet Di Windows
* Cara Meringkas/Memperpendek Link URL
* Cara Menghapus Page/Halaman Blog Dari SERP
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 2)
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 1)
* Tips Mempercepat Loading Halaman Blog / Page
* Tips Cara Melindungi Artikel Dari Copy Paste
* Cara Membuat Tukaran Link
* Tutorial Memasang Kabel UTP Untuk Jaringan
* Kode Warna
* Tips Cara Membuat Kategori (Label) dan Menampilkannya di Blog
* Cara Menyisipkan / Menambah Gambar, Video, Audio, dan Media Pada Artikel di Wordpress
* Pilih All In One SEO Pack atau Platinum SEO Pack
* Cara Memulai Menulis / Membuat Artikel Di Wordpress
* Google Chrome 3.0 Lebih Cepat 25 Persen Dari Sebelumnya
* Cara Penggunaan All in One SEO Pack Untuk Mengoptimalkan Wordpress
* Tips Mengoptimalkan Performa Mozilla Firefox
* Tips Mempercepat Akses Internet
* Tips Cara Memasang Alexa Traffic Rank di Wordpress.Com
* Tips Mempercepat Akses Internet Via Handphone
* Tips Memproteksi Wordpress Dari Hacking
* Membuat Website Secara Offline
* AntiSpyware dan AntiVirus Yang Ringan, Cepat, dan Efektif
* Setting Time, URL, File Download Pada SQUID PROXY
tips
* Solusi Hardisk Yang Tidak Dapat Di FDISK
* File Hosts Untuk Memblokir Situs Tertentu
* Cara Setting Blackberry
* Komputer Agar Awet dan Aman
* Windows 7 32-bit atau Windows 7 64-bit
* Menambah Bandwidth Internet Di Windows
* Permasalahan Handphone Dan Solusinya
* Permasalahan Motherboard Dan Cara Mengatasinya
* Cara Menampilkan Kembali File Yang Disembunyikan (Dihidden) Oleh Virus
* Memperbaiki Kartu Memori (MMC) Yang Rusak
* Tips Cara update Bios
* Cara Menghilangkan Pesan Peringatan Low Disk Space
* Cara Mengatasi Low Disk Memory
* Power Led Menyala Tetapi Tidak Ada Sistem Yang Terdeteksi (Solusi Permasalahan Komputer)
* Gambar Hanya Muncul Dibagian Atas Atau Bawah Monitor (Solusi Permasalahan Komputer)
* Solusi Jika Layar Monitor Tampak Garis Horizontal Atau Vertikal (Solusi Permasalahan Komputer)
* Cara Setting GPRS, MMS, 3G/HSDPA, Dan EDGE Di Handphone TAXCO TX61 Untuk Kartu Telkomsel
* Sistem Komputer/PC Lambat Saat Mengeksekusi Data (Solusi Permasalahan Komputer)
* Windows Selalu Masuk Pada Setting Safe Mode (Solusi Permasalahan Komputer)
* Solusi Jika Komponen IDE Tidak Terdeteksi Oleh Komputer (Solusi Permasalahan Komputer)
* Cara Meringkas/Memperpendek Link URL
* Cara Menghapus Page/Halaman Blog Dari SERP
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 2)
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 1)
* Tips Mempercepat Loading Halaman Blog / Page
Barangkali suatu saat kita ingin menampilkan kode script atau HTML di postingan/ halaman artikel, tetapi ketika di publikasikan ternyata hasil dari kode tersebut yang tampil, bukan kode script/ HTML-nya seperti yang kita inginkan sebelumnya.
Contohnya :
Kita ingin menampilkan kode dibawah ini di halaman artikel/ postingan :
Chyardi's Blog
Ketika dipublikasikan hasilnya :
Chyardi's Blog
atau contoh lainnya kita ingin menampilkan kode dibawah ini di halaman artikel untuk tukaran link :
tetapi ketika di publikasikan hasilnya :
Chyardi's Blog
Nah, supaya yang tampil kode script-nya saja (bukan hasil dari kode tersebut), caranya sebagai berikut :
- Kita menuju alamat ini http://blogcrowds.com/resources/parse_html.php atau http://centricle.com/tools/html-entities/;
- Copy-kan atau tulis kode script/ HTML yang ingin kita tampilkan di dalam kotak Parse HTML;
- Jika sudah selesai klik tombol Parse;
- Setelah muncul hasilnya, sekarang kita copy paste hasil dari parse kode tersebut ke halaman artikel/ postingan/ halaman entri;
- Selesai.
Selain cara diatas ada juga yang menggunakan Text Area.
Contoh :
Tulis text ataupun kode script/ HTML yang mau anda tampilkan disini
Cara membuatnya cukup copy kode dibawah ini lalu letakkan ke blog anda :
Keterangan :
- Teks yang berwarna ungu merupakan teks yang muncul pada tombol, kita dapat menggantinya dengan nama lain.
- Teks berwarna merah adalah teks muncul didalam kotak, silahkan diganti dengan teks atau kode script/ HTML kita.
- Center menunjukkan posisi kotak ditengah, jika kita ingin meletakkan dikiri maka ganti dengan left atau right jika kita ingin meletak disebelah kanan.
- Width merupakan lebar kotak dan height merupakan tinggi kotak, silahkan diganti sesuai keinginan kita.
Selamat mencoba, semoga bermanfaat.
Artikel Terkait :
cara
* Solusi Hardisk Yang Tidak Dapat Di FDISK
* File Hosts Untuk Memblokir Situs Tertentu
* Cara Setting Blackberry
* Menambah Bandwidth Internet Di Windows
* Permasalahan Handphone Dan Solusinya
* Permasalahan Motherboard Dan Cara Mengatasinya
* Cara Menampilkan Kembali File Yang Disembunyikan (Dihidden) Oleh Virus
* Memperbaiki Kartu Memori (MMC) Yang Rusak
* Tips Cara update Bios
* Cara Menghilangkan Pesan Peringatan Low Disk Space
* Cara Mengatasi Low Disk Memory
* Power Led Menyala Tetapi Tidak Ada Sistem Yang Terdeteksi (Solusi Permasalahan Komputer)
* Gambar Hanya Muncul Dibagian Atas Atau Bawah Monitor (Solusi Permasalahan Komputer)
* Solusi Jika Layar Monitor Tampak Garis Horizontal Atau Vertikal (Solusi Permasalahan Komputer)
* Cara Setting GPRS, MMS, 3G/HSDPA, Dan EDGE Di Handphone TAXCO TX61 Untuk Kartu Telkomsel
* Sistem Komputer/PC Lambat Saat Mengeksekusi Data (Solusi Permasalahan Komputer)
* Windows Selalu Masuk Pada Setting Safe Mode (Solusi Permasalahan Komputer)
* Solusi Jika Komponen IDE Tidak Terdeteksi Oleh Komputer (Solusi Permasalahan Komputer)
* Cara Meringkas/Memperpendek Link URL
* Cara Menghapus Page/Halaman Blog Dari SERP
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 2)
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 1)
* Tips Mempercepat Loading Halaman Blog / Page
* Tips Cara Melindungi Artikel Dari Copy Paste
internet
* Menambah Bandwidth Internet Di Windows
* Cara Meringkas/Memperpendek Link URL
* Cara Menghapus Page/Halaman Blog Dari SERP
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 2)
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 1)
* Tips Mempercepat Loading Halaman Blog / Page
* Tips Cara Melindungi Artikel Dari Copy Paste
* Cara Membuat Tukaran Link
* Tutorial Memasang Kabel UTP Untuk Jaringan
* Kode Warna
* Tips Cara Membuat Kategori (Label) dan Menampilkannya di Blog
* Cara Menyisipkan / Menambah Gambar, Video, Audio, dan Media Pada Artikel di Wordpress
* Pilih All In One SEO Pack atau Platinum SEO Pack
* Cara Memulai Menulis / Membuat Artikel Di Wordpress
* Google Chrome 3.0 Lebih Cepat 25 Persen Dari Sebelumnya
* Cara Penggunaan All in One SEO Pack Untuk Mengoptimalkan Wordpress
* Tips Mengoptimalkan Performa Mozilla Firefox
* Tips Mempercepat Akses Internet
* Tips Cara Memasang Alexa Traffic Rank di Wordpress.Com
* Tips Mempercepat Akses Internet Via Handphone
* Tips Memproteksi Wordpress Dari Hacking
* Membuat Website Secara Offline
* AntiSpyware dan AntiVirus Yang Ringan, Cepat, dan Efektif
* Setting Time, URL, File Download Pada SQUID PROXY
tips
* Solusi Hardisk Yang Tidak Dapat Di FDISK
* File Hosts Untuk Memblokir Situs Tertentu
* Cara Setting Blackberry
* Komputer Agar Awet dan Aman
* Windows 7 32-bit atau Windows 7 64-bit
* Menambah Bandwidth Internet Di Windows
* Permasalahan Handphone Dan Solusinya
* Permasalahan Motherboard Dan Cara Mengatasinya
* Cara Menampilkan Kembali File Yang Disembunyikan (Dihidden) Oleh Virus
* Memperbaiki Kartu Memori (MMC) Yang Rusak
* Tips Cara update Bios
* Cara Menghilangkan Pesan Peringatan Low Disk Space
* Cara Mengatasi Low Disk Memory
* Power Led Menyala Tetapi Tidak Ada Sistem Yang Terdeteksi (Solusi Permasalahan Komputer)
* Gambar Hanya Muncul Dibagian Atas Atau Bawah Monitor (Solusi Permasalahan Komputer)
* Solusi Jika Layar Monitor Tampak Garis Horizontal Atau Vertikal (Solusi Permasalahan Komputer)
* Cara Setting GPRS, MMS, 3G/HSDPA, Dan EDGE Di Handphone TAXCO TX61 Untuk Kartu Telkomsel
* Sistem Komputer/PC Lambat Saat Mengeksekusi Data (Solusi Permasalahan Komputer)
* Windows Selalu Masuk Pada Setting Safe Mode (Solusi Permasalahan Komputer)
* Solusi Jika Komponen IDE Tidak Terdeteksi Oleh Komputer (Solusi Permasalahan Komputer)
* Cara Meringkas/Memperpendek Link URL
* Cara Menghapus Page/Halaman Blog Dari SERP
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 2)
* Cara Membuat Breadcrumb Navigasi Di Blogger (Seri 1)
* Tips Mempercepat Loading Halaman Blog / Page
Ilmu dasar artikel HTML
artikel html
Posted in artikel html, drag matic on July 14th, 2010 by andry666
BAB 1
PENGERTIAN WEB & HTML
World Wide Web ( WWW ) yang biasa disebut web merupakan suatu kumpulan informasi pada beberapa server komputer yang terhubung satu dengan yang lain dalam jaringan internet. Bekerja dengan web mencakup 2 hal penting yaitu sofware web browser ( browser ) dan software web server.
Hypertext Markup Language ( HTML ) adalah suatu system penulisan perintah dan formatting hypertext sederhana yang ditulis kedalam dokumen teks ASCII agar dapat menghasilkan tampilan visual yang terintegrasi. Dengan kata lain, dokumen yang dibuat dalam aplikasi pengolah kata dan disimpan ke dalam format ASCII normal sehingga menjadi homepage dengan tambahan perintah-perintah HTML. Dokumen HTML disebut markup language karena mengandung tanda-tanda tertentu yang digunakan untuk menetukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Dengan menggunakan perintah-perintah HTML memungkinkan user untuk melakukan fungsi-fungsi berikut ini :
l Menentukan ukuran dan alur teks
l Mengintegrasikan gambar dengan teks ( in-line )
l Membuat links
l Mengintegrasikan file audio dan video Membuat form interaktif
HTML lebih menekankan pada penggambaran komponen-komponen, struktur dan formatting di dalam halaman web daripada menentukan penampilannya. Sedangkan web browser digunakan untuk menginterpretasikan perintah-perintah HTML yang disisipkan ke dalam teks dan menampilkan susunan halaman ke style built-in browser dengan menggunkan font, tab, warna, garis, dan perataan teks yang dikehendaki ke komputer yang menampilkan halaman web.
Struktur penulisan pemrograman HTML yang baik pada dokumen HTML adalah penulisan tag-tag yang ditempatkan pada dokumen yang terbagi ke dalam area deskriptif dan fungsional.
Perintah-perintah HTML biasa disebut dengan tag. Tag merupakan cara untuk memodifikasi dokumen teks normal yang akan ditampilkan di dalam web browser. Tag HTML ditulis ke dalam dokumen ASCII dan menyediakan instruksi-instruksi ke browser yang berhubungan dengan formatting halaman, termasuk yang di luar tag, seperti gambar, audio, dan video. Tag HTML selalu dimunculkan sebagai suatu kata atau frase yang ditempatkan diantara tanda kurung sudut ( < > ). Isi dari tanda kurung sudut adalah perintah HTML itu sendiri. Struktur dokumen HTML terdiri dari:
1. baris yang berisi informasi versi HTML yang digunakan
2. deklarasi bagian header dengan elemen body
3. deklarasi bagian body dengan elemen body atau frameset
top
BAB 2
PENJELASAN TAG-TAG DALAM FILE HTML
A. Listing Program
< HTML >
< HEAD >
< TITLE > judul < / TITLE >
< /HEAD >
< BODY >
Perintah-perintah HTML
< / BODY >
< / HTML >
B. Penjelasan
< HTML >
< !–Tag ini merupakan inisialisasi file HTML. Setiap akan membuat web harus diakhiri dengan tag < HTML >. Untuk membedakan tag awal dan tag akhir, digunakan karakter slash ( / ) pada tag akhir, dan ditempatkan sebelum nama tag. Misalnya < / HTML >–>.
< HEAD >
< !–Tag ini merupakan pembuka dari dokumen HTML yang berisi informasi yang menjelaskan dokumen HTML–>
< TITLE >
< !–tag ini bukan merupakan bagian dari teks dokumen dan tidak boleh mengandung tag lain. Tag ini sebagai label untuk jendela dari browser–>
< BODY >
< !–tag ini memiliki atribut bgcolor ( untuk menentukan warna background ) , text ( untuk menentukan warna teks ) , size ( untuk menentukan ukuran huruf )–>
< H1 >
< !–ini adalah heading. Mulai dari h1 sampai dengan h6–>
< FONT COLOR >
< !–ini adalah tag untuk menentukan warna tulisan–>
< FONT SIZE >
< !–ini adalah tag untuk menentukan ukuran huruf–>
< FONT FACE >
< !–ini adalah tag untuk menentukan jenis huruf yang dipilih–>
< P >
< !–sebagai awal suatu paragraph. Tag ini mempunyai atribut align, seperti “left” yang membuat paragraf menjadi rata kiri, “right” yang membuat paragraf menjadi rata kanan dan “center” membuat paragraf menjadi berada di tengah–>
< BR >
< !–>menyatakan ganti baris–>
< PRE >
< !–untuk menmpilkan teks persis seperti yang diketikkan dalam HTML–>
< B >
< !–cetak huruf tebal–>
< I >
< !–cetak huruf miring–>
< U >
< !–cetak huruf dengan garis bawah–>
< SUB >
< !–ini adalah tag untuk menuliskan subscript–>
< SUP >
< !–ini adalah tag untuk menuliskan superscript–>
< TT >
< !–untuk menampilkan tulisan seperti mesin ketik–>
< CITE >
< !–untuk menampilkan teks kutipan–>
< EM >
< !–untuk memberikan penekanan pada suatu kata, biasanya dicetak miring–>
< CODE >
< !–untuk menampilakn suatu contoh kode program secara logical dan biasanya dicetak miring–>
< BLOCKQUOTE >
< !–tag ini digunakan untuk mengkuot paragraph, sehingga sedikit lebih menjorok / indent–>
< MARQUEE >
< !–untuk menampilkan teks berjalan. Marquee memiliki atribut behavior yaitu slide, alternate, dan scroll–>
< HR >
< !–tag untuk membuat garis horizontal–>
HR memiliki atribut :
r align : untuk perataan ( left / center / right )
r width : untuk menentukan ukuran tebal tipisnya garis
r noshade : untuk menghilangkan bayangan abu-abu dibawah garis
r color : untuk menentukan warna garis
< ADDRESS >
< !–untuk memberikan informasi pembuat situs web / menampilkan alamat–>
< UL >
< !–ini digunakan untuk membuat list dengan bulletizing. Di dalam tag “UL” diisi dengan tag “LI”, ditulis sebanyak list yang dibutuhkan. UL memiliki atribut tipe yaitu :
r circle ( berbentuk lingkaran )
r disc ( berbentuk bulatan penuh )
r square ( berbentuk kotak )
< OL >
< !–ini digunakan untuk membuat list dengan menggunakan nomor / bukan bullet _ _ > Di dalam tag “OL” diisi dengan tag “LI”, ditulis sebanyak list yang dibutuhkan. OL memiliki atribut tipe yang terdiri dari:
r a ( urutan secar alfabet dengan huruf kecil )
r i ( urutan secara i, ii, dan seterusnya )
r A ( urutan secar alfabet dengan huruf kapital )
< ACRONYM >
!–tag ini untuk menuliskan akronim–>
< IMG SRC >
< !–untuk menyisipkan gambar–>
top
BAB 3
MEMBUAT FORM & FRAME
3.1. FORM
Untuk membuat homepage yang interaktif, kita perlu menggunakan form. Form dapat digunakan untuk meminta input dari pengunjung tentang apapun. Baik mengisi angket, mengisi polling, mengisi guestbook juga mengisi form pembelian barang. Semua aplikasi tersebut menggunakan prinsip pembuatan form. Form selalu diawali dengan tag FORM dan ditutup dengan tag /FORM. Di antara tag pembuka dan penutup FORM tadi dapat diisi tag INPUT yang jenisnya ada beberapa macam. Formatnya seperti berikut:
keterangan:
l FORM: kata ini akan menjelaskan kepada komputer bahwa anda sedang membuat form.
l METHOD: kata ini menentukan tentang bagaimana informasi akan dikirim. Kita memilih dengan cara “POST”, artinya data langsung kita kirim begitu saja.
l ACTION: ke mana data akan dikirim. Pada form di atas kita menggunakan “simpan.php” yang berarti data akan dikirim ke alamat tersebut.
l INPUT: ini mendefinisikan bahwa kita sedang meminta input (masukan) kepada pengunjung situs.
l TYPE: ini menjelaskan jenis input yang kita minta. Di sini kita memilih jenis “text” yang akan menampilkan satu baris kotak input seperti terlihat di atas.
l NAME: yang ini berguna untuk memberikan nama kepada input ini. Kita bebas memberi nama apapun, tidak harus “nama” seperti yang tertulis di atas. NAME ini berguna untuk keperluan memproses input ini lebih lanjut.
l SIZE: ini adalah panjang kotak input di atas.
jenis-jenis (type) input yang lain adalah:
r CHECKBOX Kita dapat memilih lebih dari satu. Bentuk tag dari CHECKBOX adalah:
untuk RADIO dan CHECKBOX kita dapat memberikan pilihan awal ( tampilan default ) dengan menggunakan kata CHECKED di dalam tag INPUT.
r PASSWORD Antara text dengan password tidak ada perbedaan apapun kecuali pada password apa yang kita ketikkan ditampilkan dalam bentuk * sehingga tidak terbaca. Bentuk tag dengan type password adalah sebagai berikut
r RADIO Kita hanya diizinkan memilih satu pilihan. Berikut ini adalah bentuk perintah untuk RADIO:
VALUE digunakan untuk memberikan nilai yang isinya tergantung pilihan kita.
r RESET Apabila tombol ini diklik, maka mereset semua isian kita di form, kembali ke defaultnya. Kode untuk RESET adalah sebagai berikut:
r SUBMIT Submit adalah tombol yang apabila diklik, isian di form akan langsung dikirim menggunakan cara tergantung atribut METHOD dan ACTION di dalam tag
Berikutnya SUBMIT memiliki kode seperti ini:
r SELECT berbeda dengan RADIO dan CHECKBOX karena tidak memakai tag INPUT, tapi langsung memakai tag SELECT. Dan juga penggunaan SELECT harus ditutup dengan tag /SELECT. Sama seperti pada RADIO dan CHECKBOX, pada SELECT kita juga dapat melakukan pilihan awal ( tampilan default ), dengan menambahkan kata SELECTED pada tag OPTION seperti ini:
OPTION SELECTEDTidak ada di pilihan
r TEXTAREA Bentuk umum tag textarea adalah sebagai berikut:
Tulisan ini akan ditampilkan di dalam kotak.
Berbeda dengan text, kali ini kita tidak menggunakan tag INPUT, tetapi langsung menggunakan tag TEXTAREA. Juga sekarang kita harus menutup dengan tag . Di antara tag TEXTAREA dan tag /TEXTAREA kita dapat menuliskan apapun yang nantinya akan ditampilkan di dalam kotak yang tersedia. Atribut yang bisa kita atur di atas adalah ROWS yang akan menentukan jumlah baris dan COLS yang akan menentukan jumlah kolom. Juga ada atribut NAME yang fungsinya memberi nama, sama seperti pada input text.
3.2. FRAME
Contoh yang akan kita buat seperti berikut:
header.html
menu.html isi.html
Dalam satu layar monitor sebenarnya kita menampilkan tiga buah file yang berbeda, yaitu file judul.html, file menu.html dan file isi.html. Agak mirip dengan waktu pembahasan tabel (membuat layout halaman web), bedanya kalau tabel hanya menampilkan satu file sedangkan frame ini tiga file. Disini tidak ada tag “BODY” karena file induk memang tidak memerlukannya. Formatnya seperti berikut:
……
Atribut-atribut yang dapat digunakan:
1. BORDERCOLOR berguna untuk menentukan warna pembatas antar frame.
2. BORDER yang menentukan tebal batas antar frame.
3. ROWS berfungsi membagi bidang. Bedanya ROWS membagi menjadi beberapa baris bisa dalam persen maupun dalam pixel.
4. COLS akan membagi bidang menjadi beberapa kolom. Kita dapat menulis COLS=”30%,70%” untuk membagi bidang menjadi dua kolom berukuran (urut dari kiri) 30% dan 70%.
5. SRC adalah atribut yang utama, yaitu memanggil file yang akan mengisi frame. Pada file indeks.html, dengan atribut SRC kita telah memanggil file header.html, menu.html dan file isi.html.
top
BAB 4
CASCADING STYLE SHEET
Cascading Style Sheet ( CSS ) digunakan dalam kode HTML untuk menciptakan suatu kumpulan style yang terkadang dapat digunakan untuk memperluas kemampuan HTML. Sebagai contoh, kode HTML murni tidak memungkinkan untuk menggunakan sebuah definisi font yang diterapkan pada setiap sel dan bahkan tag pun tak berpengaruh pada sel-sel tabel. Misalnya, diinginkan untuk mengaturukuran font pada setiap sel sebesar 2. Dengan menggunakan tag semua sel harus diformat dengan menggunakan font size=”2″. Tentu saja tindakan seperti ini tidak praktis. Namun, dengan menggunakan CSS, kita hanya perlu mendefinisikan style sekali saja dan style akan berlaku untuk setiap sel dalam tabel. Kode-kode CSS:
digunakan untuk mendefinisikan style sheet dengan menggunakan CSS. Di dalam tag ini terdapat atribut “text/css”.
Komentar dalam CSS menggunakan pasangan /* dan */.
1. Mengatur font dan teks
Dalam pengaturan font dan teks, CSS mendukung sejumlah property seperti:
l Font-family = untuk menentukan nama font
Contoh: font-family:arial;
Atau bisa juga nama font yang disebutkan lebih dari satu.
Contoh: font-family:verdana,arial,Helvetica;
Yang berarti font yang digunakan adalah verdana, apabila verdana tidak ada maka akan digunakan font arial dan seterusnya.
l Font-size = untuk menentukan ukuran font
Nilai yang dapat dimasukkan dalam property ini:
xx-small = sangat kecil
x-smal = agak lebih kecil
small = kecil
medium = sedang
large = besar
x-large = agak lebih besar
xx-large = sangat besar
atau dapat juga dengan menggunakan satuan:
px = pixel in = inchi cm = centimeter mm = millimeter pt = titik pc = pica em = tinggi font en = separuh tinggi font
l Text-decoration
None = teks tidak diapa-apakan
Underline = teks digarisbawahi
Line-through = teks dicoret
Blink = teks berkedip
Overline = teks diberi garis diatasnya
Font-style = normal, italic, oblique
Text-align = left, center, right, justify
Font-weight = normal, bold, bolder, lighter
l Text-transform
None = teks tidak dikonversi
Capitalize = awal setiap kata dikonversi menjadi huruf capital
Uppercase = setiap huruf kecil akan diubah menjadi huruf capital
Lowercase = setiap huruf capital akan diubah menjadi huurf kecil
1. mengatur bingkai
l border-style
none = nilai default
solid = bentuk 2 dimensi
double = bentuk 2 dimensi
inset = bentuk 3 dimensi
outset = bentuk 3 dimensi
groove = bentuk 3 dimensi
ridge = bentuk 3 dimensi
dotted = berupa titik-titik
dashed = berupa dash
l border-width = diisi sesuai dengan keinginan kita atau bisa juga dengan satuan px ( pixel )
l border-color
aqua = 00ffff; black = 000000; blue = 0000ff; fuchsia = ff00ff; gray = 808080; green = 008000; lime = 00ff00; maroon = 800000; navy = 000080; olive = 808000; purple = 800080; red = ff0000; silver = c0c0c0; teal = 008080; yellow = ffff00; white = ffffff
1. memberi jarak
l padding-top = menentukan jarak dari tepi atas
l padding-right = menentukan jarak dari tepi kanan
l padding-bottom = mennetukan jarak dari tepi bawah
l padding-left = menentukan jarak dari tepi kiri
1. mengatur warna kita dapat mengatur warna sesuai dengan keinginan kita. Kita dapat menggunkan kode seperti disebutkan dalam border-color diatas atau bias juga dengan menuliskan langsung warna yang kita kehendaki.
2. mengatur background
cara penulisan kode background = background-image:url(gambar.jpg)
3. mengatur link
l a : link [ link yang belum dikunjungi ]
l a : visited [ link yang sudah dikunjungi ]
l a : active [ link yang sedang aktif ]
1. penggunaan atribut id dalam tag
#nama_id{property_1:nilai_1;…;property_n:linai_n;}
Nama id dapat mengandung huruf, angka, atau karakter garis bawah. Karakter petama harus berupa huruf atau karakter garis bawah
1. penggunaan kelas
.kelas{property_1:nilai_1;…;property_n:nilai_n;}
dapat mengandung huruf, angka, atau karakter garis bawah karakter pertama harus berupa huruf atau karakter garis bawah
1. tag span
Tag span dapat digunakan untuk mmeperluas kemampuan suatu style. Penerapannya dapat digunakan bersama-sama atribut style, class, dan id.
l span dengan atribut style
…
l span dengan atribut class
…
l span dengan atribut id
..
Posted in artikel html, drag matic on July 14th, 2010 by andry666
BAB 1
PENGERTIAN WEB & HTML
World Wide Web ( WWW ) yang biasa disebut web merupakan suatu kumpulan informasi pada beberapa server komputer yang terhubung satu dengan yang lain dalam jaringan internet. Bekerja dengan web mencakup 2 hal penting yaitu sofware web browser ( browser ) dan software web server.
Hypertext Markup Language ( HTML ) adalah suatu system penulisan perintah dan formatting hypertext sederhana yang ditulis kedalam dokumen teks ASCII agar dapat menghasilkan tampilan visual yang terintegrasi. Dengan kata lain, dokumen yang dibuat dalam aplikasi pengolah kata dan disimpan ke dalam format ASCII normal sehingga menjadi homepage dengan tambahan perintah-perintah HTML. Dokumen HTML disebut markup language karena mengandung tanda-tanda tertentu yang digunakan untuk menetukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Dengan menggunakan perintah-perintah HTML memungkinkan user untuk melakukan fungsi-fungsi berikut ini :
l Menentukan ukuran dan alur teks
l Mengintegrasikan gambar dengan teks ( in-line )
l Membuat links
l Mengintegrasikan file audio dan video Membuat form interaktif
HTML lebih menekankan pada penggambaran komponen-komponen, struktur dan formatting di dalam halaman web daripada menentukan penampilannya. Sedangkan web browser digunakan untuk menginterpretasikan perintah-perintah HTML yang disisipkan ke dalam teks dan menampilkan susunan halaman ke style built-in browser dengan menggunkan font, tab, warna, garis, dan perataan teks yang dikehendaki ke komputer yang menampilkan halaman web.
Struktur penulisan pemrograman HTML yang baik pada dokumen HTML adalah penulisan tag-tag yang ditempatkan pada dokumen yang terbagi ke dalam area deskriptif dan fungsional.
Perintah-perintah HTML biasa disebut dengan tag. Tag merupakan cara untuk memodifikasi dokumen teks normal yang akan ditampilkan di dalam web browser. Tag HTML ditulis ke dalam dokumen ASCII dan menyediakan instruksi-instruksi ke browser yang berhubungan dengan formatting halaman, termasuk yang di luar tag, seperti gambar, audio, dan video. Tag HTML selalu dimunculkan sebagai suatu kata atau frase yang ditempatkan diantara tanda kurung sudut ( < > ). Isi dari tanda kurung sudut adalah perintah HTML itu sendiri. Struktur dokumen HTML terdiri dari:
1. baris yang berisi informasi versi HTML yang digunakan
2. deklarasi bagian header dengan elemen body
3. deklarasi bagian body dengan elemen body atau frameset
top
BAB 2
PENJELASAN TAG-TAG DALAM FILE HTML
A. Listing Program
< HTML >
< HEAD >
< TITLE > judul < / TITLE >
< /HEAD >
< BODY >
Perintah-perintah HTML
< / BODY >
< / HTML >
B. Penjelasan
< HTML >
< !–Tag ini merupakan inisialisasi file HTML. Setiap akan membuat web harus diakhiri dengan tag < HTML >. Untuk membedakan tag awal dan tag akhir, digunakan karakter slash ( / ) pada tag akhir, dan ditempatkan sebelum nama tag. Misalnya < / HTML >–>.
< HEAD >
< !–Tag ini merupakan pembuka dari dokumen HTML yang berisi informasi yang menjelaskan dokumen HTML–>
< TITLE >
< !–tag ini bukan merupakan bagian dari teks dokumen dan tidak boleh mengandung tag lain. Tag ini sebagai label untuk jendela dari browser–>
< BODY >
< !–tag ini memiliki atribut bgcolor ( untuk menentukan warna background ) , text ( untuk menentukan warna teks ) , size ( untuk menentukan ukuran huruf )–>
< H1 >
< !–ini adalah heading. Mulai dari h1 sampai dengan h6–>
< FONT COLOR >
< !–ini adalah tag untuk menentukan warna tulisan–>
< FONT SIZE >
< !–ini adalah tag untuk menentukan ukuran huruf–>
< FONT FACE >
< !–ini adalah tag untuk menentukan jenis huruf yang dipilih–>
< P >
< !–sebagai awal suatu paragraph. Tag ini mempunyai atribut align, seperti “left” yang membuat paragraf menjadi rata kiri, “right” yang membuat paragraf menjadi rata kanan dan “center” membuat paragraf menjadi berada di tengah–>
< BR >
< !–>menyatakan ganti baris–>
< PRE >
< !–untuk menmpilkan teks persis seperti yang diketikkan dalam HTML–>
< B >
< !–cetak huruf tebal–>
< I >
< !–cetak huruf miring–>
< U >
< !–cetak huruf dengan garis bawah–>
< SUB >
< !–ini adalah tag untuk menuliskan subscript–>
< SUP >
< !–ini adalah tag untuk menuliskan superscript–>
< TT >
< !–untuk menampilkan tulisan seperti mesin ketik–>
< CITE >
< !–untuk menampilkan teks kutipan–>
< EM >
< !–untuk memberikan penekanan pada suatu kata, biasanya dicetak miring–>
< CODE >
< !–untuk menampilakn suatu contoh kode program secara logical dan biasanya dicetak miring–>
< BLOCKQUOTE >
< !–tag ini digunakan untuk mengkuot paragraph, sehingga sedikit lebih menjorok / indent–>
< MARQUEE >
< !–untuk menampilkan teks berjalan. Marquee memiliki atribut behavior yaitu slide, alternate, dan scroll–>
< HR >
< !–tag untuk membuat garis horizontal–>
HR memiliki atribut :
r align : untuk perataan ( left / center / right )
r width : untuk menentukan ukuran tebal tipisnya garis
r noshade : untuk menghilangkan bayangan abu-abu dibawah garis
r color : untuk menentukan warna garis
< ADDRESS >
< !–untuk memberikan informasi pembuat situs web / menampilkan alamat–>
< UL >
< !–ini digunakan untuk membuat list dengan bulletizing. Di dalam tag “UL” diisi dengan tag “LI”, ditulis sebanyak list yang dibutuhkan. UL memiliki atribut tipe yaitu :
r circle ( berbentuk lingkaran )
r disc ( berbentuk bulatan penuh )
r square ( berbentuk kotak )
< OL >
< !–ini digunakan untuk membuat list dengan menggunakan nomor / bukan bullet _ _ > Di dalam tag “OL” diisi dengan tag “LI”, ditulis sebanyak list yang dibutuhkan. OL memiliki atribut tipe yang terdiri dari:
r a ( urutan secar alfabet dengan huruf kecil )
r i ( urutan secara i, ii, dan seterusnya )
r A ( urutan secar alfabet dengan huruf kapital )
< ACRONYM >
!–tag ini untuk menuliskan akronim–>
< IMG SRC >
< !–untuk menyisipkan gambar–>
top
BAB 3
MEMBUAT FORM & FRAME
3.1. FORM
Untuk membuat homepage yang interaktif, kita perlu menggunakan form. Form dapat digunakan untuk meminta input dari pengunjung tentang apapun. Baik mengisi angket, mengisi polling, mengisi guestbook juga mengisi form pembelian barang. Semua aplikasi tersebut menggunakan prinsip pembuatan form. Form selalu diawali dengan tag FORM dan ditutup dengan tag /FORM. Di antara tag pembuka dan penutup FORM tadi dapat diisi tag INPUT yang jenisnya ada beberapa macam. Formatnya seperti berikut:
keterangan:
l FORM: kata ini akan menjelaskan kepada komputer bahwa anda sedang membuat form.
l METHOD: kata ini menentukan tentang bagaimana informasi akan dikirim. Kita memilih dengan cara “POST”, artinya data langsung kita kirim begitu saja.
l ACTION: ke mana data akan dikirim. Pada form di atas kita menggunakan “simpan.php” yang berarti data akan dikirim ke alamat tersebut.
l INPUT: ini mendefinisikan bahwa kita sedang meminta input (masukan) kepada pengunjung situs.
l TYPE: ini menjelaskan jenis input yang kita minta. Di sini kita memilih jenis “text” yang akan menampilkan satu baris kotak input seperti terlihat di atas.
l NAME: yang ini berguna untuk memberikan nama kepada input ini. Kita bebas memberi nama apapun, tidak harus “nama” seperti yang tertulis di atas. NAME ini berguna untuk keperluan memproses input ini lebih lanjut.
l SIZE: ini adalah panjang kotak input di atas.
jenis-jenis (type) input yang lain adalah:
r CHECKBOX Kita dapat memilih lebih dari satu. Bentuk tag dari CHECKBOX adalah:
untuk RADIO dan CHECKBOX kita dapat memberikan pilihan awal ( tampilan default ) dengan menggunakan kata CHECKED di dalam tag INPUT.
r PASSWORD Antara text dengan password tidak ada perbedaan apapun kecuali pada password apa yang kita ketikkan ditampilkan dalam bentuk * sehingga tidak terbaca. Bentuk tag dengan type password adalah sebagai berikut
r RADIO Kita hanya diizinkan memilih satu pilihan. Berikut ini adalah bentuk perintah untuk RADIO:
VALUE digunakan untuk memberikan nilai yang isinya tergantung pilihan kita.
r RESET Apabila tombol ini diklik, maka mereset semua isian kita di form, kembali ke defaultnya. Kode untuk RESET adalah sebagai berikut:
r SUBMIT Submit adalah tombol yang apabila diklik, isian di form akan langsung dikirim menggunakan cara tergantung atribut METHOD dan ACTION di dalam tag
Berikutnya SUBMIT memiliki kode seperti ini:
r SELECT berbeda dengan RADIO dan CHECKBOX karena tidak memakai tag INPUT, tapi langsung memakai tag SELECT. Dan juga penggunaan SELECT harus ditutup dengan tag /SELECT. Sama seperti pada RADIO dan CHECKBOX, pada SELECT kita juga dapat melakukan pilihan awal ( tampilan default ), dengan menambahkan kata SELECTED pada tag OPTION seperti ini:
OPTION SELECTEDTidak ada di pilihan
r TEXTAREA Bentuk umum tag textarea adalah sebagai berikut:
Tulisan ini akan ditampilkan di dalam kotak.
Berbeda dengan text, kali ini kita tidak menggunakan tag INPUT, tetapi langsung menggunakan tag TEXTAREA. Juga sekarang kita harus menutup dengan tag . Di antara tag TEXTAREA dan tag /TEXTAREA kita dapat menuliskan apapun yang nantinya akan ditampilkan di dalam kotak yang tersedia. Atribut yang bisa kita atur di atas adalah ROWS yang akan menentukan jumlah baris dan COLS yang akan menentukan jumlah kolom. Juga ada atribut NAME yang fungsinya memberi nama, sama seperti pada input text.
3.2. FRAME
Contoh yang akan kita buat seperti berikut:
header.html
menu.html isi.html
Dalam satu layar monitor sebenarnya kita menampilkan tiga buah file yang berbeda, yaitu file judul.html, file menu.html dan file isi.html. Agak mirip dengan waktu pembahasan tabel (membuat layout halaman web), bedanya kalau tabel hanya menampilkan satu file sedangkan frame ini tiga file. Disini tidak ada tag “BODY” karena file induk memang tidak memerlukannya. Formatnya seperti berikut:
……
Atribut-atribut yang dapat digunakan:
1. BORDERCOLOR berguna untuk menentukan warna pembatas antar frame.
2. BORDER yang menentukan tebal batas antar frame.
3. ROWS berfungsi membagi bidang. Bedanya ROWS membagi menjadi beberapa baris bisa dalam persen maupun dalam pixel.
4. COLS akan membagi bidang menjadi beberapa kolom. Kita dapat menulis COLS=”30%,70%” untuk membagi bidang menjadi dua kolom berukuran (urut dari kiri) 30% dan 70%.
5. SRC adalah atribut yang utama, yaitu memanggil file yang akan mengisi frame. Pada file indeks.html, dengan atribut SRC kita telah memanggil file header.html, menu.html dan file isi.html.
top
BAB 4
CASCADING STYLE SHEET
Cascading Style Sheet ( CSS ) digunakan dalam kode HTML untuk menciptakan suatu kumpulan style yang terkadang dapat digunakan untuk memperluas kemampuan HTML. Sebagai contoh, kode HTML murni tidak memungkinkan untuk menggunakan sebuah definisi font yang diterapkan pada setiap sel dan bahkan tag pun tak berpengaruh pada sel-sel tabel. Misalnya, diinginkan untuk mengaturukuran font pada setiap sel sebesar 2. Dengan menggunakan tag semua sel harus diformat dengan menggunakan font size=”2″. Tentu saja tindakan seperti ini tidak praktis. Namun, dengan menggunakan CSS, kita hanya perlu mendefinisikan style sekali saja dan style akan berlaku untuk setiap sel dalam tabel. Kode-kode CSS:
digunakan untuk mendefinisikan style sheet dengan menggunakan CSS. Di dalam tag ini terdapat atribut “text/css”.
Komentar dalam CSS menggunakan pasangan /* dan */.
1. Mengatur font dan teks
Dalam pengaturan font dan teks, CSS mendukung sejumlah property seperti:
l Font-family = untuk menentukan nama font
Contoh: font-family:arial;
Atau bisa juga nama font yang disebutkan lebih dari satu.
Contoh: font-family:verdana,arial,Helvetica;
Yang berarti font yang digunakan adalah verdana, apabila verdana tidak ada maka akan digunakan font arial dan seterusnya.
l Font-size = untuk menentukan ukuran font
Nilai yang dapat dimasukkan dalam property ini:
xx-small = sangat kecil
x-smal = agak lebih kecil
small = kecil
medium = sedang
large = besar
x-large = agak lebih besar
xx-large = sangat besar
atau dapat juga dengan menggunakan satuan:
px = pixel in = inchi cm = centimeter mm = millimeter pt = titik pc = pica em = tinggi font en = separuh tinggi font
l Text-decoration
None = teks tidak diapa-apakan
Underline = teks digarisbawahi
Line-through = teks dicoret
Blink = teks berkedip
Overline = teks diberi garis diatasnya
Font-style = normal, italic, oblique
Text-align = left, center, right, justify
Font-weight = normal, bold, bolder, lighter
l Text-transform
None = teks tidak dikonversi
Capitalize = awal setiap kata dikonversi menjadi huruf capital
Uppercase = setiap huruf kecil akan diubah menjadi huruf capital
Lowercase = setiap huruf capital akan diubah menjadi huurf kecil
1. mengatur bingkai
l border-style
none = nilai default
solid = bentuk 2 dimensi
double = bentuk 2 dimensi
inset = bentuk 3 dimensi
outset = bentuk 3 dimensi
groove = bentuk 3 dimensi
ridge = bentuk 3 dimensi
dotted = berupa titik-titik
dashed = berupa dash
l border-width = diisi sesuai dengan keinginan kita atau bisa juga dengan satuan px ( pixel )
l border-color
aqua = 00ffff; black = 000000; blue = 0000ff; fuchsia = ff00ff; gray = 808080; green = 008000; lime = 00ff00; maroon = 800000; navy = 000080; olive = 808000; purple = 800080; red = ff0000; silver = c0c0c0; teal = 008080; yellow = ffff00; white = ffffff
1. memberi jarak
l padding-top = menentukan jarak dari tepi atas
l padding-right = menentukan jarak dari tepi kanan
l padding-bottom = mennetukan jarak dari tepi bawah
l padding-left = menentukan jarak dari tepi kiri
1. mengatur warna kita dapat mengatur warna sesuai dengan keinginan kita. Kita dapat menggunkan kode seperti disebutkan dalam border-color diatas atau bias juga dengan menuliskan langsung warna yang kita kehendaki.
2. mengatur background
cara penulisan kode background = background-image:url(gambar.jpg)
3. mengatur link
l a : link [ link yang belum dikunjungi ]
l a : visited [ link yang sudah dikunjungi ]
l a : active [ link yang sedang aktif ]
1. penggunaan atribut id dalam tag
#nama_id{property_1:nilai_1;…;property_n:linai_n;}
Nama id dapat mengandung huruf, angka, atau karakter garis bawah. Karakter petama harus berupa huruf atau karakter garis bawah
1. penggunaan kelas
.kelas{property_1:nilai_1;…;property_n:nilai_n;}
dapat mengandung huruf, angka, atau karakter garis bawah karakter pertama harus berupa huruf atau karakter garis bawah
1. tag span
Tag span dapat digunakan untuk mmeperluas kemampuan suatu style. Penerapannya dapat digunakan bersama-sama atribut style, class, dan id.
l span dengan atribut style
…
l span dengan atribut class
…
l span dengan atribut id
..
memposting artikel blog dengan cara membuat artikel kedalam bentuk HTML
Memposting artikel blog dengan cara membuat artikel ke dalam bentuk html
sebelumnya pernah saya tulis cara memposting artikel blog yang panjang dengan menggunakan aplikasi MobyExplorer. Dari artikel sebelumnya bisa kita ambil kesimpulan bahwa kita memposting artikel blog dengan cara membuat artikel-artikel blog ke dalam format txt, kemudian kita kirim file txt tersebut sebagai lampiran email ke account blog kita.
Nah, bila artikel yang kita buat dalam format txt tidak terdapat code-code html seperti html untuk memasang link, html untuk mewarnai tek, atau code html apa saja, itu tidak ada masalah memposting dengan cara demikian. Namun bila dalam artikel blog itu terdapat code-code html, dan kita buat dalam format txt, maka ketika kita memposting artikel tersebut, code-code html tidak akan berfungsi dan akan tampil pada postingan.
Untuk mengatasi hal demikian, kita bisa melakukan dengan cara mebuat artikel ke dalam bentuk html. Bila sebelumnya kita telah membuat dalam bentuk txt, untuk mengubah ke html bisa dilakukan dengan cara menggantikan tulisan txt dengan html pada nama file.
Contoh:
Bila artikel yang kita buat dalam bentuk txt kita beri nama "artikel blog", ketika kita lihat file tersebut dengan aplikasi MobyExplorer, nama file tersebut akan kelihatan "artikel blog.txt". Tulisan txt adalah format dari file tersebut. agar file tersebut menjadi html, ganti tulisan txt dengan html, sehingga namanya ketika kita melihat dengan aplikasi MobyExplorer akan kelihatan "artikel blog.html". Dengan cara demikian, maka code-code html yang terdapat pada artikel blog tidak akan kelihatan pada postingan dan akan berfungsi sebagai mana mestinya. Untuk cara mempublikasikan file html tersebut pada blog caranya sama dengan file txt, yaitu mengirim file tersebut sebagai lampiran email ke account blog.
Semoga artikel diatas dapat membantu sobat-sobat blogger yang menggunakan browser opera mini dihp sebagai browser utama untuk mengotak-ngatik blog.
sebelumnya pernah saya tulis cara memposting artikel blog yang panjang dengan menggunakan aplikasi MobyExplorer. Dari artikel sebelumnya bisa kita ambil kesimpulan bahwa kita memposting artikel blog dengan cara membuat artikel-artikel blog ke dalam format txt, kemudian kita kirim file txt tersebut sebagai lampiran email ke account blog kita.
Nah, bila artikel yang kita buat dalam format txt tidak terdapat code-code html seperti html untuk memasang link, html untuk mewarnai tek, atau code html apa saja, itu tidak ada masalah memposting dengan cara demikian. Namun bila dalam artikel blog itu terdapat code-code html, dan kita buat dalam format txt, maka ketika kita memposting artikel tersebut, code-code html tidak akan berfungsi dan akan tampil pada postingan.
Untuk mengatasi hal demikian, kita bisa melakukan dengan cara mebuat artikel ke dalam bentuk html. Bila sebelumnya kita telah membuat dalam bentuk txt, untuk mengubah ke html bisa dilakukan dengan cara menggantikan tulisan txt dengan html pada nama file.
Contoh:
Bila artikel yang kita buat dalam bentuk txt kita beri nama "artikel blog", ketika kita lihat file tersebut dengan aplikasi MobyExplorer, nama file tersebut akan kelihatan "artikel blog.txt". Tulisan txt adalah format dari file tersebut. agar file tersebut menjadi html, ganti tulisan txt dengan html, sehingga namanya ketika kita melihat dengan aplikasi MobyExplorer akan kelihatan "artikel blog.html". Dengan cara demikian, maka code-code html yang terdapat pada artikel blog tidak akan kelihatan pada postingan dan akan berfungsi sebagai mana mestinya. Untuk cara mempublikasikan file html tersebut pada blog caranya sama dengan file txt, yaitu mengirim file tersebut sebagai lampiran email ke account blog.
Semoga artikel diatas dapat membantu sobat-sobat blogger yang menggunakan browser opera mini dihp sebagai browser utama untuk mengotak-ngatik blog.
Menulis HTML javascript dalam artikel/posting
Menulis kode HTML Javascript dalam Artikel/Posting
Posted on July 16, 2009 by samudro
Rate This
Quantcast
Bagaimana menulis kode HTML atau Javascript dalam Artikel atau Posting blog anda?
Prinsip utama untuk membuat setiap kode html atau javascript muncul dalam artikel atau posting Anda sebagaimana yang anda tulis, anda harus convert/mengubah atau encode kodenya terlebih dulu.Untuk tujuan itu anda dapat mengubah atau encode secara online ataupun secara manual.
Begini caranya:
A. Konversi secara ONLINE
1. Kunjungi salah satu tools encode decode HTML/JavaScript Konverter di sini atau di sini.
2. Masukkan kode html/ javascript Anda jika ingin mengubah atau encode, lalu klik “encode” atau “konversi” menu.
3. Copy & paste encoded/kode diubah ke dalam artikel atau posting.
Catatan penting: klik mode HTML, bukan VISUAL sebelum menyisipkan kode html encoded.
B. MANUAL konversi
1. Mengubah kode < menjadi < ;
2. Mengubah kode > menjadi > ;
Jangan lupa kotak postingan harus dalam mode HTML, bukan VISUAL sebelum masuk kode yang telah dikonversi/encoded.
Selamat mencoba…
Filed under: Tutorial Wordpress | Tagged: Blogging Tips, Kode HTML, Kode Javascript, Menulis Javascript HTML dalam Artikel, Tutorial Wordpress
Posted on July 16, 2009 by samudro
Rate This
Quantcast
Bagaimana menulis kode HTML atau Javascript dalam Artikel atau Posting blog anda?
Prinsip utama untuk membuat setiap kode html atau javascript muncul dalam artikel atau posting Anda sebagaimana yang anda tulis, anda harus convert/mengubah atau encode kodenya terlebih dulu.Untuk tujuan itu anda dapat mengubah atau encode secara online ataupun secara manual.
Begini caranya:
A. Konversi secara ONLINE
1. Kunjungi salah satu tools encode decode HTML/JavaScript Konverter di sini atau di sini.
2. Masukkan kode html/ javascript Anda jika ingin mengubah atau encode, lalu klik “encode” atau “konversi” menu.
3. Copy & paste encoded/kode diubah ke dalam artikel atau posting.
Catatan penting: klik mode HTML, bukan VISUAL sebelum menyisipkan kode html encoded.
B. MANUAL konversi
1. Mengubah kode < menjadi < ;
2. Mengubah kode > menjadi > ;
Jangan lupa kotak postingan harus dalam mode HTML, bukan VISUAL sebelum masuk kode yang telah dikonversi/encoded.
Selamat mencoba…
Filed under: Tutorial Wordpress | Tagged: Blogging Tips, Kode HTML, Kode Javascript, Menulis Javascript HTML dalam Artikel, Tutorial Wordpress
dasar pelajaran HTML
Rumahweb’s News, Article, and Tutorial of Web Development
* Home
* Kumpulan Artikel
* Berlangganan melalui RSS
Dasar-dasar HTML III.
January 14th, 2006 | Published in Artikel & Tutorial, Web Programming | 1 Comment
checkbox
checkbox memungkinkan kita untuk memilih daftar materi. Sebagai contoh, kita boleh
memilih kegemaran kita menggunakan box ini. Suatu tanda nampak di dalam box. Jika kita
memeriksa box, tanda chek akan diperlihatkan. Lihatlah kode di bawah:
Listing 22
Pilih bahasa pemrograman:
Java
C++
Oracle
C-Sharp
Dengan default, Java akan dicek. Pesan atribut yang dicek pada garis menyangkut kode
yang kedua .
RadioButton
Dengan radio button, kita dapat memilih hanya satu item. Tetapi dengan cek box, kita
dapat memilih manapun jumlah materi. Sebagai contoh, kita memilih jenis kelamin
(pria maupun wanita) penggunaan box ini ditunjukkan di bawah.
Listing 23
Jenis Kelamin:
Pria
Wanita
Kita perlu memberi nama yang sama untuk nama atribut. Cara lainnya, kita tidak akan
mendapatkan kemampuan radio button.
Diatas potongan kode dapat dikombinasikan ke dalam satu halaman tunggal ditunjukkan
didalam Listing 24
Masukkan nama anda:
Password:
Pilih Bahasa Pemrograman:
Java
C++
Oracle
C-Sharp
Jenis Kelamin:
Pria
Wanita
India
Indonesia
Malaysia
Kode diatas menyampaikan informasi yang dimasukkan oleh pemakai kepada alamat email
yang ditetapkan didalam atribut tag Form. sintak Pesan mailto didalam tag form
Tag2 Tambahan
Pengaturan Teks
Kita dapat menggunakan tag
ke text form mewakili Teks Preformatted. Apapun juga yang kita masukkan pada tag ini akan diperlihatkan seperti halnya pada browser. Tag ini digunakan untuk penulisan programming kode.
Listing 25
This text will display as such
and is used for displaying codes
Teks Berjalan
Teks dan Gambar dapat dipindahkan dengan bantuan tag .Tag ini menerima banyak atribut ditunjukkan di bawah ini:
Bgcolor
Atribut ini mengubah warna latar belakang dari teks yang bergerakkan maupun obyek.
Nilai-Nilai dapat berwarna merah, biru atau dalam form Hexadecimal.
Behavior (Perilaku)
Atribut ini berubah arah dari objek bergerak. Nilai-Nilainya dapat bernilai left,
right, top dan bottom.
Scrolldelay
menandai adanya kecepatan dari gerakkan obyek. Yang secara khas, nilainya
ditetapkan didalam Seperseribu detik. Ingatlah bahwa 1 detik/second sama dengan 1000
seperseribu detik.
Loop (Pengulangan)
Kita dapat menetapkan banyaknya, obyek atau teks tertentu perlu pindah/bergerak dengan
bantuan dari atribut ini. Suatu nilai -1 menandai adanya gerakkan teks.
Listing 27
Using Address tag
jika kita ingin memberi informasi kontak pada suatu halaman web, kita dapat
menggunakan
tag
. Menampilkan teks didalamnya. Karenanya, tidak ada yang
dibutuhkan untuk form teks secara terpisah
Listing 28
Microsoft Inc, Washington, USA
Tag
Tag ini mewakili tulisan di bawah garis. Kemampuan dasar tag ini bahwa yang lebih
rendah tag antar teks.
Listing 29
H 2 O
Tag
Tag ini mewakili huruf yang ditulis di atas dan menaikkan teks antar tag sebagai
ditunjukkan dalam Listing 30.
Listing 30
2 3 = 8
Font
Kita dapat merubah penampilan dari teks menggunakan tag . Atributnya adalah
face, size dan color. Atribut fece menerima font seperti Arial, Courier, Verdana dan lain
lain. Size menerima nilai-nilai dari 1 sampai 7 sedang color menetapkan warna font.
Listing 31
Wow, warna teksnya jadi biru
..Yah sampai disini dulu tentang tag-tag dasar pada HTML, nanti kita lanjutkan dengan artikel yang lebih menarik dan gampang, bahkan untuk para pemula..
Sampai jumpa
Bookmark Artikel Ini
* Digg
* Sphinn
* del.icio.us
* Facebook
* Mixx
* Google
* BlinkList
* feedmelinks
* Furl
* Ma.gnolia
* MisterWong
* Propeller
* StumbleUpon
* Technorati
* TwitThis
* YahooMyWeb
* E-mail this story to a friend!
* Live
* Reddit
* Slashdot
Responses
Feed Trackback Address
1. Perbedaan Tampilan Web di browser :: Rumahweb’s News, Article, and Tutorial of Web Development says:
July 29th, 2009 at 3:16 pm (#)
[...] eXtensible html, sehingga xhtml adalah versi bersih dari html. Jila kita sudah pernah belajar HTML, akan dengan mudah kita mengenal xhtml. Ada beberapa poin penting yang membedakan (atau lebih tepat [...]
Leave a Response
Name (required)
Email (will not be published) (required)
Website
Popular Posts
* PHP & MySQL: Tutorial Dasar
* Berkenalan dengan PHP
* Bagaimana Cara Mengupload Website ke Rumahweb dengan FTP?
* Indikator Status Yahoo! Messenger
* Membuat Form Kontak
* Cara Upload MySQL Database
* Membangun CMS dengan PHP [Bag.3]
* Cara Membuat Google Sitemap
* Instalasi OsCommerce melalui Fantastico
* Cara Mengupload website ke Rumahweb melalui File Manager
Categories
* Artikel & Tutorial
* Fantastico Review
* Gangguan
* Manual Hosting
* News
* Promo
* SEO
* The Lounge
* Web Design
* Web Hosting
* Web Programming
Tags
account Admin alamat rumahweb bahasa Blogspot bug Change Password cPanel core coredump cPanel Domain domain murah email Email Account error FTP gadget Google Hosting Hosting Indonesia hosting murah Hosting US Joomla linux Mail Oscommerce panduan php Plugin Promo rumahweb rumahweb jakarta Search Engine SEO setting Sitemap SMTP Setting SPAM template Themes tips Upload Website widget Wordpress
Rumahweb’s News, Article, and Tutorial of Web Development is using WordPress and Gridline Lite theme.
* Home
* Kumpulan Artikel
* Berlangganan melalui RSS
Dasar-dasar HTML III.
January 14th, 2006 | Published in Artikel & Tutorial, Web Programming | 1 Comment
checkbox
checkbox memungkinkan kita untuk memilih daftar materi. Sebagai contoh, kita boleh
memilih kegemaran kita menggunakan box ini. Suatu tanda nampak di dalam box. Jika kita
memeriksa box, tanda chek akan diperlihatkan. Lihatlah kode di bawah:
Listing 22
Pilih bahasa pemrograman:
Java
C++
Oracle
C-Sharp
Dengan default, Java akan dicek. Pesan atribut yang dicek pada garis menyangkut kode
yang kedua .
RadioButton
Dengan radio button, kita dapat memilih hanya satu item. Tetapi dengan cek box, kita
dapat memilih manapun jumlah materi. Sebagai contoh, kita memilih jenis kelamin
(pria maupun wanita) penggunaan box ini ditunjukkan di bawah.
Listing 23
Jenis Kelamin:
Pria
Wanita
Kita perlu memberi nama yang sama untuk nama atribut. Cara lainnya, kita tidak akan
mendapatkan kemampuan radio button.
Diatas potongan kode dapat dikombinasikan ke dalam satu halaman tunggal ditunjukkan
didalam Listing 24
Masukkan nama anda:
Password:
Pilih Bahasa Pemrograman:
Java
C++
Oracle
C-Sharp
Jenis Kelamin:
Pria
Wanita
India
Indonesia
Malaysia
Kode diatas menyampaikan informasi yang dimasukkan oleh pemakai kepada alamat email
yang ditetapkan didalam atribut tag Form. sintak Pesan mailto didalam tag form
Tag2 Tambahan
Pengaturan Teks
Kita dapat menggunakan tag
ke text form mewakili Teks Preformatted. Apapun juga yang kita masukkan pada tag ini akan diperlihatkan seperti halnya pada browser. Tag ini digunakan untuk penulisan programming kode.
Listing 25
This text will display as such
and is used for displaying codes
Teks Berjalan
Teks dan Gambar dapat dipindahkan dengan bantuan tag .Tag ini menerima banyak atribut ditunjukkan di bawah ini:
Bgcolor
Atribut ini mengubah warna latar belakang dari teks yang bergerakkan maupun obyek.
Nilai-Nilai dapat berwarna merah, biru atau dalam form Hexadecimal.
Behavior (Perilaku)
Atribut ini berubah arah dari objek bergerak. Nilai-Nilainya dapat bernilai left,
right, top dan bottom.
Scrolldelay
menandai adanya kecepatan dari gerakkan obyek. Yang secara khas, nilainya
ditetapkan didalam Seperseribu detik. Ingatlah bahwa 1 detik/second sama dengan 1000
seperseribu detik.
Loop (Pengulangan)
Kita dapat menetapkan banyaknya, obyek atau teks tertentu perlu pindah/bergerak dengan
bantuan dari atribut ini. Suatu nilai -1 menandai adanya gerakkan teks.
Listing 27
Using Address tag
jika kita ingin memberi informasi kontak pada suatu halaman web, kita dapat
menggunakan
tag
. Menampilkan teks didalamnya. Karenanya, tidak ada yang
dibutuhkan untuk form teks secara terpisah
Listing 28
Microsoft Inc, Washington, USA
Tag
Tag ini mewakili tulisan di bawah garis. Kemampuan dasar tag ini bahwa yang lebih
rendah tag antar teks.
Listing 29
H 2 O
Tag
Tag ini mewakili huruf yang ditulis di atas dan menaikkan teks antar tag sebagai
ditunjukkan dalam Listing 30.
Listing 30
2 3 = 8
Font
Kita dapat merubah penampilan dari teks menggunakan tag . Atributnya adalah
face, size dan color. Atribut fece menerima font seperti Arial, Courier, Verdana dan lain
lain. Size menerima nilai-nilai dari 1 sampai 7 sedang color menetapkan warna font.
Listing 31
Wow, warna teksnya jadi biru
..Yah sampai disini dulu tentang tag-tag dasar pada HTML, nanti kita lanjutkan dengan artikel yang lebih menarik dan gampang, bahkan untuk para pemula..
Sampai jumpa
Bookmark Artikel Ini
* Digg
* Sphinn
* del.icio.us
* Mixx
* BlinkList
* feedmelinks
* Furl
* Ma.gnolia
* MisterWong
* Propeller
* StumbleUpon
* Technorati
* TwitThis
* YahooMyWeb
* E-mail this story to a friend!
* Live
* Slashdot
Responses
Feed Trackback Address
1. Perbedaan Tampilan Web di browser :: Rumahweb’s News, Article, and Tutorial of Web Development says:
July 29th, 2009 at 3:16 pm (#)
[...] eXtensible html, sehingga xhtml adalah versi bersih dari html. Jila kita sudah pernah belajar HTML, akan dengan mudah kita mengenal xhtml. Ada beberapa poin penting yang membedakan (atau lebih tepat [...]
Leave a Response
Name (required)
Email (will not be published) (required)
Website
Popular Posts
* PHP & MySQL: Tutorial Dasar
* Berkenalan dengan PHP
* Bagaimana Cara Mengupload Website ke Rumahweb dengan FTP?
* Indikator Status Yahoo! Messenger
* Membuat Form Kontak
* Cara Upload MySQL Database
* Membangun CMS dengan PHP [Bag.3]
* Cara Membuat Google Sitemap
* Instalasi OsCommerce melalui Fantastico
* Cara Mengupload website ke Rumahweb melalui File Manager
Categories
* Artikel & Tutorial
* Fantastico Review
* Gangguan
* Manual Hosting
* News
* Promo
* SEO
* The Lounge
* Web Design
* Web Hosting
* Web Programming
Tags
account Admin alamat rumahweb bahasa Blogspot bug Change Password cPanel core coredump cPanel Domain domain murah email Email Account error FTP gadget Google Hosting Hosting Indonesia hosting murah Hosting US Joomla linux Mail Oscommerce panduan php Plugin Promo rumahweb rumahweb jakarta Search Engine SEO setting Sitemap SMTP Setting SPAM template Themes tips Upload Website widget Wordpress
Rumahweb’s News, Article, and Tutorial of Web Development is using WordPress and Gridline Lite theme.
HTML kode
Subscribe to PostPosts Subscribe to CommentsComments
belajar internet | membuat blog | andisusilo's blog
blog tempat saya belajar tentang internet dan membuat blog, apa yang saya pelajari saya tulis.
* Home
* About Me
* Bisnis Online
o Formula Bisnis
* Artikel Lengkap
* Tukar Link
* Pasang Iklan
Rabu, 13 Januari 2010
Browse » Home » tutorial blogging » cara menulis kode html ke dalam artikel
cara menulis kode html ke dalam artikel
beberapa hari yang lalu saya mencoba membuat salah satu artikel tentang tutorial blogging. sebuah artikel yang harus menampilkan script/kode html,,,tapi apa yang terjadi kode-kode tersebut tidak muncul sesuai dengan keinginan saya. ternyata yang muncul adalah sebuah kode yang sudah diterjemahkan dalam bentuk html. jadi kodenya tidak kelihatan dalam artikel saya.
saya yakin hal ini banyak dialami oleh para blogger baru yang mencoba membuat artikel-artikel dengan kode html tadi.
tapi jangan takut dan putus asa,,,tidak ada yang tidak mungkin di dunia internet. Setelah beberapa saat surfing saya menemukan caranya. Dan kali ini saya akan beberkan kepada anda semua secara gratis,,,tss,,,tis,,,!!
cara begini simak baik-baik ya...
-> anda tulis semua kode html yang ingin anda masuk ke artikel.
-> lalu anda ganti/replace kode-kodenya,,,untuk memudahkan pekerjaan anda gunakan menu edit --> replace, kemudian pada kotak yang muncul masukkan kode yg akan direplace pada kolom "Find what" trus masukkan kode pengantinya pada kolom "Replace with"trus tekan tombol Replace All.
-> Nah kode yang harus anda ganti adalah...
karakter notaris keterangan
> kurung runcing tertutup
& & tanda dan
" " tanda kutip ganda
± ± tanda plus minus
spasi tanda spasi
© © tanda hak cipta (copyright)
® ® Tanda terdaftar (Registered)
-> kalo anda ingin membuat posting yang menyajikan banyak kode-kode yang harus anda tulis, menganti satu demi satu kode akan sangat melelahkan.
anda bisa memanfaatkan situs-situs yang menyediakan tools untuk meng-encode kode html. anda bisa buka http://centricle.com/tools/html-entities, lalu tuliskan atau copy paste kode-kode yang ingin anda masukan dalam artikel, kemudian masukan kedalam kotak yang disediakan, tekan tombol "Encode".
-> > copy kode dalam kotak tadi dan anda masukan dalam postingan anda. selesai sudah,,,!!!
Gitu ajah kok Repot...
selamat belajar dan membaca !!!!
karena blog ini di buat oleh pemula untuk pemula jadi saran dan kritik anda akan sangat membantu.
Dapatkan atikel-artikel terbaru langsung ke email anda. Masukkan alamat email aktif anda :
Delivered by FeedBurner
jangan lupa baca atikel di bawah ini,,,
tutorial blogging
* cara menghilangkan tanggal posting
* klik label muncul judul posting
* memodifikasi daftar blog roll dengan nomor
* membuat blog menjadi dofollow
* membuat pesan dibawah posting
* transparan navbar percantik tampilan blog
* cara mengcopy halaman layar
* memasang tag meta di blog
* membuat judul posting disebelah kiri judul blog
* cara membuat judul posting menjadi judul blog
* cara membuat gambar tukar link
* Cara pasang Widget Google Translate
* Cara membuat recent comment
* cara membuat recent post (artikel terbaru)
* 5 situs template gratis
* cara membuat anchor teks (link teks) di posting
* membuat autohide navbar
* cara mengilangkan navbar
* membuat dropdown menu untuk link
* cara menambahkan mesin pencari (search engine) di blog
* cara membuat higlight (kotak) di posting
* cara membuat related post
* cara membuat menu dropdown untuk artikel
* membuat scroll box di blogspot
Posted by Andhie at Rabu, Januari 13, 2010
Labels: tutorial blogging
Comments :
1
Rizky2009 mengatakan...
on
26 Februari 2010 12:14
kalau pakai manul gini ribet sob kalau blog q dah tak pasang parse HTML ala google sendiri
Poskan Komentar
blogging tidak ubahnya dunia offline, banyak hal yang harus anda pahami. jangan menerima suatu informasi dengan apa adanya. blogger yang maju selalu kritis terhadap apapun,,,salah satu caranya dengan berkomentar.
← Posting Lebih Baru Posting Lama → Beranda
Langgan: Poskan Komentar (Atom)
Internet Marketing - Online Software Pemasang Iklan Baris bisnis online pasang iklan disini pasang iklan disini Bagaimana mengubah blog WordPress menjadi MESIN UANG yang MEMATIKAN !! Tutorial komplit dilengkapi Software dan Script Siap Pakai pasang iklan disini pasang iklan disini
membuat blog
1. Bagaimana cara membuat blog
2. Bagaimana cara setting blog
3. Cara membuat scroll Box
4. Cara menulis artikel Blog
5. Cara membuat related post
6. Membuat menu dropdown untuk artikel
7. Membuat dropdown menu untuk link
8. Cara menulis kode html di posting
9. Cara membuat higlight (kotak) di posting
10. Menambahkan mesin pencari di blog
11. Cara mengilangkan navbar
12. Cara membuat judul posting menjadi judul blog
13. Cara membuat autohide navbar
14. Cara membuat anchor teks (link teks)
15. Cara membuat recent post
16. Cara membuat recent comment
17. Cara pasang widget google translate
18. Cara membuat gambar/logo tukar link
19. Cara daftar ke seach engine
20. Cara memasang tag meta di blog
21. Transparan navbar percantik tampilan blog
22. Membuat pesan di bawah posting
23. Membuat blog dofollow
24. Modifikasi blog roll dengan nomor
25. Klik label muncul judul posting
26. Cara menghilangkan tanggal posting
Artikel baru
* cara menghilangkan tanggal posting
* klik label muncul judul posting
* tag meta tidak penting
* seo tips: seo ala rambo
* justin bagi-bagi dollar
* berbagi posting ke google buzz
Live Traffict
Alexa Certified Traffic Ranking for http://blogandhie.blogspot.com Site Meter
Blog Archive
* Mei (2)
* April (9)
* Maret (16)
* Februari (11)
* Januari (16)
* Desember (16)
Label
blogging (15) CSS (2) duit gratis (2) google (1) HTML (3) internet (11) paypal (2) seo tips (12) tema (3) tips n trik (1) tutorial blogging (28)
Ads Powered by:KumpulBlogger.com
[Pasang Iklan Mini Banner disini - Rp. 600 per 1 kali unik klik, 123803 Blogger terdaftar ]
Pasang iklan
Mini Banner di sini
, Komisi 3% untuk Blogger
Copyright © 2009 by belajar internet | membuat blog | andisusilo's blog
Template by Blog Template 4 U | Blogspot Tutorial | Blogger
belajar internet | membuat blog | andisusilo's blog
blog tempat saya belajar tentang internet dan membuat blog, apa yang saya pelajari saya tulis.
* Home
* About Me
* Bisnis Online
o Formula Bisnis
* Artikel Lengkap
* Tukar Link
* Pasang Iklan
Rabu, 13 Januari 2010
Browse » Home » tutorial blogging » cara menulis kode html ke dalam artikel
cara menulis kode html ke dalam artikel
beberapa hari yang lalu saya mencoba membuat salah satu artikel tentang tutorial blogging. sebuah artikel yang harus menampilkan script/kode html,,,tapi apa yang terjadi kode-kode tersebut tidak muncul sesuai dengan keinginan saya. ternyata yang muncul adalah sebuah kode yang sudah diterjemahkan dalam bentuk html. jadi kodenya tidak kelihatan dalam artikel saya.
saya yakin hal ini banyak dialami oleh para blogger baru yang mencoba membuat artikel-artikel dengan kode html tadi.
tapi jangan takut dan putus asa,,,tidak ada yang tidak mungkin di dunia internet. Setelah beberapa saat surfing saya menemukan caranya. Dan kali ini saya akan beberkan kepada anda semua secara gratis,,,tss,,,tis,,,!!
cara begini simak baik-baik ya...
-> anda tulis semua kode html yang ingin anda masuk ke artikel.
-> lalu anda ganti/replace kode-kodenya,,,untuk memudahkan pekerjaan anda gunakan menu edit --> replace, kemudian pada kotak yang muncul masukkan kode yg akan direplace pada kolom "Find what" trus masukkan kode pengantinya pada kolom "Replace with"trus tekan tombol Replace All.
-> Nah kode yang harus anda ganti adalah...
karakter notaris keterangan
> kurung runcing tertutup
& & tanda dan
" " tanda kutip ganda
± ± tanda plus minus
spasi tanda spasi
© © tanda hak cipta (copyright)
® ® Tanda terdaftar (Registered)
-> kalo anda ingin membuat posting yang menyajikan banyak kode-kode yang harus anda tulis, menganti satu demi satu kode akan sangat melelahkan.
anda bisa memanfaatkan situs-situs yang menyediakan tools untuk meng-encode kode html. anda bisa buka http://centricle.com/tools/html-entities, lalu tuliskan atau copy paste kode-kode yang ingin anda masukan dalam artikel, kemudian masukan kedalam kotak yang disediakan, tekan tombol "Encode".
-> > copy kode dalam kotak tadi dan anda masukan dalam postingan anda. selesai sudah,,,!!!
Gitu ajah kok Repot...
selamat belajar dan membaca !!!!
karena blog ini di buat oleh pemula untuk pemula jadi saran dan kritik anda akan sangat membantu.
Dapatkan atikel-artikel terbaru langsung ke email anda. Masukkan alamat email aktif anda :
Delivered by FeedBurner
jangan lupa baca atikel di bawah ini,,,
tutorial blogging
* cara menghilangkan tanggal posting
* klik label muncul judul posting
* memodifikasi daftar blog roll dengan nomor
* membuat blog menjadi dofollow
* membuat pesan dibawah posting
* transparan navbar percantik tampilan blog
* cara mengcopy halaman layar
* memasang tag meta di blog
* membuat judul posting disebelah kiri judul blog
* cara membuat judul posting menjadi judul blog
* cara membuat gambar tukar link
* Cara pasang Widget Google Translate
* Cara membuat recent comment
* cara membuat recent post (artikel terbaru)
* 5 situs template gratis
* cara membuat anchor teks (link teks) di posting
* membuat autohide navbar
* cara mengilangkan navbar
* membuat dropdown menu untuk link
* cara menambahkan mesin pencari (search engine) di blog
* cara membuat higlight (kotak) di posting
* cara membuat related post
* cara membuat menu dropdown untuk artikel
* membuat scroll box di blogspot
Posted by Andhie at Rabu, Januari 13, 2010
Labels: tutorial blogging
Comments :
1
Rizky2009 mengatakan...
on
26 Februari 2010 12:14
kalau pakai manul gini ribet sob kalau blog q dah tak pasang parse HTML ala google sendiri
Poskan Komentar
blogging tidak ubahnya dunia offline, banyak hal yang harus anda pahami. jangan menerima suatu informasi dengan apa adanya. blogger yang maju selalu kritis terhadap apapun,,,salah satu caranya dengan berkomentar.
← Posting Lebih Baru Posting Lama → Beranda
Langgan: Poskan Komentar (Atom)
Internet Marketing - Online Software Pemasang Iklan Baris bisnis online pasang iklan disini pasang iklan disini Bagaimana mengubah blog WordPress menjadi MESIN UANG yang MEMATIKAN !! Tutorial komplit dilengkapi Software dan Script Siap Pakai pasang iklan disini pasang iklan disini
membuat blog
1. Bagaimana cara membuat blog
2. Bagaimana cara setting blog
3. Cara membuat scroll Box
4. Cara menulis artikel Blog
5. Cara membuat related post
6. Membuat menu dropdown untuk artikel
7. Membuat dropdown menu untuk link
8. Cara menulis kode html di posting
9. Cara membuat higlight (kotak) di posting
10. Menambahkan mesin pencari di blog
11. Cara mengilangkan navbar
12. Cara membuat judul posting menjadi judul blog
13. Cara membuat autohide navbar
14. Cara membuat anchor teks (link teks)
15. Cara membuat recent post
16. Cara membuat recent comment
17. Cara pasang widget google translate
18. Cara membuat gambar/logo tukar link
19. Cara daftar ke seach engine
20. Cara memasang tag meta di blog
21. Transparan navbar percantik tampilan blog
22. Membuat pesan di bawah posting
23. Membuat blog dofollow
24. Modifikasi blog roll dengan nomor
25. Klik label muncul judul posting
26. Cara menghilangkan tanggal posting
Artikel baru
* cara menghilangkan tanggal posting
* klik label muncul judul posting
* tag meta tidak penting
* seo tips: seo ala rambo
* justin bagi-bagi dollar
* berbagi posting ke google buzz
Live Traffict
Alexa Certified Traffic Ranking for http://blogandhie.blogspot.com Site Meter
Blog Archive
* Mei (2)
* April (9)
* Maret (16)
* Februari (11)
* Januari (16)
* Desember (16)
Label
blogging (15) CSS (2) duit gratis (2) google (1) HTML (3) internet (11) paypal (2) seo tips (12) tema (3) tips n trik (1) tutorial blogging (28)
Ads Powered by:KumpulBlogger.com
[Pasang Iklan Mini Banner disini - Rp. 600 per 1 kali unik klik, 123803 Blogger terdaftar ]
Pasang iklan
Mini Banner di sini
, Komisi 3% untuk Blogger
Copyright © 2009 by belajar internet | membuat blog | andisusilo's blog
Template by Blog Template 4 U | Blogspot Tutorial | Blogger
Langganan:
Postingan (Atom)