Dezain

Cara Meng-Input Fonts Dari Google Fonts Ke Blog Maupun Website - Hallo sobat dezain !
Pada kesempatan kali ini, kami akan memberikan cara atau tutorial untuk meng-input font dari google fonts untuk dapat diterapkan di blog / website kamu.

Bosen pake font standar yang gitu-gitu aja kan ? Nah sekarang kita akan mulai tutorialnya yang dimulai dengan, 

• Log-in kedalam account blogger kamu

CSS First Letter, Menghias Huruf Pertama. - Hallo ! Sudah lama tidak post, dan kali ini mau memberikan pemahaman tentang CSS first letter.

Pemahaman

Contoh

.example:first-letter {
color:#ff0000;
}
.example {
color:#000;
}

Penggunaan

Untuk mengaktifkan css tersebut, seperti biasa.
Hanya perlu menuliskan <div class="example">EXAMPLE</div>

Cara Menghias Tampilan Table Dengan CSS ! - Hallo Dezainers, kali ini kami akan memberikan sebuah tips untuk menghias tampilan table di blog ataupun website kamu nih.

Langkah Pertama,
Cari code ]]></b:skin>

Langkah Kedua,
Lalu copy css dibawah ini

table{
margin:0 auto;
width:320px;
border-collapse:collapse;
background:#ecf3eb;
text-align:center;
}
th, td{
border:10px solid #3498db;
}
th{
padding:8px 0;
background: #0068AD;
color:#ecf0f1;
font-family: 'Fredoka One', cursive;
font-size:25px;
}
td{
padding:4px 8px;
background-color:#34495e;
color:#0068AD;
text-align:center;
font-family: 'Fredoka One', cursive;
}

Terus gimana cara menggunakannya?
Oh iya, hampir lupa.

Gini nih cara pakainya,
<table>
<tr>
<th>HEADER 1</th>
<th>HEADER 2</th>
</tr>
<tr>
<td>Table 1</td>
<td>Table 2</td>
</tr>
</table>

Kami rasa, untuk kali ini kami tidak dapat menjelaskan masing-masing dari element-element yang terkandung dalam css tersebut, alangkah baiknya kamu sendiri yang mencarinya yang pastinya dengan niat yang tinggi sehingga dapat paham dan mengerti ya.

Salam Dezain.

Hover adalah kondisi suatu objek saat mouse/cursor menyentuhnya.

Okey, untuk membuat efek hover tentunya kamu harus membuat css yang akan di hover nantinya.
Setelah itu tambahkan :hover pada css yang telah kamu buat sebelumnya

Ex : .dezain {........}Menjadi
.dezain:hover {........}

Untuk membuat perubahan pada saat hover aktif, kamu hanya perlu membedakan element yang ingin kamu rubah saat hover contohnya

Default
.dezain {
background-color: #fff;
}
Hover
.dezain:hover {
background-color: #000;
}

Hover effect akan terasa lebih klop dengan adanya transition, apa itu transition ?
Tunggu saja post selanjutnya dari kami.

Saya rasa cukup untuk pemahaman Hover CSS nya ya.
Untuk pertanyaan lebih lanjut silahkan bertanya di kolom komentar dibawah ya.
Bye,
Salam Dezain.

Situs Yang Bikin Blog Kamu Lebih Berwarna ! - Hallo Dezainers, kali ini kami akan memberikan kamu sebuah pengetahuan nih, yuk langsung aja disimak.

Keindahan blog adalah point penting dalam dunia blogging, dari penataan widget, post, atapun lainnya, warna juga gak kalah penting lho sob.

Kami akan memberikan cara untuk membuat blog kamu lebih berwarna, dengan warna yang enak dipandang mata, situs yang satu ini adalah solusinya www.flatuicolors.com.
Disana tersedia warna-warna yang penggunaannya mudah, hanya dengan memilih format rgb,rgba atau hex lalu klik warna yang diinginkan dan cobalah paste, code tersebut otomatis tercopy.

Salam Dezain.