Cara Membuat Border atau Bingkai pada Tulisan
Banyak hal yang dapat dilakukan untuk mempercantik tampilan blog. Salah satunya adalah dengan cara membuat border atau bingkai pada tulisan. Bagi sebagian orang, mungkin cara seperti ini adalah mempercantik tampilan blog, sebab border atau bingkai dapat membatasi antara tulisan yang satu dengan tulisan-tulisan yang lain.
Cara membuatnya sangat mudah yakni :
1. Login ke akun blog sahabat
2. Klik tata letak atau layout di blog sahabat
3. Klik tambah gadget/add gadget
4. Pilih HTML JavaScript. Apabila belum mengetahui caranya lihat di cara menambah gadget.
5. Copy dan paste kode di bawah ini di halaman HTML JavaScript yang telah dibuka. Kode tersebut adalah
6. Klik Save, lihat hasilnya, okey sukses selalu, semoga bermanfaat
Beberapa Penjelasan :
a. Border: 1px solid #PILIH SALAH SATU WARNA, adalah ketebalan garis border adalah 1px dengan warna yang dapat sahabat pilih sendiri (Untuk mengetahui kode warna, silahkan lihat di kumpulan kode warna).
b. Margin: 10px 0px, maksudnya 10px adalah margin top down (atas dan bawah), dan 0 px adalah margin left right (kiri kanan).
c. Padding: 10px, maksudnya adalah jarak tulisan ke border sebesar 10px.
d. width: auto; adalah lebar kolom dari border yang kita bikin mengikuti secara otomatis lebar kolom yang tersedia yang ada di blog.
e. height: auto; adalah tinggi kolom. Tinggi kolom ini mengikuti isi (teks) yang dimasukkan kedalamnya. Untuk auto ini, sahabat dapat mengganti perintah ini kedalam bentuk perintah pixel, misalnya: 75px, atau 100px atau lebih besar.
f. Background-color:#TENTUKAN WARNANYA adalah dapat diganti dengan warna yang lain atau bisa juga dihilangkan warnanya dengan cara mengganti kode #TENTUKAN WARNANYA dengan ditulis “none” atau bisa juga dihapus perintah “background-color berikut kode warnanya”.
g. Text-align: left, adalah teks yang kita tulis, setingannya dalam bentuk rata kiri. Apabila sahabat ingin merubahya dalam bentuk yang lain, maka kata “left” diganti misalnya dengan “right” (rata kanan), “center” (tengah), atau “justify” (rata kanan kiri).
h. LETAKKAN DI SINI TULISAN-TULISAN SAHABAT = silahkan sahabat masukkan teks-teks yang perlu diberikan bingkai.
1. Login ke akun blog sahabat
2. Klik tata letak atau layout di blog sahabat
3. Klik tambah gadget/add gadget
4. Pilih HTML JavaScript. Apabila belum mengetahui caranya lihat di cara menambah gadget.
5. Copy dan paste kode di bawah ini di halaman HTML JavaScript yang telah dibuka. Kode tersebut adalah
6. Klik Save, lihat hasilnya, okey sukses selalu, semoga bermanfaat
Beberapa Penjelasan :
a. Border: 1px solid #PILIH SALAH SATU WARNA, adalah ketebalan garis border adalah 1px dengan warna yang dapat sahabat pilih sendiri (Untuk mengetahui kode warna, silahkan lihat di kumpulan kode warna).
b. Margin: 10px 0px, maksudnya 10px adalah margin top down (atas dan bawah), dan 0 px adalah margin left right (kiri kanan).
c. Padding: 10px, maksudnya adalah jarak tulisan ke border sebesar 10px.
d. width: auto; adalah lebar kolom dari border yang kita bikin mengikuti secara otomatis lebar kolom yang tersedia yang ada di blog.
e. height: auto; adalah tinggi kolom. Tinggi kolom ini mengikuti isi (teks) yang dimasukkan kedalamnya. Untuk auto ini, sahabat dapat mengganti perintah ini kedalam bentuk perintah pixel, misalnya: 75px, atau 100px atau lebih besar.
f. Background-color:#TENTUKAN WARNANYA adalah dapat diganti dengan warna yang lain atau bisa juga dihilangkan warnanya dengan cara mengganti kode #TENTUKAN WARNANYA dengan ditulis “none” atau bisa juga dihapus perintah “background-color berikut kode warnanya”.
g. Text-align: left, adalah teks yang kita tulis, setingannya dalam bentuk rata kiri. Apabila sahabat ingin merubahya dalam bentuk yang lain, maka kata “left” diganti misalnya dengan “right” (rata kanan), “center” (tengah), atau “justify” (rata kanan kiri).
h. LETAKKAN DI SINI TULISAN-TULISAN SAHABAT = silahkan sahabat masukkan teks-teks yang perlu diberikan bingkai.
Terima Kasih.
Tidak ada komentar:
Posting Komentar