ANOTHER DAY

Saturday, January 4, 2020

Make a Cute Biases

Hasil gambar untuk aesthetic blue pastel
Assalamualaikum~ 
Nah, sebenarnya, code Bias ini, udah diposting sih... Tapi, karna kodenya rusak, amburadul, dan tidak bisa dipakai {Salah Fathya sendiri sih... Codenya malah dihancurin -_-} Fathya mau posting ulang. Eits... Tapi, codenya ada beberapa yang diubah! Apa itu? Cek aja sendiri



Nama

NAMA

NAMA

NAMA

NAMA

NAMA

Nyohoho... Fathya tak akan memberi tahu, siapa bias Fathya yang sebenarnya! {Heeee... koq gitu?} Serah dong.... Btw, mau? Ikuti tutonya!

  • 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 #EBF8FF;
border-radius:15px;
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: #F8FCFF;
-webkit-transition-duration: 0.8s;
border-top: 3px solid #EBF8FF;
border-bottom: 3px solid #EBF8FF;
line-height: 4px; text-transform: uppercase ;
-webkit-transform: rotate(-30deg);
font-size: 11px;
font-family:Short Stack;
}
.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="200px" /><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.

No comments:

Post a Comment