Home / Tutorial Bloging / Menonjolkan Teks Tertentu Pada Postingan

Menonjolkan Teks Tertentu Pada Postingan

Posted by IWAN MUTTAQIN Jumat, 08 Juni 2012 0 komentar

Seringkali jika kita baca buku tutorial seperti misalnya tutorial HTML, tutorial Bahasa Pemrograman dan buku-buku tutorial yang lainya kita menjumpai seperti kode-kode atau script yang ditonjolkan dengan memberi background dan pembatas yang beda dengan teks-teks yang lainya yang ada di buku yang berguna untuk mempermudah para pembaca buku membedakan script-script dengan tulisan yang lainya. Begitu juga di blog jika Anda menulis tentang tutorial yang memungkinkan untuk menulis kode-kode HTML dan script-script yang lainya agar pembaca lebih mudah untuk membedakan.

Contoh seperti dibawah ini

HANYA CONTOH

POSTINGAN YANG DITONJOLKAN DISINI

HANYA CONTOH

Dan seperti ini

Kesepian hati…
Adakah benar adalah lorong waktu kebahagiaan ?
Kesunyian hati…
Adakah sungguh adalah suara merdu saat usia senja ?
Aku takut, aku salah kira
Meski kusadari kini ku di tengah itu semua
Aku hanya dapat bertanya
Tanpa sedikitpun kepastian akan jawabnya

Terlihat perbedaan dengan contoh pertama dan kedua : contoh pertama dengan background warna dan contoh kedua dengan background gambar.

Untuk membuatnya silahkan perhatikan cara berikut

cara pertama yaitu cukup mudah kita tinggal masuk ke posting editor dan tulis code seperti dibawah ini di posting editor bagian "Edit Html"

untuk background warna kita gunakan code seperti dibawah ini

DISINI POSTINGAN YANG MAU DITONJOLKAN

background:#FFFFCC;
adalah warna background, codenya bisa Anda ganti menurut warna yang Anda sukai. (lihat code warna disini)

border:1px dotted #F5003D;
adalah garis tepinya 1px adalah ketebalan dari garis tepinya, bisa kamu ganti ketebalanya sesuai selera Anda, dotted adalah jenis bordernya bisa kamu ganti sesuai selera kamu . #F5003D adalah kode warna dari border silahkan Anda ganti dengan selera Anda.

padding:5px;
Untuk memberi batas garis tepi dengan tulisan, memungkinkan agar ada jaraknya dari garis tepi.

tambahkan overflow:auto; jika ingin menambahkan fungsi scroll

untuk background gambar seperti dibawah ini

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghKENVoCUaVYThrQpXOvI6w4Ia1EzAhckxESetc5TjUHRmOhT7Z4vlMKSgZRkzWgResOHl-RHoSCtQV96ypKReyRR4n92s68_PYUNRj7jXztplpjkT0EJ_y5ljlW-yha6gUsePoVroWtI/); width:508px; height:362px; padding:5px;">

DISINI TEXT

Text yang tercetak merah diatas adalah url gambarnya. width:508px; adalah lebar area dan height:362px; adalah tinggi area.

Gimana gampang kan?

Terimakasih Atas Kunjungan Sahabat Cilibur Inspirasi

Judul: Menonjolkan Teks Tertentu Pada Postingan
Ditulis oleh IWAN MUTTAQIN
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi Saahabat Cilibur Inspirasi, Jika Sahabat Cilibur ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://ciliburkerajan.blogspot.com/2012/06/menonjolkan-teks-tertentu-pada.html. Terima kasih sudah singgah membaca artikel ini. Salam Sahabat Cilibur Inspirasi dan Sukses Selalau