// The Diary
Homepage Me Tutorials Affiliates

Tuan Tanah


Ameerah Tasleem binti Ahmad Rahimi
19 years old
Dream to be young always >.<
Be nice and don't mess up with me
Wanna be a responsible daughter and zaujah :)


Salam Perkenalan


Press once only
Exchange links are accepted :)
Do leave your link
No anons
Ads are prohibited
No harsh words


Credits

Template & Skin by : Husnaa
Credit also to : Wani | WHI | C4U | Una | Iqa | Lyene | Tieqa

Them
Tutorial : Background Cbox
Tuesday, 1 January 2013 | 09:05

tutorial pertama untuk 2013. so, hari ni ameerah nk buat tutorial tentang background di cbox. tau tak cbox?

okey, benda ni la cbox

1. Login cbox korang dulu. bagi yang newbie, boleh daftar cbox kt sini 

2. Tekan Look & Feel dan pilih Colours & Fonts

3. Kosongkan mana yang dalam kotak :


4. Then, tekan Publish!
-kt bawah tu ada code cbox korang 

5. Dashboard > Template

<div style="background: url(url background); background-repeat:repeat; background position:right;"><center>Code Cbox</center></div>

*merah : ganti dengan url background yang korang nak
*biru : ganti dengan code cbox korang

that's all. kalau tak jadi, sudi-sudi la bertanya okey. assalamualaikum :)

Labels:


0 cikgu leter

Tutorial : Letak Icon Tepi Post Title
Saturday, 15 December 2012 | 00:52


lorh, abaikan gambar tu.. actually ameerah tengah berjiwang sekarang.. ahaks, apa orang kisah kan? so, back to the topic.. here we go..

Dashboard > Template > Edit HTML

Tekan ctrl+f serentak dan cari code <$BlogItemTitle$>

Dan paste code kat bawah ni atas code tadi
<img src="url image yang korang nak"/>
that's all. bak kata org indonesia gampang aja. lol

Labels:


0 cikgu leter

Tutorial : Scrollbar Like Me
Friday, 9 November 2012 | 21:00

mood: unpredictable

Back to topic. okey, sekarang korang alihkan pandangan ke kanan blog ni.. ada scrollbar kan? lol. tp ameerah punya ni berbeza coz ada pmegang la senang cerita.. so, tuto kali ni utk share cara utk buat scrollbar yg ada holder mcm tu.. note : tuto ni utk pengguna blogskin mcm ameerah shja

