Dengan berkembangnya waktu banyak sekali para websiter dan blogger menggunakan kotak didalam artikel nya untuk memperindah tampilan blognya. Dengan adanya kotak dalam blog memberikan kesan yang wow dan terlihat seperti website dan blog profesional.
Ketika seseorang nyaman dengan tampilan website atau blog kita, tentu orang tersebut akan kembali untuk meriview kembali web atau blog kita. Sebenarnya sangat jarang para bloger menggunakan kotak dalam stiap artikelnya, karena tidak semua artikel membutuhkan kotak untuk menunjang artikelnya.
Nah bagi sobat yang ingin memasangkan kotak pada website atau blog nya caranya cukup mudah, Silahkan Sobat ikuti langkah-langkah berikut ini:
Maka tampilannya akan seperti berikut ini:
Nah gampang bukan?
Nah sekarang sobat bisa berkreasi sesuai dengan keinginan sobat.
Ket:
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">(Ubah Text)</div>
Ketika seseorang nyaman dengan tampilan website atau blog kita, tentu orang tersebut akan kembali untuk meriview kembali web atau blog kita. Sebenarnya sangat jarang para bloger menggunakan kotak dalam stiap artikelnya, karena tidak semua artikel membutuhkan kotak untuk menunjang artikelnya.
Nah bagi sobat yang ingin memasangkan kotak pada website atau blog nya caranya cukup mudah, Silahkan Sobat ikuti langkah-langkah berikut ini:
- Pertama, pastikan sobat login terlebih dahulu di blogger
- Selanjutnya silahkan sobat pilih "entri baru"
Maka akan muncul tampilan seperti berikut ini:
Setelah itu silahkan sobat klik tombol HTML yang mana nantinya akan menghasilkan tampilan seperti berikut:
3. Selanjutnya silahkan sobat copy Skript dibawah ini:
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">(Ubah Text)</div>
text-align: left;">(Ubah Text)</div>
Setelah itu silahkan sobat klik tombol compose, dan sobat akan melihat tampilan seperti dibawah ini
(Ubah Text)
Nah gampang bukan?
Nah sekarang sobat bisa berkreasi sesuai dengan keinginan sobat.
Ket:
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">(Ubah Text)</div>
- border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
- Double : bentuk kotak. (kode ini bisa diganti dengan kode berikut atau juga bisa dihilangkan).
- padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
- background-color:ffffff; = warna dalam kotak.
- Dan text-align:left; = posisi tulisan didalam kotak di kiri
Semoga bermanfaat, dan sebagai tambahan ilmu untuk kita semua. Terimakasih sudah berkunjung.