Pada postingan kali ini saya akan share Cara
yaitu menggunakan code html, kita tau bahwa penguasaan akan code - code
yang diperlukan untuk membuat suatu postingan yang tertata dan menarik
sangatlah diperlukan, termasuk diantaranya adalah code HTML untuk membuat background dan border / bingkai pada postingan.
Penguasaan akan code - code ini sangat perlukan, terutama bagi anda
seorang blogger ponsel seperti saya ini yang hanya berbekalkan sebuah hp
dalam membuat setiap postingan.
Langsung saja pada inti dari postingan ini yaitu Cara membuat background dan border pada postingan blog.
Untuk membuat background dengan border didalam postingan blog tidaklah
terlalu sulit asalakan kita tau codenya. Berikut ini adalah code yang
digunakan untuk membuat background dan border pada postingan blog .
Code Diatas, akan menghasilkan text dengan warna background hijau dan border hitam seperti dibawah ini:
Silahkan dirubah sesuai yang dinginkan, Berikut ini penjelasan dari code diatas:
- Background
ini berfungsi mengatur warna background text yang dikehendaki, dalam contoh diatas saya menggunakan warna hijau dengan code green. Silahkan ubah sesuai warna yang diinginkan.
back = hitam
white = putih
red = merah
blue = biru
yellow = kuning
grey = abu - abu
dan masih banyak lagi, anda juga bisa menggunakan code - code yang lebih terperinci, silahkan Klik Disini untuk melihat code - code warna html.
- Border
ini berfungsi sebagai border atau bingkai, disana terdapat 1px dan solid #000. berikut adalah penjelasan masing - masing:
1px = mengatur ketebalan dari border / bingkai . Bisa anda sesuaikan dengan mengganti nilai px nya . Misal 3px , 4px dan seterusnya.
Solid= ini adalah style bordernya, ada banyak style atau jenis border pada code html, dan untuk jenis - jenis bordernya mungkin akan saya share dilain kesempatan...
#000 = mengatur warna dari border, silahkan diubah sesuai yang diinginkan dan untuk codenya silahkan klik pada link yang telah saya berikan diatas..
- padding
ini untuk mengatur jarak antara border dengan text yang ada didalam border. Semakin besar nilai px semakin jauh pula jarak text dengan border.
- margin
ini adalah kebalikan dari padding yaitu mengatur jarak antara border dengan text atau elemen yang ada di bagian luar border. pada contoh diatas, untuk memperjelas fungsinya saya menggunakan margin-left, itu artinya hanya jarak kebagian luar sebelah kiri saja yang diatur. Dan bisa anda lihat perbedaannya. Untuk mengatur secara keceluruhan cukup menggunakan margin saja. Misal, margin:3px . Itu artinya jarak dari border ke elemen luar untuk setiap sisi adalah 3px. Untuk pembahasan lebih lanjut tentang penggunaan margin ini, mungkin akan saya share dilain kesempatan.
Sekian dulu postingan dari cara-tips-dan-informasi.blogspot.com tentang cara memberi background dan bingkai pada postingan blog , semoga bermanfaat.
1 komentar to "Cara Membuat Background dan Border/Bingkai Pada Text di Postingan"
About This Blog
Partner
Popular Posts
-
Apa itu Open ID ? Open ID adalah Identitas Digital (ID) adalah layanan otentikasi bagi pengguna (user) dengan kontrol akses ...
-
Cara/Tips Mudah Membuat Read More Otomatis di Blog – banyak para sobat blogger yang masih kebingungan untuk membuat readmore otomatis di ...
-
Selamat Sore menjelang malam, pada saat ini cara-tips-dan-informasi.blogspot.com akan memberikan informasi tentang 5 fakta adzan ...
-
Fenomena Hotel Murah di Jakarta memang sesuatu yang ironi kerena kota jakarta terbilang kota metropolitan yang pendapatan penduduknya di...
-
Dikarenakan banyak sahabat yang bertanya tentang perbedaan taaruf dan pacaran, berikut saya perjelas pembahasannya.. semoga bermanfaat.., b...
-
Selamat datang di cara-tips-dan-informasi.blogspot.com kali ini saya ingin berbagi informasi tentang Ketenangan Merupakan Salah Satu Ku...
-
Kali ini Saya akan berbagi informasi tentang Manfaat Wudhu dan Shalat Bagi Kesehatan ternyata di antara berbagai cara gerak shalat d...
-
Cara Membuat Artikel Terkait di Blogspot - Testimoni, baca dulu: 3 Cara Membuat Artikel Terkait atau Related Post di Blog. Model seder...
-
Menjaga Kesehatan Telinga. Para sobat blogger kali ini saya cara-tips-dan-informasi akan memberikan beberapa tips Bagaimana Menja...
-
Sahabat Blogger pada sore ini saya akan memberikan tips - tips tentang 8 Rahasia Percaya Diri , kepercayaan diri salah satu kunci su...
Label
Translate
Followers
Iklan
Powered by 123ContactForm | Report abuse
RAPOPO says:
thanks gan atas infonya :)