Make Cute Biases 2

Hai! Fathya habis main-mainin code. Lalu, jadilah kotak Bias! Yang mau bilang ya!

YOUR BIAS NAME YOUR BIAS NAME YOUR BIAS NAME YOUR BIAS NAME
Nah, tertarik? Ikutin cara buatnya~

• masuk ke akun blog kalian >> buat entri baru. Lalu, copy kode dibawah.

<style>
a.gelato{
border-radius:10px;
border:2px solid #ccc;
font-family:trebuchet ms;
font-size:10px;
text-transform:uppercase;
text-align:center;
background-color:#c4eaff;
color:#ffffff;
display:inline-block;
width:110px;
padding:3px;
margin:3px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}
a.gelato:hover{
color: #aaa;
background:#fff;
}
a.banana{
border-radius:10px;
border:2px solid #ccc;font-family:trebuchet ms;
font-size:10px;
text-transform:uppercase;
text-align:center;
background-color:#e1f5ff;
color:#aaa;
display:inline-block;
width:110px;
padding:3px;
margin:3px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}
a.banana:hover{
color: #c4eaff;
background:#fff;
}
</style>
<br />
<center>
<a class="banana"title="Bias Name">YOUR BIAS NAME<img src="https://pm1.narvii.com/6997/4ba5229d54578e5e7a3077164f8dd79598d91db2r1-512-432v2_hq.jpg" width="100px" /><br /></a>
<a class="gelato"title="Bias Name">YOUR BIAS NAME<img src="https://pm1.narvii.com/6997/4ba5229d54578e5e7a3077164f8dd79598d91db2r1-512-432v2_hq.jpg" width="100px" /><br /></a>
<a class="banana"title="Bias Name">YOUR BIAS NAME<img src="https://pm1.narvii.com/6997/4ba5229d54578e5e7a3077164f8dd79598d91db2r1-512-432v2_hq.jpg" width="100px" /><br /></a>
<a class="gelato"title="Bias Name">YOUR BIAS NAME<img src="https://pm1.narvii.com/6997/4ba5229d54578e5e7a3077164f8dd79598d91db2r1-512-432v2_hq.jpg" width="100px" /><br /></a>
</center>

  

 Klik yang di atas entri, yang tulisannya HTML, yang disampingnya Compose. Klik HTML itu. 

Paste kode tadi.

Tulisan warna merah : diganti dengan URL gambar, dan tulisan warna biru : adalah nama gambarnya.

Setelah selesai, kembali ke Compose.

Publikasikan/Save.

Lihat hasilnya.