Pada postingan kali ini kita akan membahas cara meletakan kotak di postingan blog, Menyematkan kotak di postingan blog tentunyak akan membuat blog lebih terlihat menarik dan indah untuk di pandang, Kotak ini biasannya di gunakan untuk memuat informasi penting, Sayangnya menu kotak ini tidak di sediakan di menu blogspot, Oleh karena itu kita harus membuat nya sendiri, Carannya mudah, Ikuti langka-langka berikut :
~ Cara Manambah Kotak Pada Potingan Blog
- Long in Blogger dan pilih Entri Baru
- Buat tulisan, contoh seperti gambar. Lihat yang berwana merah, posisi tulisan adalah 'Compose'
- Setelah itu copy paste script ini, dan kembali ke postingan Anda di blogger.
<div style="background-color: white; border: 3px #861dc8 double; padding: 10px; text-align: left;">
(Teks yg mau di letakan di dalam kotak) </div>
- Selanjutnya pilih 'HTML' ( lihat gambar).
- Paste script yang tadi di copy di bawah postingan (terserah mau menaruhnya dimana).
- Kembali lagi aktifkan 'Compose' dan lihat hasilnya. Tradaaa... sudah ada kotak.
- Selanjut nya anda bisa menganti tulisan "(Teks yg mau di letakan di dalam kotak)" dengan tulisan yang kalian mau bagai mana mudah kan
Mudah dong, namun mungkin Anda ingin menganti tampilan kotak selain contoh diatas. Anda bisa merubahnya sesuka hati. Berikut ini penjelasan scriptnya.
<div style="background-color: white; border: 3px #861dc8 double; padding: 10px; text-align: left;"> (Teks yg mau di letakan di dalam kotak) </div>
- border: 3px = ketebalan kotak script. dan #861dc8 = warna kotak script.
- Double = bentuk kotak. (kode ini bisa diganti dengan kode berikut atau juga bisa dihilangkan).
aybublog (Dashed).
aybublog (Dotted).
aybublog (Groove).
aybublog (Inset).
aybublog (Outset).
aybublog (Ridge).
aybublog (Solid).
- padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
- background-color: white = warna dalam kotak.
- Dan text-align:left; = posisi tulisan didalam kotak di kiri
0 Komentar untuk "Cara Manambah Kotak Pada Potingan Blog"