1 STALKERS
DREAMER ;
FACEBOOK SHOP ASK.FM BLOGSKIN +FOLLOW
PUT BIAS LIST/SECTION [BLOGSKIN]
Posted Nov 18, 2013 // 5:11 PM


Assalamualaikum, for first Arina nak mintak maaf sebab lewat buat tuto ni seperti yg arina janjikan, sy lupa sangat2, otak blur2 sikit time cuti ni  , hehe mohon memahami la ye cik embun. Btw, tuto ni di request oleh sis tyra ... sorry kak ye lewat 


PREVIEW YANG X SEBERAPA XD

1. Pergi ke Templete, edit and target kat mana korang nak letak bias list
2. Copy code bawah ni dan paste dekat mana2 yg nak letak bias list.

<style>
.icon2 {
margin: 5px;
width: 100px;
height: 100px;
overflow: hidden;
position: relative;
border: 3px solid black;
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: #fff;
background: black;
-webkit-transition-duration: 0.8s;
border-top: 3px solid white;
border-bottom: 3px solid white;
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>
<table border="0" bordercolor="" style="background-color:" width="500" cellpadding="0" cellspacing="0">
<tr>
  <td><div class="icon2">
<img src="URL GAMBAR" width="100px"><div id="bias">
NAMA BIAS</div>
</div>
</div><td><div class="icon2">
<img src="URL GAMBAR" width="100px"><div id="bias">
NAMA BIAS</div>
</div>
</td> 
3. Try preview jadi tak :) If jadi save.

NOTE :
RED , tukarkan pada url gambar
BLUE , nama bias
Nota kaki, if nak letak banyak2 gambar bias, just copy balik dari code <td> sahaja :)

xoxo,
Arina
5 Comments:
Blogger Eira said...

thank you very much arina...sbb wt tuto ny untk sis...tpy sis bt x jd la...x kuaq papoun ksong ja ruang bias sis....sis bru guna blogskin jd agk x pham la..

November 18, 2013 at 8:54 PM  


Anonymous Anonymous said...

Kalau sis x keberatan, arina boleh tlg buat

November 18, 2013 at 10:26 PM  


Blogger Eira said...

mstilah tak..sis ok ja..asalkan x mnyusahkan arina...apa yg prlu sis bt?

November 19, 2013 at 12:34 AM  


Blogger ashyaziz said...

Sis,macam mana saya nak copy?Tak boleh

December 16, 2013 at 2:05 AM  


Blogger rinnrin said...

oh lupa2, pm fb

December 17, 2013 at 5:30 AM  


Post a Comment

1# Harsh word not allowed
2# Support word , I say THANKS ^^

... Back to the blog?