My First June

Tutorial Make Bias List (Blogskin)

5 Pinkie[s] | Scroll up

Assalamu’alaikum Guys...Libur lebaran sudah habis. Gimana nih, angpao nya udah berapa? Hehehe. Yang pasti gunain angpaonya untuk hal-hal yang postive aja ,Okay! Oia..Ini pertama kalinya aku buat tutorial blogskin, yang sebelum-sebelumnya tutorial photoshop. Tutorial ini request dari Mrs. Park. Blogger asal tetangga serumpun. Mian,i use indonesia language, coz saya tak paham sangat bahasa malay tu...Mianhae J

First step, kamu cari dulu, navigation/ sidebar title yang akan kamu jadikan bias listnya. Seperti aku, Navigation ‘’Fan Girling’’. Paham tak?

Then copy code bawah di bawah ini, letakkan di bawah code title navigation tadi.

.P9{ width:90px; border:5px solid #FFD7D7; box-shadow:2px 2px 5px #ccc;margin:5px;}

#bias{position:absolute;

margin-top:-60px;opacity:0;

-webkit-transition:All 0.4s ease;

-moz-transition:All 0.4s ease;

-o-transition:All 0.4s ease;

background:#fff;

width:90px;

text-align:center;

color:#888;

font-size:12px;

letter-spacing:1px;}

.P9:hover #bias{margin-top:-40px;opacity:1}

</style><table border="0" bordercolor="" style="background-color:" width="520" cellpadding="3" cellspacing="0">

<tr>

<td><div class="P9">

<img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrh9u-OYp3ph4kQs6q98wIugodlvGWfjKYfx8l-WS73DAwlR2Yc1i_-JrXH043XPjOOBnAd3ZDGHEO-U_DjFc98_jZMegKojGT2ty0HXpFg_dMIWbpARawJM19KnUbgdHXu0UBjhd-N3c/s1600/my+bias+f.t.island.jpg " width="90px" height="90px"><div id="bias">

F.T.Island</div>

</div>

</td>

<td><div class="P9">

<img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrh9u-OYp3ph4kQs6q98wIugodlvGWfjKYfx8l-WS73DAwlR2Yc1i_-JrXH043XPjOOBnAd3ZDGHEO-U_DjFc98_jZMegKojGT2ty0HXpFg_dMIWbpARawJM19KnUbgdHXu0UBjhd-N3c/s1600/my+bias+f.t.island.jpg " width="90px" height="90px"><div id="bias">

F.T.Island</div>

</td>

<td><div class="P9">

<img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrh9u-OYp3ph4kQs6q98wIugodlvGWfjKYfx8l-WS73DAwlR2Yc1i_-JrXH043XPjOOBnAd3ZDGHEO-U_DjFc98_jZMegKojGT2ty0HXpFg_dMIWbpARawJM19KnUbgdHXu0UBjhd-N3c/s1600/my+bias+f.t.island.jpg " width="90px" height="90px"><div id="bias">

F.T.Island</div>

</td>

<td><div class="P9">

<img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrh9u-OYp3ph4kQs6q98wIugodlvGWfjKYfx8l-WS73DAwlR2Yc1i_-JrXH043XPjOOBnAd3ZDGHEO-U_DjFc98_jZMegKojGT2ty0HXpFg_dMIWbpARawJM19KnUbgdHXu0UBjhd-N3c/s1600/my+bias+f.t.island.jpg " width="90px" height="90px"><div id="bias">

F.T.Island</div>

</div>

Notes :

Merah : Lebar kotak bias

Hijau : Tebal kotak bias

Pink : Warna kotak bias

Biru : Bagian ini terserah kalian, mau diubah atau tidak.

Nah, sudah selesai. Semoga tutorial ini berguna, Jika kalian pakai tutorial ini, comment ya. Jika ada yang belum paham, tanyakan saja. Wassalamu’alaikum and Annyeong

Label: Tutorial