Membuat kotak di blog dalam 2 menit

Membuat artikel agar terlihat rapi dan juga enak dipandang, itulah sebuah keharusan seorang penulis di blog, Terkadang kita membuat sebuah tutorial,informasi penting atau catatan ataupun source code yang ingin di taruh di antara artikel, dengan menggunakan sebuah kotak yang disematkan di antara artikel yang di buat.

Blogger tidak menyediakan fitur kotak yang di sematkan di antara artikel,tetapi blogger menyediakan fitur HTML sehingga cara membuat kotak di blog bisa di terapkan di blog

kita haruslah berkarya sendiri dengan menggunakan BAHASA PEMOGRAMAN Html,Javascript dan lainnya.

Cara Membuat Kotak Di Blog

Untuk cara membuat kotak di blog yang bisa di scrool ataupun tidak di scrool cara nya cukup mudah untuk bisa di terapkan di blog kita, Ikuti langkah-langkah di bawah ini :

• Pertama,LOGIN terlebih dahulu ke blogger kalian
• Kemudian langsung buat artikel baru " ENTRI BARU "
• Setelah itu akan tampil lembar artikel baru, Pilih ke " HTML "

 

• Copy Paste Script di bawah ini ke dalam lembar " HTML "

<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
Rocky PA - ( Ganti Tulisan Ini )
</div>

 <div style="border: 3px #eeeeee solid; padding: 10px;background-color:#ffffff;

overflow: auto; height: 100px; width: 520px;
text-align: left;">
Rocky PA - ( Ganti Tulisan Ini )</div>

•  Untuk melihat hasilnya, klik ke lembar " COMPOSE "

 

Mudah Bukan ?   

Okee itulah cara membuat sebuah kotak scrool ataupun tanpa scrool, kalian bisa juga untuk mempraktekkan nya di blog kalian.

Apa ? Kenapa ? Kalian kurang puas dengan warna dan style border kalian ? 

okee, kita akan memodifikasi border tersebut agar terlihat indah

<div style="border: 3px  #000000 Groove; padding: 10px;background-color:#ffffff;
overflow: auto; height: 100px; width: 455px;
text-align: left;">
Rocky PA - (ganti tulisan ini)</div>

• border: 3px - Ketebalan kotak ( 3px, bisa di ganti angka sesuka kita )
• padding: 10px;  - Panjang kotak ke bawah ( 10px, bisa di ganti angka sesuka kita )
• background-color:#ffffff; - Warna latar kotak ( #ffffff, bisa di ganti kode warna sesuka kita )
• overflow: auto; height: 100px; width: 455px; - Membuat kotak bisa di scrool ( angka bisa di ganti )
• text-align: left;"  - Posisi rata tulisan ( left, bisa di ganti ke kanan/right )
• Rocky PA - (ganti tulisan ini) - Isi tulisan
• Groove; - Bentuk kotak ( Bentuk bisa di ganti-ganti ) 

 

Rocky PA - ( Dashed )

Rocky PA - ( Dotted )

Rocky PA - ( Groove )

Rocky PA - ( Inset )

Rocky PA - ( Outset )

Rocky PA - ( Ridge )

Rocky PA - ( Solid )

Itulah cara membuat kotak script yang bisa di scrool ataupun tidak di blog, Kalian bisa mempraktekkannya di blog kalian, tinggal kalian atur penempatan blog nya sesuai yg kalian ingin kan.

Kalian mempunyai cara atau pun saran ? atau kalian masih belum mengerti dan bisa cara nya membuat kotak di blog BERKOMENTAR DI BAWAH.