Jumat, 23 Juli 2010

Cara menulis kode HTML ke dalam artikel

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 terbuka
> > 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
Diposkan oleh vhtrii di 00:26 0 komentar

Sekilas Tentang HTML
oleh : ido priyono hadi

Artikel ini merupakan artikel pendahuluan sehubungan dengan tutorial HTML dasar bagi para pengguna internet yang ingin membuat homepage pribadi sendiri. Karena itu, yang dibahas kali ini hanya pengenalan singkat tentang HTML dan beberapa perangkat lunak. Pada artikel yang mendatang akan dibahas elemen HTML lainnya. Semoga artikel ini berguna bagi para pengguna internet.

Definisi HTML

HTML merupakan singkatan dari HyperText Markup Language. HTML adalah dokumen text yang bisa dibaca untuk dipublikasikan di World Wide Web (WWW), dan semua nama file dokumen HTML mempunyai ekstensi html atau htm.

Dalam sebuah dokumen HTML anda akan melihat tags. Tags adalah penempatan atau nilai format teks yang memerintahkan browser untuk menampilkan sebuah dokumen html.

Contoh sebuah dokumen HTML sederhana adalah sebagai berikut:

Hello ... nama saya Bagong


Hasilnya adalah seperti ini.

Browser

Browser adalah program yang dipakai untuk membaca dokumen HTML pada WWW. Contoh browser ini antara lain: Netscape Navigator, Internet Explorer, Opera, Mozilla, Conqueror, NCSA Mosaic, Cello, Lynx, SlipKnot, dan sebagainya.



Pengertian HTML Tag

Tag dipakai untuk mendeskripsikan sesuatu tentang dokumen HTML.
Tag diletakkan dalam kurung, . dipakai untuk mendeskripsikan sesuatu tentang dokumen HTML.
Tag diletakkan dalam kurung, .

Tag ada 2 macam; tag tunggal dan tag berpasangan. Perbedaannya, kalau tag tunggal munculnya sendiri, sedangkan tag yang berpasangan harus ada bagian yang mengawali dan mengakhiri. Bagian yang mengakhiri sama dengan yang mengawali, tapi diawali dengan garis miring (/).


Contoh tag tunggal:

*

menandai akhir dari sebuah paragraf
*
menandai akhir sebuah baris.
*
membuat sebuah garis horisontal.

Contoh tag berpasangan:

* dan menandai awal dan akhir dari tubuh dokumen.
* dan untuk membuat karakter cetak tebal.
* dan untuk membuat karakter cetak miring.

HTML Editor

Dokumen HTML bisa dibuat dengan menggunakan text editor biasa ataupun dengan editor khusus.

Contoh-contoh HTML Editor :

* Microsoft Frontpage
* Macromedia Dreamweaver
* Netscape Navigator Gold
* Netscape Composer
* HotDog
* CU-HTML, dll

URLs

URL merupakan singkatan dari Uniform Resource Locator. Menginformasikan lokasi sebuah file pada WWW dan juga mengidentifikasi layanan internet, seperti FTP, WWW, yang menghandle file tsb. Istilah ini juga dipakai untuk menunjukkan suatu tempat yang berisikan informasi di Internet spt di bawah :


http

Keterangan :
Protocol adalah metode transfer data dari satu komputer ke komputer lain. Antara komputer client dan komputer server.

* HTTP; HyperText Transfer Protocol
* Gopher
* FTP
* news

Network location adalah mesin tempat data tersebut berada.
path - dokumen - menunjukkan di direktori mana dokumen tersebut berada.
File name adalah nama file html yang berada dalam direktori web server.

Struktur Dokumen HTML

Format dasar dari dokumen HTML adalah sebagai berikut:







dokumen utama



Hasilnya kalau dilihat dengan MS Internet Explorer 4.01 adalah seperti ini.

atau
(-- always start your document with this tag
(-- recommend having the and tags

(-- always have a title for your document

(-- to allow search engines to search and find your page correctly





The HTML document proper. Here will be the actual HTML document with the hypertext links, images and formating tags. Put this part within the body tags.


(-- always end your HTML document with this tag

Tidak ada komentar:

Posting Komentar