How To Make Biases Cute

by - November 19, 2017

Hasil gambar untuk anime girl gif
Biases Cute ini tutorial yang sudah lama ada, tapi jarang orang yang menggunakannya. Aiz aja sampai lupa creditnya dari mana... berhubung dulunya postingan ini Aiz taruh di draf, dan dulu tuh Aiz suka lupa kasih credit... Untuk yang ngebuat kode bias ini, Aiz maaf ya, tidak bisa taruh credit T_T




Tanaka

Siraishi

Miyano

Rino


Kalau ada yang minat buat, ikuti tutorial di bawah ya!


  • masuk ke akun blog kalian >> buat entri baru. Lalu, copy kode dibawah.
 <style>
.icon2 {
margin: 5px;
width: 100px;
height: 100px;
overflow: hidden;
position: relative;
border: 3px solid #FFD7D7;
float: left;
 box-shadow:2px 2px 5px #ccc;
}
#bias {
position: absolute;
display: block;
width: 300px;
height: 30px;
top: 30px;
margin-left: -20px;
opacity: 0;
text-align: center;
color: #AAA;
background: #FBEBED;
-webkit-transition-duration: 0.8s;
border-top: 3px solid #FFD7D7;
border-bottom: 3px solid #FFD7D7;
line-height: 4px; text-transform: uppercase ;
-webkit-transform: rotate(-30deg);
font-size: 12px;
font-family:arial;
}
.icon2:hover #bias{left: 20px; top: 60px;
bottom: 5px; opacity: 1;
width: 103px; height: 20px;
line-height: 20px;
-webkit-transform: rotate(0deg)}
</style>
<br />
<table border="0" bordercolor="" cellpadding="3" cellspacing="0" style="width: 520px;">
<tbody>
<tr>
<td><div class="icon2">
<img src="URL GAMBAR" width="100px" /><br />
<div id="bias">
NAMA</div>
</div>
</td>
<td><div class="icon2">
<img src="URL GAMBAR" width="100px" /><br />
<div id="bias">
NAMA</div>
</div>
</td>
 <td><div class="icon2">
<img src="URL GAMBAR" width="100px" /><br />
<div id="bias">
NAMA</div>
</div>
</td>
<td><div class="icon2">
<img src="URL GAMBAR" width="100px" /><br />
<div id="bias">
NAMA</div>
</div>
</td>
</tr>
<tr>
<td><div class="icon2">
<img src="URL GAMBAR" width="100px" /><br />
<div id="bias">
NAMA</div>
</div>
</td>
<td><div class="icon2">
<img src="URL GAMBAR" width="100px" /><br />
<div id="bias">
NAMA</div>
</div>
</td>


  • 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.

You May Also Like

0 ice cream lover(s)

Ongoing Challenge