studentkecik: April 2012

Monday, 30 April 2012

Music Box New Style [All template]

Assalammualaikum .

Tutorial ini ditujukan kepada Qurrathul ... :)

For blogskin & template designer boleh jugak .. but denim saya try tak jadi.. jadi error

Tutor from : sini

Sebelum dihover :

Selepas dihover :

Die jadi mengembang..hehe

Bukak Template .. tekan f3, cari kode

body {

Copy kode di bawah & paste di bawah body {

#music{
position:fixed !important;
right:10px; padding-top:12px;
top:10px;
padding-bottom:12px;
height:30px;
width:50px;
overflow:hidden;
border:3px solid #F6CED8;
-moz-border-radius: 17px 17px 17px 17px;
border-radius:17px 17px 17px 17px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
background: #fff;
z-index:999;
font-family: short stack;
font-size:13px;
}

#music:hover{
border:2px solid #E6E6E6;
padding:5px;
height:90px;
width:200px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;
}

Then, cari kode

<body>

Copy kode bawah & paste di bawah <body>

<div id="music">
<center><img src="http://www.laymark.com/l/cz/cz03.gif" style="margin-left: 3px; margin-bottom: 3px; width:40px;"><br></center>
<center>
<div style="color:#F6CED8;">AYAT KORANG </div>
<object width="160" height="25"><param name="movie" value="http://www.youtube.com/v/V-y_J7eVMIY?fs=1&autoplay=1&loop=1&hl=en_US&rel=0&color1=ffffff&amp;color2=ffffff " /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/V-y_J7eVMIY?fs=1&autoplay=1&loop=1&hl=en_US&rel=0&color1=ffffff&amp;color2=ffffff " type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="160" height="25"></embed></object></center>
</div>

Babai.Nak cepat ni.Assalammualaikum .

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Doodle Saya yang Tersengeh-sengeh

Assalammualaikum .

Alhamdulillah .. siap dah lukis doodle gegirl freehair ..

Cer tengok kasut dia, HAHA !

Memang saya tak reti lukis kasut pon :)

Ini baru test-test je lukis doodle freehair.. nak ke ? Hambek je...

Dah lah, jangan lah gelakkan doodle kite lagi, nangis kang..hehe

Jangan salah sangke yea, tangan die dah tercabut :>
Act, tangan die ke belakang gitu.. huhu..sebab saya tak reti lukis tangan jugak la..hah. gelak je..heehe~

Assalammualaikum .

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

1st Contest by Akma, Wani & Mira

Assalammualaikum .

Sudah di jemput lama dah, tapi baru sekarang sempat nak join ^^

Tekan banner untuk join :)

Mari lihat siapa yang kena .. hehe

Syafiqah Story

Sofia Mochaifos

Rajin nak bagitahu korang syarat-syarat la pulak

Warganegara Malaysia sahaja .
Wajib follow blog Akma, Wany & Mira untuk mengetahui perkembangan*klik je link tu :)
Klik iklan yang ada di blog mereka, dengan ikhlas :D *blog saya pon boleh..hikhik

Terajin jugak nak bagitahu senarai hadiah

Tempat Pertama
Shawl
Inner
Brooch
Lens
Tempat Kedua
Shawl
Lens
Tempat Ketiga
Lens
Header

Saguhati
5 kali review blog :D

Tarikh tutup : 27 Mei 2012

Tarikh mengumumkan pemenang : 31 Mei 2012

So sempat lagi korang nak join ! Lama lagi expired nyea :>

Assalammualaikum .

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Url Blogspot Dieksploitasi

Assalammualaikum .

Time blogwalking tadi kat blog sini, terbaca lah satu tajuk "Url Blogspot Diekploitasi"

Diekploitasi ? Siapa yang buat tuh ?

Okey, cer korang taip url korang dekat new tab macam nih :

http://aduduvsalienpink.blogpot.com/ --->tiada 's'

Itu yang tak de huruf S, atau taip macam ini :

http://aduduvsalienpink.blogpsot.com/ --->huruf p dengan s terbalik

