membuat tulisan terlihat menarik dengan div


Ada kalanya kita ingin membuat tulisan supaya lebih menarik dilihat, atau supaya lebih mudah menangkap perhatian pengunjung.

cara yang cukup mudah, yaitu dengan memasukan tulisan tersebut ke dalam div yang mempunyai background berwarna. contohnya adalah seperti pada sidebar situs ini.

caranya cukup mudah,

ada 2 code yang perlu disipkan ke dalam halaman web anda. code yang pertama adalah disisipkan bagian head. yaitu tepat di atas code

code tersebut seperti ini:

 

<style>

    .thediv2 {
    width: 98%;
     
     
    border: 1px #0EBCBB solid;
     
    padding: 10px;
     
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
     
    background: #B5F0F2;
     
    color: #13718C;
    font-size: 12px;
    font-weight: normal;
    font-family: Verdana, Geneva, sans-serif;
    font-style: inherit;
    text-decoration: inherit;
    text-align: left;
     
    line-height: 1.3em;
    }
     
    a {
    color: #EA4040;
    }
     </style>

 

kemudian code yang kedua adalah seperti di bawah ini:

   <div class="thediv2"><strong>Membuat text dalam kotak div</strong>
    <p>membuat tulisan supaya lebih "eye catching" supaya dibaca oleh pengunjung situs, tidaklah begitu sulit. Cukup dengan meletakan tulisan kedalam kotak berwarna atau div. Anda dapat mengganti warna background maupun tulisan pada div sesuka anda. dapat juga dengan dengan membuat beberapa div berbeda dengan warna berbeda, sehingga lebih variatif dan enak dilihat. selamat mencoba :)</p>
    </div>

paste code ini di lokasi pada halaman web atau blog anda. yaitu di bagian body, ...

hasilnya akan terlihat seperti di bawah ini :

Membuat text dalam kotak div

membuat tulisan supaya lebih "eye catching" supaya dibaca oleh pengunjung situs, tidaklah begitu sulit. Cukup dengan meletakan tulisan kedalam kotak berwarna atau div. Anda dapat mengganti warna background maupun tulisan pada div sesuka anda. dapat juga dengan dengan membuat beberapa div berbeda dengan warna berbeda, sehingga lebih variatif dan enak dilihat. selamat mencoba :)



jasa edit template blogspot, modifikasi web dan blog