Freebies Header K-Pop Chibi

Assalamualaikum semuaa...To all my blog viewers,Diya nak susun 10 jari kemaafan nak minta maaf sangat-sangat.Bukan sebab hari raye k.Tapi sebab semalan,seharian Diya restircted my blog or dengan erti kata lain Diya privatekan blog Diya..Bukan sebab dah tak nak buat tutorials ke ape ke,tapi sebab Diya nak edit blog Diya,Kebetulan plak,template yang Diya pakai bermasalah,soo kena reset lain lah semua..hadoii,,penat ok.Bayangkan almost 5 jam Diya mengadap laptop,semata-mata nak fix masalah tu..Oh ya! btw,kalau korang prihatin (acehh) Diya ade tukar the entire blog kepada wajah baru..Memang Diya sengaja pilih dark theme sebabnye nak kelainan..Selama ni,blog Diyasesame ni,tak pernah 'bergelap'.But,maybe sebab hari raye+ merdeka kot,tu yang nak buat kelainan.Diya nak ucapkan lot of thanks kepada individu-individu ini yang telah Diya refer time nak edit blog.
Tutorials : Kihah,Pija,Amalina and Bihya
Freebies  : Bihya and Pija and Google
Tips:xcyberlink
Soo,sempena tanda minta maaf Diya kepada uollz,ni ada sedikit header simple-mimple yang Diya buat pakai Photoshop and Photoscape.Maaf sebab Diya ni,bukan K-pop lover,soo Diya belasah je,google doodle yg kiut.Kalau korang rase header tu tak sesuai dengan width blog korang,korang boleh resize
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhuXdQ5NCmxA-m0VG2MTNKI3wYWhO0z_Xi-dCHfwfPNujUbZRed0Xv07rXzca4mYNoTveXeDA4MukIRugOoQsGdsv2ySf7WwQmcV6M2sXP9lUQHL30R-Zbafva44Cxbvgt3fZLyz5CLiqa/s1600/freeheader1.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqtXc7OIvpCEGMbp1MvLM9FpNCUKkebsE_n5MSOHq5jX9NVZrz-XDJzQlPXbJiVrIPQ1F3bkQy5X82AeUaAtcRxBpP1ll40tZ50oKHfzcPU8TdetooLxOpREC1v57JdJijxT-CqiofGYG1/s320/freeheader2.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1obBwuwGD9plE_R9wwxSgCX-mRiZuxIkqV_QavyFjEzOQoUcUuYjLHMEOcHZTwKAj3HGcmI6dgZrnDqFxmrQIJ5ezZvZnCR_3xy7L5cxz4BF5gAGULkOXmUE4tdMDu7stzK0lGf5M9hCQ/s1600/freeheader3.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1sdYE_aEicTPYoda-Mg7NK6aObc03ocxavRXUfZlTAm2R00YabdmhOZkyD6VfDAR_XdgkDf0Sl4aXjyReHSG41jpF3Al3FwEjE960N14GvJB4oLIPoaX20JwA9bVYJaSA4WjFuKEKmvaI/s1600/freeheader4.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjncXZq9z9rV792G_tzzoO1b_nhyhJwocEs54oo6Xt9LfU9PpMVQGnefCWvk0cjDwlIXcdpPiEj1ksz5v66xvTCHAQ5gLOf7rpHnyHPGY2UjVmx0iC62pxrh4sYxnztSaa838GcK27iS6hY/s1600/freeheader5.png


Refer tutorial ini untuk menukar header



PERHATIAN! 
Saiz sebenar header adalah lebih BESAR daripada atas
Kalau nak ambil pape,sila komen dulu

Tutorial Icon Cute Jatuh di Blogskin

shila cwett sgt2 pkai tudung,,mcn ainan tasneem



Hey hey there!!! salam.selepas beberape hari raye neyh,i kembali dengan tuto baru...tanak cakap panjang,so kita straight to the topic.Untuk tuto kali neyh,,jom kite buat objek jatuh dari atas blog.


Then Click dekat Falling Objects dekat sidebar kanan die.(gambar atas)
2.Ok dapat? lepas tu bile korang click dekat situ dan awak semua akan nampak macam gambar bawah ni
Dah tu,korang click laa dekat mana-mana icon yang korang nak untuk jatuhkan di blog korang,
4.Bile dah ade yang berkenan di hati,click

  • Now korang pergi blog korang,>> Template

  • Serentak tekan CTRL + F dan cari kod <head>

  • Pastekan kod yang korang copy dari Glitter Graphics tadi dekat bawah kod <head>

  • Preview dan savee!!

Tutorial Gambar Mengecut di Blogskin


Hey hey there!! Diya baru jumpa kod image hover yang baru tau!!memang best cara baru ni sebab dia macam rescale pic yang kita hover..macam pic bawah ni
sebelum dihalakan cursor
selepas dihalakan cursor 
Dia makin mengecil kan??

1.Pergi >> Template

2. Then serentak tekan CTRL+F dan search for kod body}

3.Copy dan paste kod ni diatas kod  body}


img:hover {-moz-transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transition: 0.5s;-webkit-transition: 0.5s;}



Save and you're done!sengih

Tutorial Header Hover Part 2 di Blogskin

i deeply in loved
Hey hey there!!!nak tak kita buat header hover di blogskin?? Maksudnya bila kita halakan cursor di header,header akan lesap,hilang ,ghaib!! ahhaha .nak? sengih

1.Pergi>> Template

2.Serentak tekan ctrl + f dan carik kod body {

3.Then pastekan kod bawah ni di atas kod body,ingat atas 

.header {margin-left: 2px;margin-bottom: -33px;-webkit-transition:2s}


4.Ok tak habis lagi,.then pastekan kod ni di bawah kod body pulak...jgn confuse plak tau,kali ni ni bawah simbol } di bawah kod body}



.header {text-align: center;-webkit-transition: 1s;opacity:100;}.header:hover {padding-left:160px;-webkit-transition: .7s;opacity:.01;}



 save dan lihat hasilnya! selamat mencuba


Tutorial Image Hover Part 2 di Blogskin

 
Hey hey there!!! Sebelum nie Diya ada buat tutorial pasal Image Hover Part 1di Blogskin..Dah try ke belum?? Kalau tak suka cara tuuu,boleh cuba yang ni pulak..Tuto ni pun lebih kurang je,,cume yang bezanya adalah kali ni,gambar yang kita upload akan jadi lagi transparent and lagi terang kalau dihalakan cursor..(macam best kan ? XP) .
Sebelum dihalakan cursor

Selepas dihalakan cursor
1.Pergi >> Template

2.Then serentak tekan CTRL +F dan cari kod body {

3.Ok pastu,pastekan kod nie di bawah kod simbol } selepas kod body {

img{-webkit-transition: opacity 0.8s linear;opacity: 0.60;}img:hover{-webkit-transition: opacity 0.8s linear;opacity: 1;}

Ingat tau!! paste di bawah } lepas kod body tau
Save dan siapp!!!

Selamat Berpuasa semuaa!!! E'eh dah nak raye?? heheh

Tutorial Image Hover Part 1 di Blogskin

Hey hey there!!! haiii semua ...Ok lah harini Diya nak ajar korang cara nak buat image hover di blogskin.Soo,kalau korang upload apa2 gambar or semua gambar di blog korang,akan jadi blur and bila dihalakan cursor akan jadi terang macam gambar bawah ni
Sebelum dihalakan cursor

Selepas dihalakan cursor


1.Pergi >> Template

2.Then serentak tekan ctrl + f dan cari kod body {

3.Paste kod bawah ni dekat bawah } lepas kod body dekat bawaah die..ingat jangan silap! paste kod ni dekat bawah simbol }

<style type=”text/css”>img{opacity: 1;}img:hover{opacity: 0.6;} </style>
faham?
Preview dan save!!

Tutorial Jadikan Bullet Point Kawaii di Blogskin

Hey hey there!! salam ramadhan!! sorry sangat-sangat,sepanjang Ramadhan nie,jarang sangat Diya update kan?? Sebabnya,waktu siang Diya menghabiskan masa untuk zzzzzzzz...hhaha teruk kan?? malam pulak untuk study..haih! tak sihat betul..
 K lah back to our topic.Sebenarnya harini Diya nak ajar korang camne nak jadikan bullet point korang cute.Ni merupakan cara cara nak buat bullet point.Ikut gambar bawah ni je k.







Then bile korang follow tuto Diya nie,ini hasilnya
sebelum

selepas

haa..kawaii kan??? Jom tuto

1.Pergi >> Template
2. Serentak tekan ctrl+ f dan cari kod body {
3.Then,korang pastekan kod di bawah ni dekat bawah } selepas body.Jangan silap pulak tau! mcacam gambar ni





li{list-style-type : none;background-image : url(http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/emoteheart.png);background-position : left;background-repeat : no-repeat;padding-left : 2.0em;}

Dapat?? Kalau dapat,tukarkan perkataan merah tu ,kepada URL bullet korang.


http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/eatables2.gif


http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/pikachu.gif


http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/pandapixel.gif


http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/pix/rosescake2.gif


http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/watermelon2.gif


http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/emotehottea.png


 http://i798.photobucket.com/albums/yy265/chumaniac/pix/flopetal5.gif


 http://i798.photobucket.com/albums/yy265/chumaniac/pix/flo7.gif


 http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/pix/flower2.gif


 http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/pix/bow5.gif


http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/pix/star9.gif


-Ini antara bullet yang Diya kasi,kalau korang nak yang sendiri,boleh google / pergi sini k-


-Kalau nak ambil pape,komen dulu k-
Happy blogging!