Kode HTML Dasar Yang Harus Di Ketahui Blogger atau sebagian bisa digunakan pada wordpress dalam Pemformatan Artikel

Kode-Kode HTML Dasar Yang Harus Di Ketahui Blogger atau sebagian bisa digunakan pada wordpress dalam Pemformatan Artikel

Seperti yang kita ketahui..,pempostingan artikel secara off-line
(memposting artikel tanpa terlebih dahulu terkoneksi ke internet di akun blog), tidaklah sama halnya dengan cara memposting saat terkoneksi di internet. Dan juga kita ketahui,…hampir di semua flatform blog gratisan, saat ini sudah mendukung mobile acces untuk mempermudah pengaturan /pempostingan konten blog melalui device hp, termasuk juga BLOGGER.COM atau WORDPRESS dalam hal ini.

Seperti yang pernah penulis sampaikan pada postingan terdahulu, solusi untuk memposting artikel panjang di blogger.com atau wordpress bisa kita lakukan melalui EMAIL ,dan bisa kita integrasikan di hp tentunya, serta ditambah sedikit pemecahan dari blogger-blogger kreatif terciptalah cara memposting artikel panjang via email hp+ bantuan aplikasi mobyeksplorer.

Maka berkaitan dengan hal itu juga…,kurang lengkap jika kita tidak mencari tahu tentang cara mudah agar tata letak dan tampilan artikel yang kita posting itu sesuai dengan yang kita inginkan ( tata letak dan pemformatan isi keren layaknya artikel ilmiah gitu deh…menurut penulis he..he ) ,seperti adanya link , teks besar ,garis bawah, huruf miring, dan lain-lain. Dan jawaban untuk pemecahannya adalah dengan mengetahui KODE-KODE HTML.

Nah untuk itu, sudah wajib bagi Mobile Blogger untuk hafal dan memahami kode-kode dasar HTML agar tampilan teks postingan menjadi baik dari segi tata letak dan lebih teroptimasi. Dan sebagi inti dari artikel ini , berikut berbagi kode HTML dasar untuk pemformatan tampilan artikel.lihatpenulisan HTML

1. Teks Tebal (bold)
=> kode: <bold>teks anda</bold>
=> contoh : TEKS TEBAL

2 Teks kuat (strong)
=> kode: <strong> teks anda</strong>
=> contoh: TEKS KUAT(STRONG)

3. Teks Miring (italic)
=> kode : <i> teks anda</i>
=> contoh teks miring

4. Teks Kecil (small)
=> kode : <small> teks anda</small>
=> contoh: teks kecil

5. Garis Bawah (under line)
=> kode : <u> teks anda</u>
=> contoh: garis bawah

6. Coret Tengah => kode : <s> teks anda</s>
=> contoh: coret tengah

7. Teks tautan (link text)
=> kode : <a href=”URL YANG DITUJU(http://a-mobile-blogger.blogspot.com-contohnya.red)“> teks anda</a>
=> contoh : A MOBILE BLOGGER

8. Menampilkan Gambar (images pake URL)
=> kode: <img src=”URL GAMBAR”/>
=> contoh pada emoticon ini:

9. Paragraf (line break)
=> kode: <br> teks anda</br>
=> contoh:
kode pembuka ( <br> ) diletakan di awal paragraf, dan kode penutup ( </br> ) di letakan di ujung paragraf.

Dan gunakan kode ini => <br> </br> untuk memisah jarak antar paragraf,seperti contoh kalimat ini

10. Aligmant (perataan)
a. Rata kiri
=> kode : <p align=”left”> teks anda</p>
=> contoh:

contoh teks yang ingin di tampikan menjadi rata kiri pada postingan

b. Rata tengah
=> kode: <p align=”center”> teks anda</p>
=> contoh :

contoh teks yang ingin di tampilkan menjadi rata tengah pada postingan

c. Rata kanan
=> kode : <p align=”right”> TEKS ANDA DISINI</p>
=> contoh:

contoh teks yang akan ditampilkan menjadi rata kanan di postingan

11. Teks Bewarna
=> kode : <font color=”warna/kode warna”> teks anda</font>
=> contoh :

contoh teks yang ingin di tampilkan bewarna merah pada postingan

12. Ukuran Teks+ Warna
=> kode : <font size=”SIZE HURUF (1 s/d 100 )” color=”WARNA/KODE WARNA”> teks anda </font>
=> contoh: contoh teks yang ingin di tampilkan bewarna dan bersize

13. Teks kedip
=> kode : <blink> teks anda</blink>
=> contoh: contoh teks yang akan tampil berkeip

OK…. Untuk sementara ini, cukup itu saja kode-kode dasar HTML yang dapat penulis share kali ini. Dan selanjutnya insyallah..akan penulis bagikan tutorial lainnya dan mungkin lanjutan dari postingan ini demi untuk melengkapi pengetahuan dan wawasan kita bersama di dunia MOBILE BLOGGING.

Semoga artikel ini bermanfaat…

Perihal edywitanto
wira wiri mlaku bareng angin

3 Responses to Kode HTML Dasar Yang Harus Di Ketahui Blogger atau sebagian bisa digunakan pada wordpress dalam Pemformatan Artikel

  1. Perpustakaan islami mengatakan:

    Thanks infonya gan.
    Buat rekan2 yg mau software perpustakaan islami utk pc dan hp,klik http://kitabgundul.blogspot.com
    Ada ribuan buku yg bisa anda dapat.

    • edywitanto mengatakan:

      takhs’ kunjungannya

  2. L.A MENTHOL mengatakan:

    Test

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: