September 2011 ~ Hafizah

30 September 2011

freebies dah okay

Assalammualaikum

haritu saya ada post pasal photobucket saya buat hal kan kan . so , saya buat acc photobucket yang baru . lepas tu picture semua tu saya upload balik . jadi url tak sama la . tapi saya dah tukarkan siap-siap . nak tengok boleh click bawah ni . sebelum tu saya nak bagi tawu yang saya buat button top dengan picture assalammualaikum yang baru . sila click bawah ni okayy .

freebies : opening note untuk post entry

freebies : welcome note 'click enter'

freebies : button top

freebies : header

freebies : background (line)

freebies : background - part 2 (vintage)

freebies : background - part 3

freebies : background - part 4 (polka dots)

freebies : background - part 5

kalau masih ada yang tak dapat ke , comment saya okay .

Tutorial : Tab Menu 'Vertical'

By Nurhafizah 2:31 PM // 7 comments

Assalammualaikum

ni tutorial untuk tab menu . contoh macam image bawah ni .

Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

copy code bawah ni . paste dalam kotak html/javascript okay .

<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.sidebarmenu ul{
width:250;
text align:center;
list-style-type: none;
font: normal 13px Verdana;
}
.sidebarmenu ul li{
position: relative;
}
/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-align:center;
text-decoration: none;
padding: 0px;
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #F5A9BC; /*background of tabs (default state)*/}
.sidebarmenu ul li a:visited{
color: white;}
.sidebarmenu ul li a:hover{
background-color: #BDBDBD;}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
</style>
<script type="text/javascript">
//Nested Side Bar Menu (Mar 20th, 09)
//By Dynamic Drive: http://www.dynamicdrive.com/style/
var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
    ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
   ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
    ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.display="block"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.display="none"
    }
    }
for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}
if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)
</script>
<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="LINK">Home ❤</a></li>
<li><a href="LINK">Owner ❤</a></li>
<li><a href="LINK">Tutorial ❤</a></li>
<li><a href="LINK">Stuff ❤</a></li>
</ul>
</div>

note :
hijau - ukuran lebar sidebar
merah - warna tab menu punya background
biru - hover warna tab menu punya background bila sentuh
ungu - link site
oren - perkataan

crdit :

http://dynamicdrive.com/style

aqupunyekesahbukankau.blogspot.com

Tutorial : Spoiler Button

By Nurhafizah 1:36 PM // 1 comment

Assalammualaikum

ni tutorial untuk spoiler button . tutorial ni nak sama macam tutorial yang saya pernah dah buat . click sini .yang saya nak buat ni style baru sikit . sebab ada background .

Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

<div id="spoiler"><div><input value="Credits" style="width:250px;font-size:12px;background-image: url(url background);-moz-border-radius: 5px; border-radius: 5px;margin:13px;padding:0px;border-style: 2px solid #ff9fcc;" type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Spoiler!'; }" />
<div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:90%">
text</div></div></div>

note :
merah - perkataan dekat button
oren - url background button
hijau - isikan apa-apa yang korang nak .

crdit : letthaprincess.blogspot.com

Tutorial : Underline Background

By Nurhafizah 9:05 AM // 10 comments

Assalammualaikum

tutorial underline yang saya nak buat ni ada dua jenis ye . satu untuk background ada image dan satu lagi background berwarna . contoh tengok bawah ni .

BACKGROUND YANG ADA IMAGE

1. Dashboard > Design > Edit html > tick Expand Widget Templates

2. cari code ni :

u {

3. kalau tak ada copy code ni u { paste atas /* Header

4. copy code ni , paste selepas u {

text-decoration:none;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAyuFwVspVPjuZI4EFPqluQ6fJCDC7dSFHse1w2cjI76pbm3BBspWx2feJhjB6TiIFCC0ZGck_bGulsDzD-NRaYIt3kr5_oLhCahnxic9WutzA_mFQTvENyS_bDy7L8erNBJiMIAfa099-/s400/dgray.png);
padding-top:8px;
padding-bottom:12px;
}

5. preview & save

note :
merah tu gantikan dengan url image korang .
biru tu size font . kalau nampak tak sesuai , tukar la .

kalau tak ada boleh cari dekat sini lagipun saya rujuk tutorial dekat sini :
aqupunyekesahbukankau.blogspot.com
biggestbeeha.blogspot.com

BACKGROUND BERWARNA

macam tadi jugak cuma yang number 4 tu tukar dengan code bawah ni .

text-decoration:none;
background: #D8D8D8;
color: #FFFFFF;
border-radius: 5px;
padding-top: 1px;padding-bottom: 1px;padding-left: 2px;padding-right: 2px;}

note :
oren - background warna
hijau - warna tulisan

yang ni saya rujuk yang fiqahpunyacerita.blogspot.com .

Tutorial : Tab Menu 'macam saya' part 2

By Nurhafizah 11:54 PM // 21 comments

Assalammualaikum
tutorial ni dah lama orang suruh saya buatkan . tapi disebabkan minggu ni busy sikit , saya buat lambat sikit . hihi . lagipon dah ramai tanya .

1. Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

2. copy code bawah ni dan paste dalam kotak html/javascript okay .

<br/>
<span style="background-color: #ced8f6; border-radius: 5px 5px 5px 5px; padding: 3px 10px;"><a href="URL SITE">About Me</a></span>
<span style="background-color: #ced8f6; border-radius: 5px 5px 5px 5px; padding: 3px 6px;"><a href="URL SITE">Tutorial</a></span>
<span style="background-color: #ced8f6; border-radius: 5px 5px 5px 5px; padding: 3px 6px;"><a href="URL SITE">Tumblr</a></span>
<br />
<br />
<span style="background-color: #ced8f6; border-radius: 5px 5px 5px 5px; padding: 3px 5px;"><a href="URL SITE">Twitter</a></span>

<span style="background-color: #ced8f6; border-radius: 5px 5px 5px 5px; padding: 3px 5px;"><a href="URL SITE">Youtube</a></span>

<span style="background-color: #ced8f6; border-radius: 5px 5px 5px 5px; padding: 3px 5px;"><a href="URL SITE">Formspring</a></span>

note
merah - url site korang
biru - warna background

p/s : kalau korang ikot sebijik , mungkin akan sama macam yang saya punya . tu pon kalau lebar size sidebar sama .

kem kursus kepimpinan

By Nurhafizah 11:01 PM // 11 comments

Assalammualaikum

kem ni minggu lepas. macam dah nak basi kan cerita . tapi tak apa . saya nak cerita jugak . keke . okayy . kem yang saya pergi tu start pagi isnin sampai tengahari khamis . jumaat cuti . so , direct tak masuk kelas langsung . \ ~~horeeyy (!)~~ / . banyak yang ketinggalan . jenuh betol nak ligan 'ikot balik' .

hari first dengan second memang membosankan . sebab tak ada aktiviti yang best sangat . dengar ceramah . lepas tu aktiviti dalam unit . tapi aktiviti dalam unit bagus la jugak . sebab saya dapat tawu lebih lanjut mengenai buku log yang saya buat tu .

hari ke tiga tu , memang best ohh . aktiviti mencabar weh . ada kayak dengan flying fox . kayak saya dah pernah cuba . flying fox first time saya cuba . memang takot jugak ah . sebab tinggi . bergayut macam tarzan tu . hiihii . dah alatan dia tu berat . tapi kalau jatuh pon , jatuh dalam tasik . hehe . sebab bawah tu tempat kayak .

makanan yang disediakan boleh tahan la . tak ada la saya kebuluran . hehe . 6 kali makan dalam satu hari . haha . suka betol ! . tempat tidur ada aircond . sebelum ni pergi kem atau kursus tak pernahnya tidur ada aircond . tapi kali ni ada aircond pulak . dalam bilik tu muat 30 orang . ada katil dua tingkat . saya tidur katil tingkat atas . bawah aircond pulak tu . perghhh ! sejuk ~~gila~~ . bilik air pon okayy . tak payah beratur pon .

kalau bab kawan tu . semuanya okayy . tak sombong . jumpak saja senyum . sampai tak larat senyum . hehe . dan saya rasa ni la kali pertama pergi kem yang jumpak kawan-kawan yang tak berlagak nak ~~mampus~~ . dengan pelajar cina dengan india pon okayy . saya tak kenal seorang pon yang pergi kem tu . cuma budak laki sorang tu saja saya pernah tengok . sebab sebelum ni pergi kem jugak pernah tengok dia . tapi saya tak perasan sangat .

kem ni combine sekali dengan sekolah rendah . so jumpak la budak-budak sekolah rendah yang come lote tapi cakap banyak . ada yang mintak number apa semua la . malam sebelum balik memang syiok . ada malam kebudayaan . ada sketsa . kebanyakkan cerita lawak la . ada yang buat sedikit lucah pon ada -.- ! haha . kem tu banyak pelajar yang speaking . maklum la banyak cina .

ehmm . rasanya cerita takad ni saja . tak tawu nak cerita apa lagi . bawah ni ada la sedikit gambar yang saya ambek dari fb seorang cikgu ni . saya ambek sikit saja la . jumm tengok =)

bunyi pelik

By Nurhafizah 11:03 PM // 10 comments

Assalammualaikum

saya baru saja habis edit blog sepupu saya punya girlpren . guna simple template . saya dah lama tak guna simple template , so lambat sikit siap . nak tengok click sini . template nama pon simple jadi saya buat pon simple . hihi . tapi header saya buat kejap saja .

saya buat pon rujuk tutorial blog saya . saya bukak blog macam biasa la . tapi ada bunyi pelik . dengar yang youtube tak ada bunyi macam tu pon . bunyi tu akan bunyi sebelum lagu youtube . i mean , bukak saja terus dengar . kalau yang youtube tu nak kena tunggu beberapa saat kan sbelum dia start . bunyi dia macam apa ntah .

so saya biarkan . dah lama tu baru okayy . sebelum ni tak pernah jadi pon . saya bukak blog orang lain tak pulak nak bunyi . haihh . virus pe la tu (!)

buku log PPI

By Nurhafizah 7:08 PM // 5 comments

Assalammualaikum

minggu ni sesak bukan yang jalan raya tu . tapi timetable saya . semuanya serabut dengan buku log PPI . nak kena hantar minggu ni . penat yang double weh . nasib baik la ada kawan-kawan yang sudi tolong . kalau tak hampeh saya nak buat . kena cari bahan itu la ini la . memang haruuuuu !

bahan nak buat pon tak cukup . dah la saya ni kalau bab-bab nak kreatifkan buku log tak berapa pandai . rasanya hampir separuh yang dalam kelas saya tu tolong saya . mana taknya , pen berwarna pinjam , kaler la , lukis-lukis la , photostate la , kertas warna dan macam-macam lagi la . kalau nak beli nanti saya guna sikit saja . \ kedekut eh ? / haha ! tak jugak .

itu la , dari tingkatan satu tak nak buat ! . tahun ni baru kalut-kalut nak buat . dah la dngan kerja kursus akaun banyak tinggal . lepas habis buat buku log ni , nak kena pulun buat akaun pulak . T_T ! .

okayy . saya nak ucapkan banyak-banyak terima kasih kepada kawan-kawan saya yang banyak membantu saya . kepada ustazah , sorry ye . sebab hantar buku last minute . kesian ustazah nak kena semak banyak . pape pon terima kasih sebab sudi tolong :)

day 12 - Blog you visit the most

By Nurhafizah 6:50 PM // No comments

Assalammualaikum

hari ni tak tawu kenapa mata saya ni asyik rasa pedih . dari pagi sampai petang . mungkin sebab semalam tidur lambat . tapi sebelum ni kalau tidur lambat pon tak pulak pedih . ehmm ! dah lama saya tangguhkan challange ni . ingatkan nak start balik minggu lepas tapi tak jadi pulak .

blog yang banyak saya lawat , blog ni

http://dirikudrcinta.blogspot.com/

17 Syawal 1432

By Nurhafizah 1:51 PM // 2 comments

Assalammualaikum

semoga Allah mencucuri rahmat ke atas roh arwah tok

kem dah habis . kemarin dalam pukul 1 petang saya dah standby nak balik rumah . nak naik bas tak boleh sebab tak cukup orang . so , kena tunggu sekejap . lepas tu kawan saya dapat panggilan . masa tu saya nak bangun pegi toilet sebelum naik bas .

elok nak bangun saja kawan saya cakap tok saya sudah meinggal . terus terduduk atas lantai . badan saya rasa lemah tiba-tiba . mata dah mula berair . saya rasa macam tak percaya . saya tanya banyak kali betul ke.
tok saya dah meninggal . time tu dah mula nanges

saya call ibu saya tapi tak dapat . jantung ni macam nak tercabut saja . saya menanges gile ! dah la time tu orang ramai . saya pandang dinding tak nak kasi dyorang tu tengok . kawan saya tu pujuk saya supaya bertenang . saya rasa pening sampai termuntah . nasib baik sempat pergi toilet .

lepas tu keluar dari toilet tu ada cikgu saya . cikgu saya nak hantar saya balik , jadi tak payah la balik dengan bas . masa cikgu saya datang tepi saya tu suruh saya bertenang , saya tak dengar langsung apa yang dia cakap dekat telinga saya .

time tu memang tak boleh tahan dah , nanges sampai mata bengkak . lepas naik kereta tu dah reda sikit . cikgu saya hantar sampai balik rumah . cikgu datang ziarah . tapi time tu jenazah tak balik lagi . masih ada dekat hospital . saudara-saudara pon dah mula datang . ramai jugak ah .

saya sempat cium arwah tok saya . sayang sangat dengan arwah sebab arwah satu-satu tok yang saya ada . lepas ni saya dah tak ada tok la . umur arwah tok saya dah 81 tahun , dah tiba masanya . saya redha saja la .

p/s : nanti saja la cerita pasal kem yang saya pegi tu .

Tutorial : Flabbergast

By Nurhafizah 8:51 PM // 6 comments

Assalammualaikum

flabbergast . mula-mulanya saya pon tak tawu apa benda tu flabbergast . nak sebut pon berbelit lidah nih ha . haha . benda tu untuk menyengetkan sikit . senget banyak pon boleh . untuk hover yang blockquote pon sesuai . senget ke kiri boleh senget ke kanan pon boleh . nak letak dekat blockquote boleh , post title boleh , sidebar pon boleh . \ brapa byk boleh la ! /contoh bleh tengok 2 gambar bawah ni .

ni code dia . copy code ni letak saja dekat blockquote ke , post title atau sidebar .

ke kanan :

-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
}

ke kiri :

-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
}

lepas tu preview dulu ye .

note : kalau nak senget lagi tambah lagi number tu ..

rujuk : daniameetsworld.bs

buang welcome note 'click enter'

By Nurhafizah 1:41 PM // 27 comments

Assalammualaikum
ramai yang tanya saya macam mana nak buang benda tu balik . korang pegi dekat edit html . cari balik code yang korang letak tu *code welcome note tu la . lepas tu delete semua . code dia panjangkan , so buang semua . jangan tertinggal sikit pon . tu saja . tapi jangan save terus . preview dulu okay .

template mana pon sama saja . sebab saya dah test dah . kalau buang dia cakap error tu , ade la korang delete code dia tak kena . so , tengok betol-betol . tu saja .

Tutorial : Background ShoutBox

By Nurhafizah 12:03 PM // 11 comments

Assalammualaikum

copy code ni :

<center><div style="border:1px dotted #A9BCF5;"><div style="background: url(URL BACKGROUND) repeat; padding: 5px;">TEXT</div>CODE SHOUTBOX</div></center>

paste dekat HTML JAVA tu ye .

note :
biru - warna line border
merah - url background
hijau - text
ungu - code shoutmix korang
underline - dotted / solid / dashed

rujuk : Amoi Athirah

Tutorial : sidebar 'macam saya'

By Nurhafizah 11:27 AM // 17 comments

Assalammualaikum

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

2. cari code nih : h2 { atau .sidebar h2 {

3. copy code ni :

text-shadow: 0 0 0.1em #A9A9F5, 0 0 0.1em #A9A9F5;
background:url(URL BACKGROUND);
text-align:center;
border: 1px dotted #A9BCF5;
border-right:5pt solid #A9BCF5;
border-left:5pt solid #A9BCF5;

4. paste bawah h2 { atau .sidebar h2 {

5. preview & save

note :
biru - background \ nk background boleh click sini /
merah - warna line border yang tepi
hijau - warna line border yang dotted

Tempahan Blog

By Nurhafizah 11:25 AM // 5 comments

Assalammualaikum

"nak tempah blog boleh?" lebih kurang macam tu la ayat dia . ramai tanya saya ayat macam tu . satu lagi tanya kenapa saya tak buat tempahan blog . pernah jugak terlintas dalam otak saya ni nak buat tempahan blog sebab dah ramai tanya . \ boleh untung weh ! / haha . sebenarnya saya buat blog ni bukan untuk nak cari duit semata-mata . lagipon ingat senang ke nak edit blog orang ni .

susah taw bagi saya nak edit blog orang . sebab saya tak tawu cita rasa awak tu . kalau saya rasa ini bagus , awak pulak rasa tak suka . tambah-tambah yang tak berapa kenal tu . nak edit blog pon kena ada mood taw . hehe . sebab kalau tak ada mood rasa mcam tak semangat saja nak edit . nak edit blog kena buat slow-slow baru idea datang .

korang ikot tutorial pon menjadi la . tak payah bayar . jimat duet . haha . cuma perlu tawu tutorial saja . dan kena tawu pasal photoshop atau photoscape . sekarang ni kan banyak blog dah ada tutorial . senang saje nak jumpak . nak buat header ke , tengok video pon boleh . lagi senang buat .

nak jugak buat tempahan , korang kena cari orang yang betul-betul kreatif baru korang akan puas hati dengan hasil yang dia buat . korang tengok blog dia pon dah tawu . lawa ke tidak .

kalau nak saya edit tu , saya hanya tolong saja . tak perlu bayar-bayar . tapi ikot keadaan jugak la . kalau saya rasa malas , saya tak akan buat .dan jangan paksa saya atau buat ayat pasrah . heee .

BLOG DAH CANTIK TAPI LIAT NAK BAYAR!
kalau rajen baca entri ni pulak yer . tapi bukan saya punya la ..

Lee Min Ho lawat blog saya !

By Nurhafizah 5:28 PM // 11 comments

Assalammualaikum
hari ni partner sebelah tempat duduk saya dalam kelas tak datang . sunyi saja dia tak dak . haha ! sepenjang hari sekolah tak pernah dia tak hadir ke sekolah . tapi hari ni entah kenapa tak datang . mungkin sebab masih beraya . hehe . nvm . opss ! lupa pasal tajuk entri ni . actually , tak tawu nak letak tajuk apa . hehe .

okayy ! tengok atas ni . keke . senyum sampai ke dahi . haha . korang yang muda dari saya , panggil saja la 'akak' or 'kakak' jangan burung kakak tua sudah la . hehe . dan saya akan panggil adik kepada orang yang muda dari saya . hanya sekadar panggil pon sudah cukup . hihi .

tadi saya tak tengok pon shoutbox comel saya ni . lepas baca , baru saya perasan . hihi . Cody Simpson lawat blog saya ? tapi , sebenarnya saya pon tak kenal sapa dia tu . cuma nama saja macam penah dengar . dah cek tu baru tawu . haha . tapiiiiii , entah la betol ke tak dia tu . mana tawu orang lain ke kan ? . kalau betol saya harap-harap Kim Bum pulak la lawat . hahaha ! \ ceh ! perasan sebentar /

hari ni malas tahap 101% nak datang sekolah . dah la semalam pergi hantar adik saya balik Kedah . singgah tiga buah rumah . penat weh . balik nak dekat 11.30malam . dah la baju sekolah tak seterika lagik . kasut tak buboh kapur , jadual tak ikot . ngeee ! harap saja cuti seminggu . hehh !

pergi sekolah makan daging burger saja weh . kesiaaaaannnn T_T ! . koperasi barang tak masuk lagi . maklum la sebulan tak juai makanan . saya jarang beli dekat kantin sebab tak sedap . heee . nak beli air bungkus kena tunggu berminit-minit . ngeee ! haru-haru .

jadual waktu sekolah berubah

By Nurhafizah 3:52 PM // 6 comments

Assalammualaikum

lepas ni tak dak dah balik pukul 2.05 petang . sebab jadual berubah . kena balik pukul 2.30 . seronok ? tak payah tanya lah sokalan tu . sah-sah memang tak suka ! tapi saya bukan kisah sangat . sebab dulu kelas aliran bahasa arab balik lewat . pukul 4 petang pon penah balik . jadi , tak la heran sangat .

makin lama , makin lewat balik . dulu balik pukul 2 petang . lepas tu tukar jadi 2.05 petang . nih tukar lagi , 2.30 petang terus . waktu kali ni berubah selepas raya . jadual waktu matapelajaran berubah macam mana tak tawu la sebab baru start hari ni .

datang sekolah pon sama ah . ni yang saya tak suka . hehhhhhh ! . makin lama makin awal kena datang . kalau tak salah saya , masa tingkatan 1 datang pukul 7.35 pagi \ im not sure / . lepas tu tukar jadi 7.30 pagi . kali ni tukar jadi 7.20 pagi loceng dah bunyi . uwaaaa !