Langsung ke konten utama

Cara Mudah Menampilkan Kode HTML pada Artikel Blog

HTML atau HyperText Markup Language adalah sebuah bahasa pemograman yang digunakan untuk membuat halaman website atau blog serta menampilkan berbagai informasi yang terdapat dalam sebuah web browser internet. HTML digunakan untuk membuat sebuah halaman website dan juga menampilkan berbagai informasi yang di inputkan ke dalam HTML tersebut seperti gambar, teks, video, dan lainnya, sehingga bisa ditempilkan melalui web browser. Selain itu, HTML bisa digunakan untuk membuat sebuah link yang nantinya menuju ke sebuah halaman website lainnya dengan kode tertentu.

Untuk menampilkan kode HTML tersebut pada artikel blog, dapat menggunakan beberapa cara. Pada kesempatan kali ini, penulis akan memberikan beberapa tips dan trik untuk menampilkan kode HTML pada artikel blog :

1. Menggunakan Teks Area

Tulis atau copy kode <p align=�center�><textarea name=code� rows=�6� cols=�20�> KODE HTML YANG AKAN DITAMPILKAN </textarea></p> pada menu Posts, seperti pada tampilan dibawah.


Note :
  • Rows=�6� : tinggi teks area tersebut. Anda bisa rubah tingga teks area tersebut dengan angka yang lebih tinggi atau rendah sesuai dengan keinginan anda 
  • Colss=�20� : lebar teks area tersebut. Dan anda dapat rubah angka tersebut sesuai dengan keinginan anda. 
  • <p align=�center�> : teks area berada ditengah artikel. Apabila anda ingin merubah posisi teks area tersebut. Silakan rubah kata Center, posisi di kiri artikel menggunakan Left, atau kanan menggunakan Right. 
Berikut hasil kode HTML yang akan muncul di postingan blog anda


2. Memformat atau Memparse Kode HTML
  • Buka situs yang menyediakan tool untuk memformat kode HTML. Misalnya situs favorit penulis http://codeformatter.blogspot.co.id/
  • Copy kode HTML yang akan format pada textarea dibawah �Paste Here Your Source Code� 
  • Silakan anda atur beberapa opsi format sesuai dengan yang diinginkan. Misal penulis sendiri memilih rubah settingan �Need Line Code Numbering� menjadi �NO� dan �Remove Blank Lines� menjadi �NO�
  • Kemudian Klik �Format Source Code�. Sehingga akan tampil kode HTML yang sudah diformat seperti dibawah ini. 
  • Copy kode HTML yang sudah diformat tersebut pada menu Posts dengan mode posting HTML. Maka hasilnya akan seperti berikut
 <b:if cond='data:post.labels'>   
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
Semoga bermanfaat

Happy Fun

Komentar

Postingan populer dari blog ini

10 Contoh Peluang Usaha Bagi Pengangguran || Tambah Wawasan

Contoh Peluang Usaha Bagi Pengangguran - Selamat Datang Pengunjung Budiman , Pada Kesempatan Kali Ini Kami Akan Membagikan Beberapa Referensi Bagi Anda Yang Membutuhkan Jenis Usaha Terutapa Bagi Pengangguran . Kami Akan Memberikan 10 Jenis Usaha Sebagai Referensi Sehingga Anda Dapat Memilah Usaha Mana Yang Cocok Untuk Di Jalankan.
Menjadi Seorang Usaha Memang Tidak Enak , Terkadang Kita Hanya Mendapatkan Pekerjaan Musiman Saja Dimana Apabila Lagi Sedang Tidak Musimnya Kita Akan Menganggur Atau Bekerja Ala Kadarnya.

Saat Ini Pengangguran Bisa Menyerang Siapa Saja , Baik Itu Mulai Yang Tidak Sekolah , Lulusan Sd , Smp Dan Sma/Smk Bahkan Orang Yang Sudah Mendapatkan Gelar Sarjana Pun Banyak Yang Menganggur.
Saat Ini Tingkat Persaingan Tenaga Kerja Sangatlah Kuat Dan Sulit Untuk Mendapatkan Pekerjaan Terlebih Lagi Bagi Anda Yang Tidak Tamat Sekolah Atau Hanya Mendapatkan Ijasah Maksimal Smp Tentu Hal Ini Menjadi Masalah Yang Sangat Besar.
Baca : Peluang Usaha Sampingan Bagi Pelajar Modal Keci…

Contoh Cover Proposal Skripsi Teknik Informatika

Contoh Cover Proposal Skripsi Teknik Informatika - Membuat cover proposal skripsi merupakan tujuan utama dalam membuat skripsi. Untuk membuat cover skripsi dibutuhkan format penulisan skripsi yang benar, pada artikel ini akan membahas cara membuat cover proposal skripsi pada jurusan teknik informatika pada dengan format bahasa indonesia.

Sebenarnya pada setiap universitas disediahkan format penulisan proposal skripsi tersendiri, adakalanya lain universitas lain juga format penulisan skripsi nya.

Berikut ini adalah contoh cover proposal skripsi jurusan teknik informatika


Pada gambar diatas dapat kita lihat bahwa:Judul       : Huruf besar dengan bentuk pohon vektor dengan hurup arial dan ukuran hurup 14 dan centre                   screen Logo       : Logo warna centre screen dengan ukuran 5 x 5 mm Dibawah logo terdapat tulusan Oleh: dan dibawahnya nama anda dan NPM anda
Selanjutnya pada bagian bawah halaman terdapat jurusan kuliah anda, dan dibawahnya lagi terdapat fakultas perkuliahan anda d…

Contoh Soal Psikotes Bank (Mandiri, BCA, BNI, Danamon, BTN) Jawabannya Seri Deret, Matematika 2016

Contoh Soal Psikotes Bank (Mandiri, BCA, BNI, Danamon, BTN) Jawabannya Seri Deret, Matematika
Kembali lagi kami update soal-soal psikotes terbaru sebagai latihan dalam persiapan seleksi lowongan kerja. Kali ini kami akan memberikan contoh soal psikotes bank secara gratis dan tidak perlu di download (ebook pdf). Soal latihan ini berisi soal psikotes seri deret dan matematika yang sering ditanyakan dalam ujian di bank seperti psikotes bank Mandiri, BCA, BNI, Danamon, BTN dan berlaku juga untuk yang syariah.
Contoh Soal Psikotes Bank (Mandiri, BCA, BNI, Danamon, BTN) Jawabannya Seri Deret, Matematika
Kisi-kisi soal ini sudah dilengkapi dengan kunci jawaban dan tidak ketinggalan pembahasan soalnya. Dan soal-soal psikotes ini merupakan bagian kecil dari paket kunpulan soal psikotes klik disini

Baiklah langsung kita ke topik kita mengenai soal-soal psikotes bank. Contoh Soal Psikotes Bank (Mandiri, BCA, BNI, Danamon, BTN)
01. 8, 17, 33, …, …, 257.
Bilangan yang tepat untuk mengisi tit…