Cara membuat Kotak di postingan Blogger
August 03, 2018Selamat Datnag di IMAMKUN BLOG - Yo!! Apa kabar para sobatku semuanya? Semoga semuanya baik-baik ya. Pada kesempatan kali ini saya akan berbagi sebuah tutorial cara membuat sebuah kotak di dalam poastingan blog.
Pada awalnya kita ini tidak di sediakan oleh Blogger pada saat kita mau akan menulis sebuah artikel di blogger. Jadi jika kita ingin membuat sebuah kota di postingan ya kita harus membuatnya secara manual dengan HTML.
Mengapa harus membuat kotak script di blog? Menurutku dengan adanya kotak dalam suatu tulisan blog maka akan terlihat lebih indah atau lebih menarik. Dan juga banyak blog-blog yang saya kunjungi menggunakan kita script untuk membarikan informasi yang penting.
Baiklah kita masuk pada pembuatannya, Caranya sebagai berikut ini:
Nah mudah bukan cara membuat Kotak di poastingan blogger, nah silahkan sobat memodifikasi sesuka hati sobat agar tampilan kotaknya keren-keren.
Bagi yang masih pusing untuk mrmbuatnya sobat bisa berkomentar dibawah yah :D
Happy Blogging!! :D
Pada awalnya kita ini tidak di sediakan oleh Blogger pada saat kita mau akan menulis sebuah artikel di blogger. Jadi jika kita ingin membuat sebuah kota di postingan ya kita harus membuatnya secara manual dengan HTML.
 |
| Cara membuat Kotak di postingan Blogger |
Mengapa harus membuat kotak script di blog? Menurutku dengan adanya kotak dalam suatu tulisan blog maka akan terlihat lebih indah atau lebih menarik. Dan juga banyak blog-blog yang saya kunjungi menggunakan kita script untuk membarikan informasi yang penting.
Baiklah kita masuk pada pembuatannya, Caranya sebagai berikut ini:
- Login ke blogger
- Jika sudah login dan masuk ke dasbor buat sebuah artikel baru (New Post)
- Buat sebuah artikel di menu compose untuk contohnya seperti gambar dibawah ini
- Setalah itu Pilih menu HTML
- lalu copy kode dibawah ini dan paste kan di menu HTML
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;text-align: left;">.imamkunblog (ganti tulisan ini).</div>
- Selanjutnya kembali lagi ke menu compose dan lihat hasilnya
- Berikutnya sobat bisa mengganti tulisan .imamkunblog (ganti tuliasan ini). sesuai keinginan sobat apa ingin diisi.
- border: 3px = Ini adalah ketebalan kotak
- #1780dd = Ini adalah warna kotak
- double; = Ini adalah bentuk kotak (Kode ini juga boleh dihilangkan atau tidak)
- padding: 10px; = ini adalah panjang kotak kebawah, kalau untuk lebatnya itu sudah otomatis sampai ujung poastingan.
- background-color:#fffff; = Warna tulisan dalam kotak
- text-align:left; = Mengatur posisi tulisan dalam kotak
.imamkunblog (ganti tulisan ini).
.imamkunblog (ganti tulisan ini).
.imamkunblog (ganti tulisan ini)
Bagi yang masih pusing untuk mrmbuatnya sobat bisa berkomentar dibawah yah :D
Happy Blogging!! :D
1 komentar
https://www.youtube.com/watch?v=aLFJjrIx0nI
ReplyDelete