Cara Membuat, Menulis Artikel Blog Lengkap dengan Kode HTML Lewat Hp Android

Selamat datang di kelas singkat cara menulis artikel di Blogspot lewat Hp android lengkap dengan kode HTMl.

Bagi pemula yang baru pertama kali membuat blog di Blogger atau Blogspot, sepertinya mau menulis artikel lewat Hp memang agak sedikit membingungkan.

Namun tak usah kuatir, karena itu hanya awalnya saja, nanti juga setelah terbiasa menulis artikel dan mempublikasikan artikel di blog itu akan terasa mudah.

Apalagi jika Anda mengikuti bahasan di blog ini yang akan menerangkan cara menulis artikel di blog lewat Hp android lengkap dengan kode HTML. Tulisan artikel Anda akan jadi rapi, menarik dan sedap dipandang.

Sebenarnya yang akan di bahas dibawah ini berlaku untuk semua perangkat, baik lewat Hp maupun PC.

Ok, daripada lama menuggu. Dibawah ini akan dijelaskan dulu cara posting artikel lewat Hp android.

#1. Cara posting artikel di Blogspot lewat Hp android

Pertama isi kuota internet dan gunakan browser internet yang biasa digunakan di Hp android Anda, kemudian masuk ke link ini www.blogger.com

Setelah halaman Blogger terbuka Anda harus login dulu menggunakan email Gmail dan sandi Anda yang terdaftar di Blogger dengan cara mengklik tulisan login/masuk di halaman awal Blogger.

Setelah login maka Anda akan langsung masuk ke dasbor Blogger, dan selanjutnya silahkan cari dan klik tulisan Entry Baru atau simbol pensil.

Setelah halaman posting artikel di Blogspot terbuka isi kotak judul dan kotak pesan. Kotak judul biasanya berada diatas dan kotak pesan ada dibawah dan lebih besar tampilannya.

• Kotak judul isi dengan judul artikel.
• Kotak pesan isi dengan pesan artikel

Langkah selanjutnya silahkan klik Publikasikan

Maka artikel anda dapat dibaca oleh pengunjung. Atau, jika Anda ingin menyimpannya dulu di draf Blogger maka silahkan klik Simpan di draf

Sampai disini cara posting artikel di blogspot lewat Hp android telah selesai.

Oh ya, sebelum mempublikasikan artikel Anda juga bisa mengkategorikan artikel dengan mengisi menu label. Klik saja tulisan "Label" yang ada di halaman posting artikel kemudian isi label artikel, misal kategori bahasan artikel adalah bisnis, maka isilah menu label dengan kategori bisnis. Maksimal mengisi label hanya 20 label per posting artikel.

Dan jika Anda merasa ada kesulitan dalam membuat posting artikel di Blogspot lewat Hp android, Anda dapat menggunakan aplikasi Blogger untuk posting artikel lewat Hp android.

Unduh aplikasi Blogger di Play Store atau cari di google.

Sepertinya belum terlihat sempurna kalau posting artikel di blog tanpa di sertai kode HTML agar tulisan artikel atau tulisan posting blog terlihat rapi dan tertata dengan baik Mengapa?

Karena menulis artikel di blog tanpa kode HTML membuat tulisan akan terlihat tumpang tindih dan berantakan.

Oleh sebab itu, tutorial menulis artikel di blog lewat Hp android ini hadir berbagi pengalaman ngeblog dan berbagi cara memasukkan atau menyisipkan kode HTML ke dalam tulisan artikel.

Mari kita simak bersama bagaimana menulis artikel dengan kode HTML agar tulisan artikel tersusun rapi, menarik, berbobot dan berkualitas.

Yang pertama akan dibahas dulu cara membuat garis baru (alinea).

#2. Membuat garis baru (alinea) di tulisan artikel

Membuat garis baru dan lainnya pada tulisan artikel disamping untuk kerapihan tulisan juga untuk kenyamanan pembaca, karena dengan tulisan yang rapi pembaca pun akan merasa nyaman saat membaca artikel.

Dan biasanya garis baru dibuat setelah tanda 'titik' atau terserah Anda mau bagaimana menggunakannya. Untuk membuat garis baru kode HTML-nya sebagai berikut:

