Nabiha Zaidi

tutorial- header transparent

2. Bukak GIMP2 .

3.Tekan kat keyboard ctrl+N.

width/height-ikot suke . . jangan lupe tekan advanced option tu . . lastly . fill with tu korang pilih transparency . (wajib) Makesure die akan keluar macam kat bawah ni.

4.Ctrl+S dan save macam gambar di bawah. Wajib format .png.

5.tick yang macam aku tick je. Save.

6.Bukak photoscape dan pilih editor.

7.Bukak header yg korang transparentkan tadi . Jangan risau, die memang keluar warne putih, tapi tu dah transparent .

8.klik T kat bawah tu untuk type nama header korang.

9.Save

Klau tak jadi transparent maybe korang tak ikut step terutamanya time pilih transparency dekat GIMP2 atau korang tak save dalam format png. Tak pon korang keliru sebab tak jumpa header yang korang transparentkan tadi. Diingatkan bila korang dah transparentkan header tu di GIMP, automatik kat photoscape die keluar warna putih tanpa sebarang gambar. Bende ni memang betul-2 kena ingat step dan tak boleh terskip satu pon. Time dulu-2 fist belajar pon pening jugak nak ikut step, tapi lama-2 korang akan boleh hafal.

You may leave your comment :)

Tutorial- border untuk shoutbox

Jom buat border untuk shoutbox.

<div style="Background-image:url(URL BACKGROUND/IMAGE); repeat; padding: 10px; border:2px solid #b0c6e4; filter:alpha(opacity=80); border-radius:5px;"><div class="separator" style="clear: both; text-align: left;">
<center>KOD SHOUTBOX </center>

Leave your message ♥

You may leave your comment :)

tutorial- print screen (photoscape)

Apa itu print screen ? print screen tu, contoh die.

kite boleh tangkap gambar,bukan gambar kite. tapi gambar yang ade kat dalam lappy kite. Penting untuk yg buat tutorial, gune untuk bende yg berfaedah je ye.JANGAN MENCURI!!

1.download photoscape .

2bukak photoscape.

3.Click screen capture.

gambar credit to: Dania

You may leave your comment :)

tutorial-radio era dalam blog | autoplay& tak autoplay

AUTOPLAY-TERUS BUNYI
TAK AUTOPLAY-KLIK DULU BARU BUNYI

Kalau boleh buat yang tak autoplay sebab bukan semua visitor suka.

AUTOPLAY

<div></div><div><object type="application/x-shockwave-flash"data="http://ads.era.fm/inc/app/shar
ed/dvrplayer/capsules/radioactive/amp_flash/era/era.swf" width="200" height="170">
<param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="swfversion"
value="9.0.45.0" /><param name="expressinstall"value="Scripts/expressInstall.swf" /> </object></div>

TAK AUTOPLAY

<div><div style="margin: 5px;"> <div style="margin-bottom: 2px;"
class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="ERA FM HERE" onclick="if
(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '')
{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';
this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1]
.getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Pamirkan'; }" type="button"/>
</div> <div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2"> <div style="display: none;"><div>
</div><div><object type="application/x-shockwave-flash"data="http://ads.era.fm/inc/app/shared/dvrplayer/capsules/radioactive
/amp_flash/era/era.swf" width="200" height="170"><param name="quality" value="high" /><param name="wmode"
value="transparent" /><param name="swfversion" value="9.0.45.0" /><param name="expressinstall"value="Scripts/expressInstall.swf" />
</object></div>
</div></div></div></div>

You may leave your comment :)

Tutorial : Template Mine Version

Jom buat template macam aku. Memandangkan aku pakai Minima Template, korang pun kenalah bertukar ke Minima Template. Nak bertukar ke Minima Template? [ KLIK SINI ]. Tutorial ni pun, menjadi pada template lain, tapi kod dia lain sikit lah.

How To Use

1. Dasboard - Template - Edit HTML

2. Tekan Ctrl + f dan search kod #outer-wrapper {

Kod dia akan jadi macam kat bawah ni.

#outer-wrapper {
width: 780px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 500px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 240px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}

3. Copy code dibawah dan gantikan code di atas dengan code dibawah.

.clear {

clear: both;}

#content-wrapper {

width: 1000px;

margin:0 auto; padding:10px;

text-align:$startSide;

background-color: #FFFFFF;

border:2px solid #FA58AC;

-moz-box-shadow: 0 0 10px #FA58AC ;

-webkit-box-shadow: 0 0 30px #FA58AC;

-moz-border-radius: 15px;-webkit-border-radius: 15px;font: $bodyfont;}

#main-wrapper { width: 520px;float: $startSide;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden;

/* fix for long non-text content breaking IE sidebar float */}

#sidebar-wrapper {width: 240px;

float: $endSide;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}