Nanti die akan ke laman web macam ini

"Mega Site of Bible studies and information"

Lihat, orang kafir nak menyebarkan agama diorang melalui url blog kita,

tak kisah lah url ape, janji url blog, bukankah ramai umat Islam yang mempunyai blog..

Orang kafir akan melakukan pelbagai cara nak menyesatkan & melalaikan umat Islam .

Umat Islam perlu kuat supaya tidak ditindas oleh musuh-musuh .

Urgent & Take note .. yea saudara-saudara Islam ku :) Lepas ni nak cari info lagi

P/s : Sharing Is Caring, saya ambil daripada blog ini .

Assalammualaikum .

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Menukar Newer, Home, Older kepada Cute Icon

Assalammualaikum .

Eh, tak sekolah ke aku hari ni ? Tak sihat la ..

Heehe

Nampak tak yang home, newer, older saya punya tuh

Comel kan :) ..

Dashboard --> Edit Html --> Tick Expand Widget

Untuk [Newer]

Tekan f3, cari kode :

expr:title='data:newerPageTitle'><data:newerPageTitle/>

Jumpa ? Alhamdulillah~

Yang saya pinkkan tuh, tukar dengan kode ini :

<img src='http://i791.photobucket.com/albums/yy199/7thdisorder/7thPix/cgs/arrow2.png'/></a>

Ia akan jadi macam ini :

expr:title='data:newerPageTitle'><img src='http://i791.photobucket.com/albums/yy199/7thdisorder/7thPix/cgs/arrow2.png'/></a>

Yang kale purple tuh, tukar la dengan icon newer korang, tu dah lawa dah :>

Untuk [Home]

Tekan f3, cari kode :

expr:href='data:blog.homepageUrl'><data:homeMsg/>

Yang saya pink kan tuh, tukar dengan kod ini yea :

<img src='http://i791.photobucket.com/albums/yy199/7thdisorder/7thPix/cgs/home1.png'/>

Ia akan jadi macam ini :

<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://i791.photobucket.com/albums/yy199/7thdisorder/7thPix/cgs/home1.png'/></a>

Untuk [Older]

Cari kode :

expr:title='data:olderPageTitle'><data:olderPageTitle/>

Tukar kan yang kale pink tuh dengan kode ini :

<img src='http://i791.photobucket.com/albums/yy199/7thdisorder/7thPix/cgs/arrow1.png'/>

Ia akan jadi macam ini :

expr:title='data:olderPageTitle'>http://i791.photobucket.com/albums/yy199/7thdisorder/7thPix/cgs/arrow1.png</a>

Preview, menjadi SAVE okey :]

Nak icon comel yang lain ? tekan love tuh :)

Assalammalaikum .

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Vector Giveaway by Blog Biru Langit

Assalammualaikum .

Nak vectorkan gambar awak, tekan banner then join .

Gambar yang nak divectorkan :

Nak jugak gambar sendiri divectorkan ..

Hope menang ... :D

Wasalam .

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Sunday, 29 April 2012

Hari Yang Memenatkan, tapi Syokk !

Assalammualaikum .

Ape yang syok ? Ape yang best ? Ape yang penat ?

Tak de pape, cuma nak cerita pergi Klang je .. rumah sedara je pun .. hehe

Ye lah, dah bersawang, berhabuk dah blog nih ..

Tak post ape-ape, nih pon entry yang 'blurr'

Baik tidur, k lah baii :)

Assalammualaikum .

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Thursday, 26 April 2012

Private Cbox

Assalammualaikum .

Tutorial from : Kakak Lyssa

Tadi, daftar cbox, now, nak privatekan :] Orang tak tau ape yang orang lain tulis :)

Copy kode cbox korang & paste di notepad ke, ape ke ..

Tukarkan jadi macam nih

