The Upil's. Powered by Blogger.

Sunday, January 15, 2012

desain blog

hai haaaii, udah luama nggak ngepost.pasti udah pada kangen semua deh ;;) *mede*
oyaa, aku barusan ngotak atik desain blogku looh
liat aja sekarang tampilannya udah beda banget =D
oyah, ini sekalian bagi-bagi info buat yang pengen ngubah template sama cursornyaa yaak. cekidot :

buat template nih yaa, bisa cari template yang cocok di http://btemplates.com/
kalo udah nemu yang cocok bisa di download terus di extract pake 7-zip. pilih yang extract files yah =D
terus kalo udah, silakan sign in blog kalian masing-masing terus pilih design
naah, di design itu kan ada template ituu di klik. terus pilih kolom yang paling pojok ada tulisannya "cadangkan/pulihkan"
terus nanti kita browse dari komputer/laptop, terserahlah apa itu namanya =)), template yang kita tadi udah download
terus kita pilih yang bentuknya kayak file di dalem folder yang udah kita extract tadi
tinggal klik okeh deh

gampang kaaan? *gaya banget padahal tadi udah sampek mbanting pepes #alay

terus buat yang cursor, ini aku copas aja deh dari orang lain, wkwkwk. cekidoot:
1. Log ini ke akun blogger kamu
2. Pilih menu Rancangan » Edit HTML;
3. Beri tanda centang pada tulisan Expand Template Widget;
Carilah kode yang kurang lebih seperti berikut ini :

body {
margin:0;
background:#cccccc;
color:#000000;
text-align: center;
}


a:link {
color:$linkcolor;
text-decoration:none;
}


a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}


a:hover {
color:#000;
text-decoration:underline;
}

5. Kemudian tambahkan kode cursor : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD2GbugENFwRI6lKxWHUnuyTHz1UIKrpgGbOP6onAwOPrx7f72OhTDSGFepQwH8cEHJTOW8hPb_Z-R3QoV2E61evy6efJH-zyi-YJAeoBeXiIz_aFnwxELCVbhXQ-lTJ707f-iBlmCApYQ/s1600/cursorblue.png), progress; sehingga menjadi seperti ini;

body {
margin:0;
background:#cccccc;
color:#000000;
text-align: center;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD2GbugENFwRI6lKxWHUnuyTHz1UIKrpgGbOP6onAwOPrx7f72OhTDSGFepQwH8cEHJTOW8hPb_Z-R3QoV2E61evy6efJH-zyi-YJAeoBeXiIz_aFnwxELCVbhXQ-lTJ707f-iBlmCApYQ/s1600/cursorblue.png), progress;
}


a:link {
color:$linkcolor;
text-decoration:none;
}


a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}


a:hover {
color:#000;
text-decoration:underline;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD2GbugENFwRI6lKxWHUnuyTHz1UIKrpgGbOP6onAwOPrx7f72OhTDSGFepQwH8cEHJTOW8hPb_Z-R3QoV2E61evy6efJH-zyi-YJAeoBeXiIz_aFnwxELCVbhXQ-lTJ707f-iBlmCApYQ/s1600/cursorblue.png), progress;
}


Kode cursor yang berada pada tag body { adalah untuk mengganti cursor default pada blog kita, sedangkan kode cursor yang berada pada tag a:hover { adalah untuk cursor pada link. kamu bisa merubah url ( kode warna biru ) gambar untuk cursor pada blog sobat sesuai dengan keinginan sobat, atau sobat bisa cari url cursor di http://www.totallyfreecursors.com/

5. Kemudian simpan template sobat dan lihat hasilnya.

okedeeh, ini cuman sekedar info bagi yang mau ngotak-atik blog kalian =D
silakan dicobaa, gratis kok =)))


0 comments:

Post a Comment

 

Oretan Tangan Copyright © 2011 Designed by Ipietoon Blogger Template and web hosting