Harap perhatikan setiap kode HTML yang diberi warna merah <br />

Saya lebih suka membuat garis baru dengan kode seperti ini <br>

Nah, kode diatas untuk membuat garis baru.

#3. Membuat paragraf di tulisan artikel

Buat seperti dibawah ini:

• <p>Masukan tulisan artikel di kode HTML ini. Ini adalah contoh membuat paragraf di tulisan artikel.</p>
  <p> Tulisan artikel ini dibuat setelah paragraf</p>

Saya juga lebih suka membuat paragraf tulisan artikel dengan kode seperti ini:

• Masukan tulisan artikel di kode Html ini. Ini adalah contoh membuat paragraf di tulisan artikel.<br><br> Tulisan artikel ini dibuat setelah paragraf.

Jika kedua tulisan diatas dipublikasikan atau di unggah di posting blog atau website maka hasilnya akan sama seperti ini:

• Masukan tulisan artikel di kode Html ini. Ini adalah contoh membuat paragraf di tulisan artikel.
  
  Tulisan artikel ini dibuat setelah paragraf.

Bagi Blogger Hp, membuat tulisan artikel dengan kode HTML itu harus di kerjakan sendiri oleh jari lincah Anda, berbeda dengan pengguna komputer, laptop tinggal pilih saja di menu pilihan kode, misal:

Kalau kita ingin membuat tulisan tebal, bagi pengguna PC tinggal block saja tulisan yang akan ditebalkan kemudian klik icon B yang telah tersedia dan otomatis kode tulisan tebal akan muncul di kotak pesan.

Namun bagi pengguna Hp. Hp apa saja termasuk android, bb, smarphone dan lainnya terkadang menu-menu kode tidak nampak, kalaupun ada akan terlihat samar dan tidak jelas ditampilan browser internet Hp, untuk itulah pengguna Hp harus membuat kodenya secara manual, motto nya adalah kerja dan kerjakan.

Mari kita lanjut membuat kode-kode HTML untuk keperluan posting artikel.

#4. Membuat kode-kode HTML untuk posting artikel

• Simbol U
  Kode: <u>tulis disini</u>
  untuk membuat tulisan artikel bergaris bawah
• Simbol I
  Kode: <i>tulis disini</i>
  untuk membuat tulisan artikel miring
• Simbol S
  Kode: <s>tulis disini</s>
  untuk membuat tulisan artikel yang di coret
• Simbol B
  Kode: <b>tulis disini</b> untuk membuat tulisan tebal

Baca juga cara menampilkan kode HTML di postingan blog

#5. Membuat tulisan artikel yang diawali tanda bullet

Buat kodenya seperti ini:

• <ul><li>Ketik tulisan artikel Anda disini</li></ul>

Contoh hasilnya adalah:

• Ketik tulisan artikel Anda disini.

#6. Membuat tulisan artikel yang diawali dengan nomor

Kodenya seperti ini:

• <ol><li>Ketik tulisan artikel Anda disini satu</li>
  <li>Ketik tulisan artikel Anda disini dua</li>
  <li>Ketik tulisan artikel Anda disini tiga</li></ol>

Hasilnya adalah:

1. Ketik tulisan artikel Anda disini satu
2. Ketik tulisan artikel Anda disini dua
3. Ketik tulisan artikel Anda disini tiga

#7. Membuat tulisan artikel rata kiri

• <div align="left">Ketik tulisan artikel Anda disini</div>

Hasilnya;

Ketik tulisan artikel Anda disini

#8. Membuat tulisan artikel rata kanan

buat kodenya seperti ini:

• <div align="right">Ketik tulisan artikel rata kanan disini</div>

Hasilnya;

Ketik tulisan artikel rata kanan disini

#9. Membuat tulisan artikel rata tengah

• <div align="center">Ketik tulisan artikel rata di tengah disini</div>

Hasilnya;

Ketik tulisan artikel rata di tengah disini

#10. Membuat tulisan artikel rata kanan kiri (justify)

buat kode HTML nya seperti ini:

