Simple girl

Selasa, 26 Juni 2012

judul gadget -> icon?

mau bikin kaya gitu gak? judul gadgetnya pakai gambar yang kita mau? mau? oke oke

nah pertama buat di photoscape kan? terus ditransparan gambarnya ya? yang gak tau klik sini caranya kaya gitu jugaa ;)

uplod fotonya kan? terus klik HTML

copy semuanya ya?

terus paste di gadget kalian yang mau diubah judul gadget jadi icon kalian dan save

Lihat hasilnyaa ~

cursor buat audy , wita , amel

caranya : desain -> tata letak -> add gadget -> HTML/java spricht -> paste code ->save -> lihat hasilnya

<style type="text/css">body, a, a:hover {cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6pS-Bm66hTN8pTO8LVvxC159DRE74GIwVDN7WiM5S7M6DL0N_sWO-nuT75xVzKw3a4UrySwpqPu8YbkOTuS2WOqPzWj9zUTMAsFQ1QQFWKcCtgjo8b9SQKZsB81Izr0NQfDKENO4iFlc/s1600/audy.png), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlSu4LxhNeHZaY4uQv_ly7nIs88l8ElUcGm9QWlC3FrQUHap7H6U4JCChZI6abwYgH-u7aa8MU0r6pdn3qKw4IXpBEpktOBa366Al8XIBg0JiH8pb2BbZdUpbawFoC2d0L9jlTewW_atc/s1600/j.png), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyiU__c6S_M_UKRn5DF9bnZgu-WaLdUhPE4C0X7Vbm5sx4wrWF4sytu4Hm7EvW9f-hBOMgjLzD4JcZ9_Lu6h6gKZHC_dncffk-bvQ-gstvaDOitnDsVC7O2bdCM_c3lChyphenhyphenm8UOLbJryXo/s1600/wit.png), progress;}</style>

siang yaa ;) hari ini mau posting tutorial buat kaliaan :P hehe nih bikin headertransparan lohh? wkwk lanjjut yaww - eh ini dibuat munggunkan Photoscape dan Gimp yaww

nah pertama kalian bikin dulu diphotoscape ya lalu buka GIMP :

open Image dulu

pilih Image kalian

terus nih klik yang diatas itu dan arahkan kegambar

nah setelah kalian klik tadi gambarnya bakal kaya gini kan? terus klik delete di keyboard

dan jadi kaya gini kan?

terus disave ya? gambarnya harus PNG !!!

save dan selesaiii

Senin, 25 Juni 2012

tukar perkataan Home,newer dan older --> icon

Sebelum:

Selepas:

Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod

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

Bila dah jumpa, gantikan kod warna merah tu dengan kod di bawah (newer icon):

<img src="http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png"/>

4) Kemudian, dengan dengan menggunakan ctrl + F lagi, cari pula kod

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

dan gantikan kod warna merah dengan kod di bawah (older icon):

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png'/>

5) Sekali lagi, dengan menggunakan ctrl + F, cari kod

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

dan gantikan kod warna merah dengan kod di bawah (home icon):

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png'/>

Nota:
Pada url berwarna biru, korang masukkan url icon yang korang nak. Search icon tersebut dekat google or mana-mana image hosting. Ataupun just ambik icon yang disediakan di bawah:

(Untuk dapatkan url image, right click pada icon > copy image location )

Credit icon - azhafizah.com

6) Lastly, klik preview, dan jika tiada error, klik save template.

Selamat mencuba! :)

Minggu, 24 Juni 2012

Kunjungi Blog dibawah ini juga :)

Kunjungi Blog teman teman ku juga :

Adella puspita hasri

Wita syawalina febrianti

Raesita audyna saraswati

Amelia noor chaiza afifah

Nasiha anindyta

Welcome to my tumblr

Alert message

Preview:

Alert message ni akan muncul pada permulaan blog dibuka. Caranya? ikuti tutorial di bawah:

1) Sign in akaun blogger

2) Dashboard > Design > Page Element > Add A Gadget > Html / Javascript

3) Copy dan paste kod di bawah pada ruang Html / Javascript tadi

<script> function MYALERT() {
alert("Tulisan anda"); } MYALERT()
</script>

Nota:
Pada tulisan anda, masukkan pesan atau tulisan sebagai message alert.

4) Dah selesai, klik save dan lihat hasilnya.

letak Icon sebelah judul blog arcive :3

Ikuti tutorial di bawah:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod