Cara membuat Kotak di postingan Blogger

Selamat 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.



Cara membuat Kotak di postingan Blogger
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.
Untuk tampilan kotaknya lebih indah dan keren dan enak untuk dipandang sobat bisa meng edit kode HTMLnya. Berikut ini beberapa penjelasannya.
  • 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)



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

1 Response to "Cara membuat Kotak di postingan Blogger"

  1. https://www.youtube.com/watch?v=aLFJjrIx0nI

    ReplyDelete

Berkomentar dengan Baik dan Jangan Buat Spam
1. Tidak semua pertanyaan sempat atau bisa dijawab.
3. Bagi yang mau tanya, sebelum bertanya, silakan cari dulu di Kotak Pencarian di Sidebar.
Thanks for visiting and the comment :)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel