 How To Make Skins 4.03.2011 at 5:37 PM
Ok!
Sesuai dengan permintaan Monica,
kali ini Afra akan memberi tahu cara membuat skins seperti blog saya
ini! Hmm, oke. Sebenarnya skins q ini aku ambil dari BLOGSkins.
Kusarankan kalian juga nyari disana supaya nanti tidak kesulitan
untuk membuat HTML / Java Script Code-nya. Kalau kalian mau
‘membangun’ skins dari awal, kalian harus ingat komponen utama
dari HTML code adalah
Untuk
keterangan lebih lanjut mengenai kode-kode HTML yang lain, kalian
bisa melihatnya disini. Nah akan kujelaskan bagian utamanya
saja.
<html></html>
Adalah
hal yang kudu,haarus,wajib,mesti ada dalam sebuah kode HTML. Ini
merupakan bagian kepala dan kaki dari kode HTML yang diantara <html>
dan </html> berisi content dari kode HTML tersebut.
<head></head>
Seperti
namanya, ini merupakan bagian kepala isi dari kode HTML. Secara umun,
kode ini berisi bagian-bagian yang ada pada tab browser. Bisa juga
untuk diisi kode META , icon,dll. Tanpa kode ini, biasanya tag HTML
akan error dan tidak bisa digunakan.
<title></title>
Ini
adalah koda yang berada di dalam kode <head></head>, atau
bisa dibilang isi dari tag HTML head. Kode ini digunakan untuk
memberi nama pada tab browser situs kita.
Misalnya, pada halaman awal Mozilla Firefox, pada tab browsernya
terdapat tulisan “Mozilla Forefox Start Page”, maka pada kode
HTML-nya ditulis
<body></body>
Ini
merupakan isi dari sebuah kode HTML. Disetiap kode HTML, kalian pasti
akan menemukan kode ini. Tapi biasanya ada yang lupa menuliskan kode
</body>-nya. Maklum lah, isi dari sebuah kode HTML kan nggak
sedikit.
Oke.
Itu adalah review singkat mengenai komponen utama kode HTML. Balik lagi, setelah kalian download skins yang
kalian inginkan, kalian pasang pada blog kalian. Ada aturannya juga
lho. Kalau kalian masih memakai template modern, kalian harus
menggantinya menjadi ‘template klasik’ terlebih dahulu.
Caranya...
Login
Blogger
Rancangan
Edti HTML
Pada bagian bawah, klik link kembali ke template klasik.
Kemudian
tinggal kalian copas aja kode yang sudah kalian download. Biasanya
file download BLOGSkins berupa .txt.
Untuk
mengganti layout / background sesuai dengan keinginan kita. Pertama
kita harus mengetahui detail gambar background skins kita. Caranya
pada halaman blog kita klik kanan
view background image. Tapi ada juga skins yang sudah ditambahkan
kemampuan untuk disable
right click. Nah, untuk
mengantisipasinya. Pilih Tools
Options
Content
Enable Java script-nya di uncheck.
 
Kalau
sudah dapat gambarnya, kalian save yaa. Kemudian kalian buka program
Adobe Photoshop.
Kalau nggak punya, download disini.
Kalau saya pakai yang CS3 tapi biasanya agak sulit dicari. Tapi pada
dasarnya sama kok!
Nah
kalian insert gambar background yang tadi sudah kalian save. Kemudian
kalian buat new worksheet dengan cara Ctrl+N. Atur ukuran canvas
sesuai dengan gambar background. Kemudian kalian drag gambar
background tadi ke worksheet yang tadi. Pastikan Layer 1 yang
terpilih, kemudian kalian atur Opacity-nya menjadi 50% ini
dimaksudkan agar kita bisa membuat yang sama persis.
 
Nah
kalian tinggal berkreasi sesuka kalian! Mau ditambah image atau
mungkin logo blog kalian juga boleh. Tapi jangan lupa, kalian harus
sabar yaa. Kalau kalian belum pernah pakai Adobe Photoshop, kalian
lihat tutorialnya aja dulu atau mungkin malah lebih mudah lagi kalau
kalian punya teman yang sudah bisa menggunakan Adobe Pothoshop.
Kalau
sudah kalian, untuk mendapatkan kode HTML gambar backgroun kalian.
Kalian harus punya account Photobucket. Nggak harus photobucket kok,
bisa pakai Imageshack atau Tinypic. Kalau pada Photobucket, caranya
adalah kalian upload gambar background kalian kemudian di save, lalu
kalian arahkan cursor kalian ke arah gambar ( jangan diklik ) maka
akan muncul berbagai kode dibawahnya. Nah kalian copas kode “Direct
Link”-nya.
Kembali
ke blogger, pada kode HTML kalian, cari kode background, supaya mudah
kalian Ctrl+F aja. Pada code background, disebelahnya harus berupa
alamat link gambar. Misal :
Kalian
ganti kode http://.../
dengan kode gambar kalian tadi. Kemudian kalian preview dulu untuk
memastikan apakah kode kalian berfungsi dengan baik atau tidak, kalau
sudah tinggal di save aja.
Oke
itu dia tutorialnya semoga bermanfaat, terutama untuk Monica
yaa. Kalau masih ada yang ingin ditanyakan, silahkan tinggalkan
komentar atau kirim pesan ke rizky_afrahana@yahoo.com.
 Labels: Tuut...tuut...tuutorial Posted by はな ♥ 0 comments |
ようこそ！ 誕生日：12月01日 目色 / Eyecolor：茶色 『 Brown 』 お住まいの地域：Indonesia ブログジャンル：美術ブロガー • 漫画家 • リラックマファン♥ ♥／l、 （ﾟ､ ｡ ７ l、 ~ヽ じしf_, )ノ View my complete profile LinksLulu :: Whii :: KawaiiLovah :: AqilaF :: Lilaa :: Apple :: Leepy :: Pelont :: Angel :: Yowa :: Shiro Usagi :: Aurellia :: Karuchan :: Atsuki :: Ibdati :: Atsuki :: Miss Lia :: Jassarah :: Rui View more links DisclaimerCopyright © r i z u m a r y 2014 All Right Reserved.  FAQ Can I have commissions? What do you use to create art? What song did you use for BGM on your blog? Link/Banner exchange?View detailed FAQ Tagboard Please read FAQ before asking question No spam and harsh word please NO ADVERTISE or it'll be deleted Archives Upcoming Tutorial Hair coloring tutorial [view] Cleaning line from photo result How to draw Head [view] Skin coloring tutorial Eye coloring tutorial How to draw Head (part 2) Cloth Shading 頼む Fell free to ask me anything Read FAQ first before asking anything Please WRITE YOUR NAME! Your lucky number: 
•••
|
0 Comments:
Post a Comment
I will always comment back ≧▽≦
... Back to the blog?