Cara membuat background untuk posting kode html | Buku Catatan si Ugi


Membuat posting dengan menarik adalah salah satu cara untuk membuat blog kita banyak di kunjungi, tapi tentu harus dengan isi posting yang menarik dan berkualitas serta berisi hal - hal yang populer, informatif, singkat, padat, jelas, sesuai dengan tema yang kamu punya.
Cara membuat background untuk posting kode html, seperti contohnya dibawah ini :


<div style="-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background-color: #5e5eff; border: 1px solid rgb(204, 204, 204); height: 150px; margin: 10px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">

KODE HTML KAMU / ISI POSTING YANG LAIN

</div>


dan lihat hasilnya:


KODE HTML KAMU / ISI POSTING YANG LAIN


Cara membuat tampilan posting diatas sebenarnya cukup mudah dan sederhana.
Kalau kamu pingin kamu tinggal copy paste kode di atas pada posting kamu.
Ikuti langkah berikut untuk lebih jelasnya :

* Dari halaman Dashboard blog kamu pilih Posting baru (new post).
* Masuk ke Elemen edit HTML.
* Masukan kode script diatas pada tempat yang kamu inginkan.
* Kembali pada Elemen Compose untuk melanjutkan Posting kamu
* Lakukan pratinjau.
* simpan dan publish.

Keterangan :

* Warna kuning, Ganti dengan isi posting bisa kamu isi dengan kode HTML atau non HTML
* Warna hijau, secara berurutan kamu bisa mengganti background, border, tinggi posting dan posisi teks ( left, right, center ) sesuai dengan keinginan kamu.



Baiklah inilah sekelumit kisah mengenai Cara membuat background untuk posting kode html, semoga bermanfaat.

selamat mencoba...!!!

Sukses selalu buat kamu semua...!!




0 komentar:

Post a Comment



Catatan :

Untuk menyisipkan gambar kedalam komentar, gunakan tag : [img]URL_Gambar[/img]
atau <i rel="image">URL_Gambar</i>
Untuk Video Youtube : [youtube]URL_Video[/youtube]
atau <i rel="youtube">URL_Video</i>
Untuk "Kutipan", gunakan : [blockquote]Kutipan_Anda[/blockquote]
atau <b rel="quote">Kutipan_Anda</b>
Untuk menyisipkan Kode: [code]KODE[/code]
atau <i rel="code">KODE</i>
atau <i rel="pre">KODE</i>
Dan untuk menyisipkan smiles/ emoticon, lihat kode Emoticon







 

Anda sudah mengaktifkan penyaringan konten ( AdBlocker di Aktifkan )

Mohon maaf untuk sementara Anda tidak dapat melihat halaman ini, silahkan kembali lagi setelah Anda menonaktifkan filter yang Anda gunakan. Abaikan