Sunday, 12 August 2012

Edit Blog (Footer)

Assalammualaikum
Smiley ^_^

Hehe.. Ini part 2. Tutorials ini pasal footer pula. First footer korang kosong macam ni kan ? Tapi kita akan hias.


1) Buka Photoshop > Letak width blog korang dan height yang korang nak > OK. Bagi yang tak tahu mana nak cari width blog , sila tengok entry yang lepas SINI.


Buat apa yang Nurul petakkan.

Mulalah buat footer dengan border dia dulu.

2) Hiaslah sikit footer korang tu macam kat bawah ni.


3) Korang dah siap hias , ada lebihan ruang kat bawah tu kan ? Sekarang , kita crop untuk buang lebihan tu. 

Buat apa yang Nurul petakkan and korang select bahagian mana yang tak di-crop

Right click > Crop

4) Save. Pergi SINI and then upload footer korang tu.

Tekan apa yang Nurul petakkan untuk meng-upload gambar.

Wait a minutes. Masa ni tengah upload.

Tekan icon kecil yang Nurul petakkan tu. Secara automatik akan ter-copy.

5) Dashboard > Design > Edit HTML > Tick Expand Widget > F3 and search this code.
<!-- end content-wrapper -->
or
</body>

6) Copy and paste this code at BELOW.
<center><span class='Apple-style-span' style='color: #000000;font-size: 14px; font-family: Verdana; '><img src="URL FOOTER" /></span></center>
or
<script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>
 <center><img src="URL FOOTER" /></center>
7) Yang Nurul warna merahkan tu , korang letak url footer yang korang upload tadi.

Yang Nurul petakkan merah tulah url footer yang Nurul upload kat imgur.com tadi.

8) Preview dulu baru save.

Yeah ! Jadi. Yeah !!!!

Korang macam mana ? Nurul punya jadi.
Korang ? Tak nak test cuba ke ?? Kempunan pula nanti.
Hehehehehe...Komenlah kalau jadi ! Adioss~


Saturday, 11 August 2012

Edit Blog (Header)

Assalammualaikum
Smiley ^_^

Jom Nurul ajar cara nak edit blog. Ni Part 1 tau.



1) Dashboard > Design > Edit Html > F3 and search this code.

#header {
P/s : Korang bolehlah cari kod seangkatannya. Tujuan kita cari kod ni adalah untuk mengetahui width blog.

2) Scroll bawah sikit dan jumpa tak width blog korang ?

Yang Nurul petakkan tu width blog Nurul.

3) Buka Photoshop korang > Ctrl+N > Letak width blog korang and height yang korang nak > Make sure it TRANSPARENT > OK.


4) Nanti dia jadi macam ni kan ?

Buat apa yang Nurul petakkan tu.

Mulalah buat header yang korang nak.

5) Save. Pergi Dashboard > Design > Edit > Letak header yang korang buat kat Photoshop tadi.


 Buat apa yang Nurul petakkan tu.

Tekan Save. Preview dulu blog korang 

6) Hah ! Nanti jadi macam ni kan ? Ada ruang sikit kat bahagian yang Nurul petakkan tu.

Tak apa. Jom kita buang ruang tu.

7) Design > Edit HTML > F3 and search this code atau seangkatnya.
#header {
8) Korang cari kod yang ada no. 1 atau border.


Korang buang 1 tu dang gantikan dengan no. 0.

Hah !! kan sudah tak ada ruang lagi.

SELAMAT MENCUBA.
Komenlah kalau jadi.


Wednesday, 8 August 2012

Date Header Ber-icon Terkeluar

Assalammualaikum
Smiley ^_^


Tutorials ini dipinta oleh kakak kita yang kawaii~
Click pada gambar kalau nak tengok dengan lebih jelas.

Step By Step.
1) Buat gambar untuk date header dulu. Tak faham ? Tengok kat bawah ni. Buatlah pakai software apa pun such as Photoshop | Paint Tool SAI | Photoscape | Paint.Net ke ?

2) Design > Edit HTML > Tick Expand Widget > F3 and search this code.
.date-header {
or
h2.date-header {
 3) Copy and paste kat BAWAH kode yang Nurul suruh cari tu ye.
height:40px;
margin:-15px -20px -500px -115px;
padding: 30px 300px 105px 10px;
background: url(URL PICTURE) no-repeat;
position:absolute !important; position:relative; float:left;
text-align: center;
font-family: Calibri; font-size: 12px; color: #000000;
}
4) Preview dulu baru save.

ABC : Letaklah url gambar date header korang. Boleh di-upload di SINI.

Komenlah kalau menjadi.


Tuesday, 7 August 2012

MAAF !!!!

Assalammualaikum
Smiley ^_^





SEGMEN | Jom Join Bloglist Cci

Assalammualaikum
Smiley ^_^


SAYA ADALAH BLOGGER DOODLE
Done ! Saya join. Saya sudah masukkan kak Cci kat bloglist saya.


Monday, 6 August 2012

FREEBIES | Random Doodles

Assalammualaikum
Smiley ^_^


Hehe ... Sudah lama Nurul tak bagi freebies kan ? Hari ni Nurul nak bagi.
Ambillah kalau suka tapi bagitahulah dulu kalau nak ambil.

http://2.bp.blogspot.com/-9gOQRSVAq-U/UB-ka9yRsJI/AAAAAAAAA4g/sGIDEUWQihs/s320/random+doodle1.png

http://4.bp.blogspot.com/-kYrPybIhk_c/UB-kdy57sYI/AAAAAAAAA4o/uvt6QH3bnUg/s320/random+doodle2.png

http://3.bp.blogspot.com/-PK-0-OWwg7k/UB-kjN9ltMI/AAAAAAAAA4w/P5K4czsyTDE/s1600/random+doodles3.png



Saturday, 4 August 2012

Proses Melukis Doodle Untuk Pemenang Contest Mrs Yaya

Assalammualaikum
Smiley ^_^


-------------------------------------------------------------> Hadiah Untuk Contest Mrs Yaya


Hello ! This time , I want to show at your guys the proof of doodle for the winner.
Watch this !

This time I was colouring the doodle just now.

This time I was sketch before I coloured the doodle.

This time , I already coloured the doodle.

So , are you satisfied now ?? Are still want to accused me ?


Hadiah Untuk Contest Mrs Yaya Sudah Siap

Assalammualaikum
Smiley ^_^


------------------------------------> Proses Melukis Doodle Untuk Pemenang Contest Mrs Yaya
Hello !! I had a good mode today. Akhirnya , doodle untuk pemenang
contest Mrs Yaya sudah siap !! Nak tengok ? LET'S GOO !!!!

BOY
DETAILS
Draw : Paint Tool SAI
Coloured : Paint Tool SAI
 Hahaha .. Mata kucing. Nurul suka kucing sangat -sangat !!!
First time tau lukis doodle lelaki. Nurul paling benci bahagian rambut lelaki.
Susah nak lukis !! Tu pun asyik padam je rambut tu.

GIRL
DETAILS
Draw : Paint Tool SAI
Coloured : Photoshop CS3
 Baju dia bukan warna putih ya !! Baju dia nanti Nurul warnakan selepas pemenang contest nanti beritahu. Nurul tak tahu nak warnakan baju dia warna apa :3 tu yang suruh pemenang bagi code warna yang dia nak

Nak doodle kat atas ni ? joinlah Contest yang akan diadakan pada tarikh tak tahu.
Nurul tak tahulah bila ! Tanyalah Mrs Yaya. Nurul sponsor je.

Tak kusangka tak kuduga kami sama umur. (Mrs Yaya and Nurul)
GOOD BYE !! Joinlah nanti contest tu ye.

REMEMBER !
Contest AKAN diadakan nanti bukan contest tu berlaku SEKARANG.


Friday, 3 August 2012

Buat Tulisan Underline | Bold dan Blockquote

Assalammualaikum
Smiley ^_^


Hehe... ada juga yang tak tahu nak buat tulisan underline dengan bold.
Apalah ! Terutama Newbie. Kesiankan ? Tak apa Nurul nak ajar ni.
Lihat dengan teliti.
Tapi korang kenalah hias dulu tapi macam mana ? Korang tengok kat sini.

BOLD
1) Design > New Post > Taiplah apa-apa yang korang nak > Tekan simbol B kat atas tu macam kat bawah ni.


*Korang highlight ayat yang korang nak bold kan tu.
*Tekan simbol B kat atas tu


*Kan jadi ^_^ tapi Nurul punya blod berwarna.

Underline
2) Highlight ayat yang korang nak > Tekan Simbol U.


*Mula-mula memang macam tu tapi bila dah publish , menjadi. 

*JADI !!! YEAH.

Blockquote
3) Highlight ayat yang korang nak > Tekan simbol " ni.


*Memang tengok tak ada apa-apa. Tapi lepas publish , jadi.
*Ayat yang kita nak quote tu akan ke bawah sedikit or ke tepi.


4) Preview dulu. Barulah Publish.

SEMOGA BERJAYA ^_^ Adios. Jemput-jemputlah komen sekali kalau jadi.



SEGMEN | Saya Nak Kad Raya

Assalammualaikum
Smiley ^_^


ARGH !!!! Cute-nya banner akak. Saya suka saya suka.
Saya join !!!
Korang nak join ?? Click banner kat atas.


m
e
s
s
a
g
e
 
This blog+author+design fully edited and the designer is Nurul. Don't steal my design !