CARA MEMBUAT KOTAK HTML KEREN DI POSTINGAN BLOG

kotak html diperlukan untuk memisahkan antara postingan teks dan kode html, nah berikut akan saya kasihkan beberapa tampilan kotak tersebut yang dapat kalian aplikasikan di postingan kalian ya sobat..

cara membuat kotak HTML keren di postingan blog

1.  kotak HTML keren versi A

<div style="border: 2px #006400 solid; padding: 10px; background-color: yellow ; text-align: left;"> paste kode HTML kalian yang sudah di parse disini </div>

2. kotak HTML keren versi B

<div style="border: 2px #006400 ridge; padding: 10px; background-color:YELLOW ; text-align: left;"> paste kode HTML kalian yang sudah di parse disini </div>

3. Kotak HTML keren versi C

<div style="border: 2px #006400 dotted; padding: 10px; background-color: YELLOW ; text-align: left;"> paste kode HTML kalian yang sudah di parse disini</div>

4. Kotak HTML keren versi D

<div style="border: 2px #006400 dashed; padding: 10px; background-color: YELLOW ; text-align: left;"> paste kode HTML kalian yang sudah di parse disini </div>

5. Kotak HTML keren versi E

<div style="border: 2px #006400 solid; padding: 10px; background-color: YELLOW; overflow: auto; height: 50px; width: 300px; text-align: left;">paste kode HTML kalian yang sudah di parse disini </div>

Nah gampang kan? jangan lupa sebelum di pasangkan parse dulu kode html yang akan kalian tampilkan di blog melalui  HTML PARSE GENERATOR . kalian juga bisa mengganti warna background kotak HTML menjadi warna kesukaan kalian. caranya ubah kode yellow dengan  kode warna kesukaan kalian.

kalian bisa melihat kode warna disini

Biar blog kalian gak kayak dijah yellow, makasih semoga bermanfaat 

Yusf

Fresh start for a shlomething new

Share this post