copy smua ni
::-webkit-scrollbar {width:10px;height:10px;font-size: 13px;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {height:10px;width:10px;display:block;background:#D8CEF6;border:1px solid #D8CEF6;}::-webkit-scrollbar-track-piece  {background-color:#fff;}::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {background-color:#D8CEF6;border:1px solid #D8CEF6;}
note: 
klau korang dh ada scrollbar, buang dlu link tu n ganti dgn link ni

then, paste dkt edit html .. xkesah la kt mna pun.. :)

utk yg nk guna image, korang ganti je code warna dgn link image.. contoh :

background:#D8CEF6;
#D8CEF6 ganti dgn url(url image)

Labels:


0 cikgu leter

Tutorial : Disable Highlight
Friday, 2 March 2012 | 22:00



aku malas betul nak buat intro.. ngeh3.. nanti aku rajin, aku buat lah okey.. aku tengah dalam kegawatan ekonomi ni.. haha! actually aku dalam minggu exam ni.. so, sebab tu ah dah lama tak online.. maklum la calon PMR -.-


okey, to the main point.. apa fungsi disable highlight ni sebenarnya? erm, kebanyakan orang yg guna ni utk elakkan entri dicopy paste..


Dashboard > Design > Add Gadget > HTML/Java script


sila paste code di bawah :


<script type="text/javascript">
 /************************************************ Disable select-text script- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)return false }
function reEnable(){
return true}
if (typeof document.onselectstart!="undefined")document.onselectstart=new Function ("return false")else{
document.onmousedown=disableselect
document.onmouseup=reEnable}
</script>
Boleh preview and save.. okey, aku nak study sejarah.. subjek paling lemah dalam hidup.. :D

Labels:


0 cikgu leter

Tutorial : Buat Scrollbar
Saturday, 11 February 2012 | 20:07

lol, abaikan gmbr abg aku tuh XD

Kali ni ameerah tergerak hati utk buat tuto sbb ameerah bosan sangat.. hehe.. apa salahnya membantu kan? so, let's get start! :)

khas utk newbies :
scrollbar tu benda alah yg kt tepi blog tu.. klau korang nak gerakkan ke bawah, benda tu akan bergerak ke bawah sekali.. macam yg korang tgk, ameerah punya warna purple..

x susah pun nk buat benda ni.. cuma perlukan sentuhan tangan ckit ja.. lol
sebelum tu, sukacita dimaklumkan bahawa tuto ni hanya berkesan utk google chrome.. and ameerah guna browser nama rockmelt.. browser ni pun berkesan.. yg x berkesan spt : mozila firefox, internet explorer

jom mula!

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates

2. Tekan CTRL+F serentak, cari code ni :
]]></b:skin>

dah jumpa? copy code ni
::-webkit-scrollbar {
height: 10 px;
width: 10 px;
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #D8CEF6;
-moz-border-radius: 10px;
border radius: 10px;
border: 1px solid #000;
}

3. Paste atas code ]]></b:skin> tadi

okey, ni utk note :
merah - background scrollbar
purple - scrollbar
biru - border utk scrollbar korang.. boleh buang kalau x nak..
tukarkan ikut kegemaran korang.. :)

4. Preview & kalau menjadi boleh save..!

nak rujuk code warna, boleh cari kat sini dan sini

Labels:


0 cikgu leter

Tutorial : Link Open New Tab
Wednesday, 8 February 2012 | 20:25



actually benda ni mmg confirm kacang gila bagi blogger yg dh lama dlm dunia blog ni.. so, ameerah assume kan cuma newbie je yg akan baca tutorial ni.. apa guna link new tab ni? erm, bg ameerah benda ni perlu ada sbb ameerah x suka tekan back.. bkn x suka tp malas.. lol XD


okey, ke tajuk utama :
1. Dashboard > Design > Edit HTML
2. Tekan ctrl+f, search code <head>
3. Dah jumpa, copy code ni kt bawah code td tu
<base target='_blank;/>
4. Dah siap & boleh save

Labels:


0 cikgu leter

Tutorial : Youtube Player
Monday, 6 February 2012 | 14:31


Actually, ni first tutorial ameerah.. so, klau ada salah ke apa ke bagitahu eik.. malas nk buat intro.. so, ameerah truskan dgn tuto okey? LOL


First sekali korang buat cmni..


Dashboard > Design > Page Element > Add A Gadget > HTML/Javascript


ambik code ni dulu..
<center><object height="25" width="300"><param name="movie" value=http://www.youtube.com/v/kKm2o-yNPeU?color1=0xffffff&amp;color2=0xfffffffs&amp;amp;hl=en_US&amp;rel=0">
</param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/kKm2o-yNPeU?color1=0xffffff&amp;color2=0xfffffffs&amp;autoplay=1&loop=1&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="200" height="25" allowscriptaccess="always" allowfullscreen="true"></embed></object></center>

pergi ke youtube & scroll ke bwh.. sila ikut arahan ni :

*abaikan benda x penting.. lupa nk crop XD

note :
ungu - tukarkan dgn code yg korang dh copy td..
merah - klau korang x nak buat autoplay, bleh delete code tuh..


preview & siap..


utk pengguna blogskin :


korang bleh jugak klau nk guna.. sila ambik code tu then add kt mna yg korang nk..


contoh code ameerah 

<center>Hello! Miey in the Woolim here.. i'm a hardcore kpoppers.. yeah, so what? hit the X button if you hate me..</center>
<br><center><object height="25" width="300"><param name="movie" value=http://www.youtube.com/v/SlFCY95BZRc?color1=0xffffff&amp;color2=0xfffffffs&amp;autoplay=1&amp;hl=en_US&amp;rel=0">
</param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/SlFCY95BZRc?color1=0xffffff&amp;color2=0xfffffffs&amp;autoplay=1&loop=1&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="200" height="25" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br>


note : <br> tu utk line sterusnya.. atau bleh dikatakan enter lah.. XD


okey, itu je.. :-)

Labels:


0 cikgu leter

|