<div id="cboxdiv" style="text-align: center; line-height: 0"><div><iframe frameborder="0" width="200" height="0" src="http://www6.cbox.ws/box/?boxid=66522&boxtag=cd2dhl&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-66522" style="border: 0px solid;" id="cboxmain6-66522"></iframe></div><div><iframe frameborder="0" width="200" height="83" src="http://www6.cbox.ws/box/?boxid=66522&boxtag=cd2dhl&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-66522" style="border: 0px solid;border-top:0px" id="cboxform6-66522"></iframe></div></div>

Tukarkan jadi yang kale merah tuh yea :]

Tak tahu macam mane nak tengok mesejnya ? senang jee :>

Taip namaidchatbox.cbox.ws

namaidchatbox tuh tukar dengan nama id cbox anda.. & ade kan ? Wihihi~
Assalammualaikum .

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Daftar Cbox

Assalammualaikum .

Malam nih saja nak share ilmu, ~ Tidak ade gangguan daripada sesiape..wooho

Saya cadangkan, korang daftar lah cbox, sebab, tak delah macam yang pernah ku lalui sebelum ini T-T

1 ] Pergi ke Cbox
2 ] Tekan Sign Up

3 ] Isi semua borang tuh

4 ] Kalau dah selesaii .. & sign in .. now time to customize it !

Tekan Look & Feel --> Style Presets tuh kay

Pilih je lah..nak style ape .. transparent kah ? Classic Red kah ? :]

5 ] Ukaii ! Sekarang nak colourkan dia :{

Tekan Look & Feel --> Colours & Fonts tuh pulak

6 ] Sekarang nih kite nak size kan die ~

Tekan Look & Feel --> Layout Options

Suke hati lah nak ubah die ~

7 ] Tekan Save & Pergi ke Publish pulak :)

Scroll ke bawah sikit, ade kan kode panjang berjela tuh ;D Copy jea semua tuh kay

8 ] Now, nak paste kat mane ? Hehe, pergi ke Page Elements, Add Gadget, Html Java Script

Paste .. Siap !

---------------------------------------------

Bagi pengguna blogskin Qistina, yang forever young tuh *like my friend, pergi template, tekan f3, carik kode cbox or fibox

Nanti ade jumpe tak ayat macam nih ?

Put your cbox or fibox here. Maximum width 240px :)

Gantikan code tuh dengan kode cbox awak Contoh :

Put your cbox or fibox here. Maximum width 240px :)

dengan kode cbox anda

<div id="cboxdiv" style="text-align: center; line-height: 0">

</div>

Itu kode c box saya~ Kalau ade ape2 soalan, tanye je, insyaallah, saya jawab :]

Assalammualaikum

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Memasang Header

Assalammualaikum .

This tutor is for newbie :]

First Sign In --> Dashboard --> Page Elements

Then, nampak kan, kotak untuk header tuh, tekan Edit yea :>

Nanti, die akan keluar kotak yang kecil sikit :] Paste Image URL kat tempat yang ade kotak tuh

Kalau nak upload dari komputer pon boley.. [ tak ade masalah ]

Nak header free, pergi ke

Freebies Header #Part 1

Freebies Header #Part 2

yea . Bai . Assalammualaikum wbt :)

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Customize Bahagian Header :]

Assalammualaikum .

Yang nih saya buat full version punye, kira-kira dua hari kut baru boleh siap :>

1 ] Centerkan Header

Bagi yang gune simple, & others template, [ denim, washed denim tidak yea ] .

Header korang position die kat kiri, kan ? Macam ni

Lawa ke ea :) .. Jum centerkan ..

Sign In --> Dashboard --> Edit HTML

Tekan f3, carik kode /* Content

Awak akan jumpa yang macam nih kan :

/* Content

----------------------------------------------- */

Bawah tuh, letak kode nih :

.Header img {

margin-$startSide: auto;

margin-$endSide: auto;

}

It will be like this :

/* Content

----------------------------------------------- */

.Header img {

margin-$startSide: auto;

margin-$endSide: auto;

}

Preview & kalau menjadi, Save je okaii :]

2 ] Hilangkan navigation bar

Navigation bar nih macam nih ha.. warna biru tuh .. nak hilangkan ? Jom

