28/07/10
Diposting oleh
Belliy_R
Hai sobat, bagaimanan kabar anda kali ini? Pada kesempatan kali ini saya akan membagikan sebuah teknik tatacara membuat background untuk penempatan kode HTML.
Ini sangat diperlukan untuk lebih memfokuskan suatu postingan yang akan memuat beberapa kode HTML atau kode CSS, ataupun berupa teks biasa. Untuk contohnya mungkin anda bisa lihat langsung di bawah ini :
Ini sangat diperlukan untuk lebih memfokuskan suatu postingan yang akan memuat beberapa kode HTML atau kode CSS, ataupun berupa teks biasa. Untuk contohnya mungkin anda bisa lihat langsung di bawah ini :
.code {background: #99FFFF; border: 1px solid #3399FF; border-left: 5px solid #3399FF; padding: 15px;}
Atau
Bentuk Teks Biasa
Bagaimana caranya, baiklah kita akan memulai teknik tatacaranya sebagai berikut :
- Login dulu ke Blogger.com dengan akun anda.
- Masuklah ke Dashbord anda, pilih New Entri / Entri Baru.
- Pada kotak editor blogger anda, pilih tipe editor anda dengan "Edit HTML" jangan "Compose/Tulis"!!
- Jika sudah, silahkan anda masukkan code di bawah berikut dimana anda akan menempatkannya :
<div style="-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background-color: #ddf2fc; 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>
- Kalau sudah anda tempatkan kode di atas tadi, sekarang beralihlah ke modus editor Cmpose/Tulis.
- Selesai.
Catatan :
- Untuk kode yang saya beri warna "Merah", silahkan anda otak - atik sendiri sesuai keinginan dan selera anda sendiri, baik itu mengganti background, border, tinggi posting dan posisi teks ( left, right, center ).
- Untuk teks yang saya beri warna "Hitam (Cetak Tebal)" pada bagian tengah silahkan isi dengan artikel (Teks / Kode HTML) anda.
- Jika anda masih kesulitan mengenai tentang pewarnaan untuk postingan anda, silahkan anda mengklik link berikut untuk melihat warna-warna yang disertai kode-kode HTMLnya langsung : Di sini
- Untuk jenis pewarnaan RGB silahkan anda klik di sini
Baiklah sampai di sini dulu postingan saya kali ini, semoga ada manfaatnya untuk pembaca sekalian. Sebelumnya saya mohon maaf jika postingan saya kali ini tidak berkenan di hati para pembaca sekalian. Wassalam...
Sumber :
Label:
Langganan:
Posting Komentar (Atom)
My Banner's
0 komentar:
Posting Komentar
Silahkan Berkomentar Di Blog Saya Ini, Selama Tidak Berbau Spam!