Kreativitas - Sebuah kotak tulisan di posting sangat banyak di gunakan oleh blogger. Terutama untuk tampilan yang bagus agar pengunjung tidak bosan mengunjungi blog kita. Tidak usah bosa-basi langsung aja ke TKP :D
Lihat tulisan dalam kotak area di bawah ini:
Terkadang dalam posting kita memerlukan kotak seperti di atas untuk memperjelas atau memfokuskan pembaca pada suatu teks yang kita buat. Pernahkah terlintas dalam benak anda untuk membuatnya? Bagaimana cara membuat teks berkotak seperti area di atas ikuti cara berikut:
1. Buka account Blogger anda
2. Buat entri baru, dan pilih Edit HTML.
<div style="border-bottom: #6c7a7d 1px inset; border-left: #6c7a7d 1px inset; border-right: #6c7a7d 1px inset; border-top: #6c7a7d 1px inset; margin-left: 20px; margin-right: 70px; padding-left: 30px; padding-right: 30px;"> <span style="color: red;">TULISAN ANDA</span></div>
Jika langkah anda benar maka hasilnya akan seperti ini:
border-left = garis pinggir kotak sebelah kiri.
border-top = garis pinggir kotak sebelah atas.
border-bottom = garis pinggir kotak sebelah bawah.
#6c7a7d; #ff0000 = kode warna, rubah sesuai keinginan. Untuk kode warnanya lihat di sini.
1px inset = ketebalan garis pinggir kotak, rubah sesuai keinginan.
padding-right = jarak tulisan dengan garis pinggir kotak sebelah kanan.
padding-left = jarak tulisan dengan garis pinggir kotak sebelah kiri.
margin-right = jarak kotak dengan pinggir posting sebelah kanan.
margin-left = jarak kotak dengan pinggir posting sebelah kiri.
20px; 30px; 70px = satuan jarak, rubah sesuai keinginan.
Sekian info dari saya dan semoga artikel ini bermanfaat bagi sobat..........!!!
Lihat tulisan dalam kotak area di bawah ini:
TULISAN ANDA
Terkadang dalam posting kita memerlukan kotak seperti di atas untuk memperjelas atau memfokuskan pembaca pada suatu teks yang kita buat. Pernahkah terlintas dalam benak anda untuk membuatnya? Bagaimana cara membuat teks berkotak seperti area di atas ikuti cara berikut:
1. Buka account Blogger anda
3. Masukan kode berikut :
<div style="border-bottom: #6c7a7d 1px inset; border-left: #6c7a7d 1px inset; border-right: #6c7a7d 1px inset; border-top: #6c7a7d 1px inset; margin-left: 20px; margin-right: 70px; padding-left: 30px; padding-right: 30px;"> <span style="color: red;">TULISAN ANDA</span></div>
Lalu klik Compose,
TULISAN ANDA
Untuk mengedit sesuka anda, keterangannya sebagai berikut :
border-right = garis pinggir kotak sebelah kanan. border-left = garis pinggir kotak sebelah kiri.
border-top = garis pinggir kotak sebelah atas.
border-bottom = garis pinggir kotak sebelah bawah.
#6c7a7d; #ff0000 = kode warna, rubah sesuai keinginan. Untuk kode warnanya lihat di sini.
1px inset = ketebalan garis pinggir kotak, rubah sesuai keinginan.
padding-right = jarak tulisan dengan garis pinggir kotak sebelah kanan.
padding-left = jarak tulisan dengan garis pinggir kotak sebelah kiri.
margin-right = jarak kotak dengan pinggir posting sebelah kanan.
margin-left = jarak kotak dengan pinggir posting sebelah kiri.
20px; 30px; 70px = satuan jarak, rubah sesuai keinginan.
Sekian info dari saya dan semoga artikel ini bermanfaat bagi sobat..........!!!
Ditulis Oleh : Unknown
Anda sedang membaca artikel Cara membuat border kotak area tulisan pada posting. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar dibawah ini. Bagi Anda yang ingin menyebar-luaskan artikel ini, tolong letakkan link dibawah ini sebagai sumbernya.
Artikel Lainya:
Tutorial Blogger
- Cara Mengganti Bullet List Blogger
- Cara Membuat Artikel Terkait Di Bawah Postingan
- Cara Membuat Border di Blog
- Cara Membuat Menu Vertikal di Blog
- Cara menghasilkan Kode Warna HTML dengan Ms Paint
- Cara Menghasilkan Kode Warna HTML dengan Photoshop
- Cara Mengganti Warna Background Blockquote di Blog
- Membuat Link Sumber Otomatis Ketika Di Copy Paste
- Cara Membuat Halaman Pojok Atas Melipat pada Blogger
- Cara Membuat Populer Post Dengan Fungsi Scroll
- Cara Membuat Daftar Isi Blog Otomatis
- Cara memasang lencana profil facebook di blog
- Cara Membuat Blogroll Berjalan Pada Blog
- Cara Membuat Favicon Di Blog
- Cara Membuat Pesan Di Atas Kotak Komentar
- Cara Memasang Google Translate dengan ikon Bendera di Blog
- Cara Membat Search Engine Di Blog
- Cara Membuat Kursor Di Blog
- Kumpulan Efek - Efek Pada Blog ( Lengkap )
- Cara Membuat Spoiler / Tombol Hide Show Pada Postingan Blog
- Cara Membuat SMS Gratis Pada Blog
- Cara Membuat Blog
- Cara Membuat Animasi Twitter Terbang Di Blog
- Cara Membuat Efek Gelembung Pada Cursor Blog
0 komentar:
Post a Comment