Cara Membuat Border Di sidebar
Pada tutorial kali ini JUNTAKX akan memposting artikel tentang Cara Membuat Border di Sidebar
karena ada banyak cara untuk membuat blog agar kelihatan enak
dipandang. walaupun EFA sendiri kadang kadang merasa malu juga dengan
pengunjung yang singgah di Education for all kareana blog EFA ini juga
masih blepotan. Nah salah satunya adalah dengan membuat blog kita lebih
indah jika dilihat. Kali ini yang kita bahas adalah bagaimana cara
membuat Border binti Frame binti bingkai di sidebar blog. sebenarnya
bukan cuma di sidebar tetapi kita juga bisa membuatnya di posting
ataupun di halaman lain yang kita mau. Kita ketahui banyak sekali fungsi
dari border ini diantaranya kita bisa membuat suatu skat untuk catatan
tertentu misalnya, atau juga untuk pengunguman and soon. Ok lah to the
point aja, dibawah ini adalah beberapa contoh dasar Script pembuatan
border yang sederhana. sobat blogger mania pemula bisa mencobanya di
blog sobat dengan cukup mengcopy kodenya.
1. Solid
<div style="border: 1px solid #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>
2. Dashed
<div style="border: 1px dashed #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>
3. Dotted
<div style="border: 1px dotted #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>
4. Double
<div style="border: 4px double #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>
5. Groove
<div style="border: 4px groove #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>
6. Outset
<div style="border: 4px outset #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>
7. Ridge
<div style="border: 4px ridge #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>
Dari 7 contoh kode di atas, sobat
blogger mania bisa mencobanya semua. Untuk merubah warna backroundnya
sobat blogger mania tinggal merubah kode warna saja.
sedangkan untuk lebar border, sobat blogger mania cukup mengganti
ukuran width (lebar) sesuai dengan yang sobat blogger mania inginkan.
Cara memasangnya sobat blogger mania cukup ikuti langkah langkah berikut
Pertama login ke akun blogger sobat.
Kedua pilih rancangan
ketiga pilih tambah gadget lalu pilih HTML Java script dan pastekan script script diatas.
kemudian pada tulisan tulis disini silahkan ganti dengan kode script sobat. misalnya script buku tamu atau apalah yang sobat mau.
terakhir dan paling utama simpan. dan lihat hasilnya.
Semoga bermanfaat.
0 komentar anda:
Posting Komentar