Request Fita: 3 tutorial

 

Hallow...Fita sudah menyebutkan hadiah ketiganya nih. Yaitu, 3 tutorial.

Tutorial 1: Cara Pasang Banner

1. Buka Blogger
2. Taruh code ini dimanapun kalian mau:

<img src="IMAGE YOUR BANNER" /></a><br />
<br />
<textarea cols="25" onclick="this.focus();this.select()" readonly="" rows="3" style="border: 1px solid #FFE5FF; color: black; font: 9px YOUR FONT ; padding: 5px; text-align: left;"><a href="YOUR URL BLOG "><img src="IMAGE YOUR BANNER" /></a></textarea>
</center>

Note:
Bold: URL Gambar Banner mu
Italic: Font yang kamu inginkan
Underline: URL blog kamu 

Tutorial 2: Transparankan Header

1. Buka pixlr.com
2. Kalau ada dua pilihan Pixlr mana yang mau dipakai, pilih yang kiri saja
3. Lalu pilih Open Image from Computer
4. Buka header yang mau di transparanin
5. Lalu, pilih Layer. Setelah itu kan New Layer
6. Kan ada gembok tuh. Klik dua kali, terus kalau kuncinya udah keganti, pindahkan kuncinya ke paling atas. Ngerti kan?
7. Setelah itu, disamping kiri ada ikon kan? Kamu arahkan tanda ke background headermu. Jika sudah bergaris-garis, klik delete.
8. Setelah di delete, hasilnya backgroundnya jadi kotak-kotak kecil warna putih dan abu-abu.
9. Save. Oh ya, jangan lupa, formatnya PNG ya!
Credit: Katrina

Tutorial 3: Menambahkan Cute Search Box
Aku ambil kodenya dari cute search box ku ya. Check kebawah!

1. Buka Blogger
2. Taruh kode dibawah ini dimanapun kalian mau:

<br /><center>
<form action="/search" id="searchThis" method="get" style="display: inline;">
<input id="searchBox" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="background:#FFEAF6; border-bottom-left-radius: 10px 10px;border-top-left-radius: 10px 10px;border: #FFEEEE solid 3px;color: #666666; font-size: 11px;font-family:Short Stack; width:135px;padding:3px;padding-left:5px; " type="text" value="Search" vinput="" /> <input id="searchButton" style="background:#FFF7F7;border-bottom-right-radius: 10px 10px;border-top-right-radius: 10px 10px; border: #FFEEEE solid 3px;color: #444444; font-size: 11px;font-family:Short Stack;padding:2px;width:50px;" type="submit" value="Go" /></form>
</center><br />

Note:

-Merah: warna background pada kotak Search

-Hijau: Border kotak searchnya

-Biru: background pada button Go

-Fuchsia: border pada button Go

3. Save!

Kalau ada yang kurang jelas, tanyakan padaku ya Fita!