27 Jan 2015

Cara Membuat Kotak Script Di Postingan

Cara Membuat Kotak Script Di Postingan - pada kesempatan kali ini saya ingin berbagi Tips Dan Trik penting kepada anda tentunya didalam membuat kotak script di dalam postingan tentunya cara ini anda bisa lakukan dengan mudah dan cepat karena disini saya sudah menyiapkan bahan bahan nya untuk anda.


<div style="border: 3px #1780dd Dashed; padding: 10px;background-color:#ffffff;
text-align: left;">
.Evolution Blog (ganti tulisan ini).</div>


Penjelasan Untuk Meng-Edit Script:
  • border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
  • Double : ada beberapa jenis dari bentuk kotak yang sudah saya sediakan tentunya untuk agan disini. (gantilah kode sesuai dengan yang anda inginkan tentunya untuk membuat bagus hasil nya).
     
.Evolution Blog (Double).

.Evolution Blog (Dotted).

.Evolution Blog (Groove).

.Evolution Blog (Inset).

.Evolution Blog (Outset).

.Evolution Blog (Ridge).

.Evolution Blog (Solid).


  • padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
  • background-color:ffffff; = warna dalam kotak.
  • Dan text-align:left; = posisi tulisan didalam kotak di kiri
bagaimana penjelasan mengenai kode HTML untuk membuat kotak script di dalam postingan/artikel. Silahkan editlah kode html sesuai dengan kreasi dalam membuat kotak yang bagus. jika memiliki masalah langsung saja untuk membuat komentar penting anda di bawah dan juga


Untuk blog ini, script diatas saya modifikasi seperti kotak berikut.  

<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">

.Evolution Blog (script kotak di blog ini)
</div>

0 komentar:

Posting Komentar