Status
Come and follow my blog. thank you for your supports. :) now i'm officially graduated from UITM. Alhamdulillah :)



Ieqashafiqa

Shoutbox










My words!


Hai. I Ieqashafiqa. Want to know about me? Feel free to follow me. If you gonna search something, in below box!



>> convocation countdown
date : NOW
at:00:00am


>> Bachelor of Engineering (Hons) Chemical
date : 06/09/2014
at:08:30am


>> officially finish my diploma
date : 09/05/2014
at: 09:00am


>> prince proposed
date: 20/10/2012
at: 12:00am



Followers




Blog Archive


 tengah skodeng


Contact Me


: Shafiqa'aziyatul Azie
: @ieqashafiqa
:ieqashafiqa
: My Blog

Tabung Masa Hadapan



Remove image border
Tuesday 20 May 2014 | 0 Diamond[s]




Hai blogger sekalian tutorial ieqa yang ke2 hari ini adalah Remove Image Border. Ada sesetengah blogger xsuka lihat gambar mereka ada border kan. kalau macam tu meh ikut step ieqa satu per satu :) 


1. Dashboard > Template
2. Cari code kat bawah nie

.post-body img, .post-body .tr-caption-container

3. then korang tengok kat bawah code yang korang cari tadi. Ada anak2 code macam nie.

.BlogList .item-thumbnail img {
padding: $(image.border.small.size);
background: $(image.background.color);
border: 1px solid $(image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

4. Now, korang tukarkan no yang warna merah tu ke angka "0"
5. Or korang boleh del kod terus code tue. contoh:

.BlogList .item-thumbnail img {
padding: $(image.border.small.size);
background: $(image.background.color);

6. Preview & save.


Mudah je kan? selamat mencuba :)





Header with box






Hai blogger sekalian, hari ini ieqa nak update tutorial header with cbox. Tutorial ini khas untuk SIMPLE TEMPLATE jer ok. ieqa xnak melengah2kan masa lagi. meh ekot tutorial ieqa ini step by step. 



1.  dashboard > Layout > Add Gadget > HTML/Javascript
2. Copy code kat bawah nie




<center>
<div style="margin-top:15px;">
<div style="display:inline-block;width:900px;padding:5px;border-radius:0px 0px 0px 0px;border:2px solid #FFDFEA;background: url(BACKGROUND);">

<div style="display:inline-block;width:900px;padding-top:275px;border-radius:0px 0px 0px 0px;border:0px dotted #FFDFEA;border-bottom:none;background-repeat:no-repeat;background: url(URL HEADER);"></div><br>

</center>
<center>
<div style="margin-top:-1px;margin-bottom:-3px;background:none;border-left:30px solid #FFDFEA;border-right:30px solid #FFDFEA;width:600px;height:40px;">
</div>




3. Paste kat bahagian HTML/Javascript
4. Preview & save



Biru : background header
Pink : URL header
Oren: warna border header
Hijau : Width




Selamat mencuba :)



Newer Post
Older Post