• <div align="justify"> Ketik tulisan artikel rata kanan dan rata kiri disini.
  Untuk contoh tulisan rata kanan dan rata kiri ini saya menulisnya agak panjang agar terlihat maksimal hasilnya, sebab kalau menulisnya pendek tidak kelihatan hasilnya dalam mencontohkan kode untuk tulisan rata kanan dan rata kiri ini.Bagaimana menurut Anda apakah sudah nampak rata kanan dan rata kiri di browser internet Anda ?</div>

Hasilnya;

Ketik tulisan artikel rata kanan dan rata kiri disini.
Untuk contoh tulisan rata kanan dan rata kiri ini saya menulisnya agak panjang agar terlihat maksimal hasilnya, sebab kalau menulisnya pendek tidak kelihatan hasilnya dalam mencontohkan kode untuk tulisan rata kanan dan rata kiri ini. Bagaimana menurut Anda apakah sudah nampak rata kanan dan rata kiri di browser internet Anda ?

Untuk langkah selanjutnya kita akan belajar membuat ukuran tulisan menjadi besar atau kecil.

Perhatikan kembali baik-baik kelas singkat di panduan menulis artikel ini.

#11. Mengatur ukuran teks atau tulisan artikel menjadi besar atau kecil

Simak caranya dibawah.

• <div style="font-size:11px;"> tulis disini ukuran teks 11px</div>
• <div style="font-size:20px;"> tulis disini ukuran teks 20px</div>
• <div style="font-size:35px;"> tulis disini ukuran teks 35px</div>

Hasilnya akan terlihat seperti ini:

• tulis disini ukuran teks 11px
• tulis disini ukuran teks 20px
• tulis disini ukuran teks 35px

Selanjutnya untuk membuat ukuran teks yang sesuai selera, Anda tinggal memperbesar atau memperkecil ukuran PX -nya.

Namun saya juga suka memperbesar ukuran teks dengan cara seperti dibawah ini:

• <h3>tulis teks yang akan diperbesar disini</h3>
• <h2>tulis teks yang akan diperbesar disini</h2>
• <h1>tulis teks yang akan diperbesar disini</h1>

Hasilnya akan nampak seperti ini:

• tulis teks yang akan diperbesar disini

• tulis teks yang akan diperbesar disini

• tulis teks yang akan diperbesar disini

Ok, apakah sudah cukup dari penjelasan diatas untuk menata tulisan artikel Anda ? Belum ?

Baiklah, kalau begitu akan saya tambah lagi cara-cara menulis artikel dengan kode HTML biar tambah lengkap pengetahuan Anda.

#12. Memberi warna pada tulisan artikel

Lihat contoh ini:

• <font color="#0000ff"> tulis teks yang akan diberi warna biru disini</font>
• <font color="#006400"> tulis teks yang akan diberi warna hijau disini</font>

Hasilnya akan seperti ini:

• tulis teks yang akan diberi warna biru disini
• tulis teks yang akan diberi warna hijau disini

Untuk mengetahui lebih lanjut tentang kode warna silahkan baca cara membuat kode warna di posting blog sampai bisa sendiri

#13. Membuat tulisan berkedip

• <blink>tulisan berkedip</blink>

Hasilnya:

• tulisan berkedip

Tulisan yang berkedip akan terlihat hasilnya tergantung dari browser internet yang Anda gunakan.

#14. Membuat teks atau tulisan berjalan

Buat seperti contoh ini:

• <marquee direction="right"scrollamount="2"><div style="background:#fffff;border:2px solid #000000;color:#666666;">Mobil Tua Lambat Ya ?</div></marquee>
• <marquee scrollamount="100" width="300">Mobil Ngebut 1</marquee>
• <marquee scrollamount="35" >Mobil Ngebut 2</marquee>

Jika kode tulisan berjalan diatas di unggah diposting blog maka hasilnya akan nampak seperti dibawah ini:

• Mobil Tua Lambat Ya ?

• Mobil Ngebut 1

• Mobil Ngebut 2

Jika ada yang ingin ditanyakan terkait hal diatas yaitu "Cara membuat, menulis artikel blog lengkap dengan kode HTML lewat Hp android" silahkan isi komen dibawah, dan seandainya saya tahu jawabannya dengan senang hati akan bantu Anda.

Posted by Sakri

Jika artikel ini cukup bermanfaat silahkan bagikan artikel ini ke:

Facebook Twitter Google+