Sign In --> Dashboard --> Edit HTML

Tekan f3, cari kode /* Variable definitions

Copy kode di bawah & paste di ATAS /* Variable definitions

#navbar-iframe {

display: none !important;

}

Nanti jadi macam nih :

#navbar-iframe {

display: none !important;

}

/* Variable definitions

Okaii..preview & kalau dah hilang, save .. :{

3 ] Transparentkan Header
Walaupun header saya dah di tranparentkan, tapi lepas dah letak kat blog, die tetap menjadi putih :'[
Dramatik pulak..heheh.. yang nih header korang mesti ditransparentkan, kalau belum, memang takkan jadi la

Sign In --> Dashboard --> Edit HTML

Tekan f3, cari kode /* Mobile

Copy kode di bawah & paste di ATAS kode /* Mobile kay

.header-outer, .content-inner { background-color: transparent;}

.main-outer, .tabs-outer { background-color: $(content.background.color);}

.tabs-inner .widget ul { margin: 0px -15px;}

.content-inner{padding: 0px;}

It will be like this yea :

.header-outer, .content-inner { background-color: transparent;}

.main-outer, .tabs-outer { background-color: $(content.background.color);}

.tabs-inner .widget ul { margin: 0px -15px;}

.content-inner{padding: 0px;}

/* Mobile

Preview & yeay..hilang tak ? :]

Oke, bai..Assalammualaikum .

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Tuesday, 24 April 2012

Freebies Header #2

Assalammualaikum .

Gambar header tu saya amik kat : NanaAsha & sini Tepuk2 terime kasih :)

Font : HaloHandLetter & err..lupe :)

Size : 760 X 300

Tak de lah cantik mana pon :)

1 ]

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZzVEAZvcA4e2PO0067uV2hy1_kwb_gkPvg3TklwBVMXDyU6fXA1QaoNGX4GGla-EGevRnKFE4kTu3LGm2JZxlK7l84kuK1ox6-Fz3ub_d_TnFkj190rr7cGChpkb-yuEgIlN4kQaTd_w/s1600/headerdudu3.png

2 ]

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbUUAGmzpJxWZ-XRO04_ZHOsk09h8wL-oQGQTaoSBWBxjnYEVgwNCIa9vuZ9eDnvDvQay-oK4SdsuiTjAfsPsfwJ1KTSM_4bM3J-HX6ilP2xAHXexlshLr9PcFuBC4B37X_7Sf_-eFRI0/s1600/headerdudu2.png

3 ]

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRppFGDrj75WoCgAOtaumaZJt5PRuQTxUyJ2i8sAolmKfjuSADwpcsbtOnc4dHlh0UPK09Bx2dyo9eIF5BeM7j-Kmm2dVtf-N7wyJDH8a7udLALYRwY4KiXcRo4dCQdoD6DUAdQobll1o/s1600/headerdudu2.png

Itu sahaje. Kalau nak, cakap tau, jangan le diam aje. Senang la nanti, tau, laku jugak freebies nih.

Kalau nak credit, terpulang :)

Assalammualaikum .

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

Sunday, 22 April 2012

Link kekanan bile dihover

Assalammualaikum .

Kalau tak paham macam mane link tu ke kanan, tengok >sini<
Die gerak kekanan, kan...hmm..nak try ? Jum ~
Tutorial from : Kikiyo

1 ]Pergi ke dashboard-->Edit Html
2 ]Search this code :

</head>

3 ]Copy code di bawah & paste kat bawah </head> tadi

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a.nudge').hover(function() { //mouse in
$(this).animate({ paddingLeft: '20px' },400);
}, function() { //mouse out
$(this).animate({ paddingLeft: 0 }, 400);
});
});
</script>

4 ]Save . Belum selesai lagi

5 ]Kalau nak link tu bergoyang, pergi ke 'New Post', Tekan Edit HTML kat sebelah compose tuh

6 ]Kalau nak link tulisan je, copy kod bawah nih kay :)