Catatan: Ganti Background Image

Mau nyatet semua yg udah ku kerjain waktu ngutak atik template nya Ningtyas ah.. Maklum emak2 gaptek, kalo nggak dicatet gini, cepet balik bego lagi..

Bikin Background Image di Photoshop

1. Pilih gambar/foto
2. Tentuin warna Foreground and Background
3. Pilih Filter >> Sketch >> Graphic Pen














4. Sesuaikan Stroke Length, Light/Dark Balance, n Stroke Direction nya














5. Save

Ni contoh sebelum n sesudahnya..

Upload Image ke Photobucket

1. Upload gambar yg udah jadi tadi ke http://photobucket.com.
2. Copy URL (Direct Link) nya

Masukin ke HTML blog

• 1. Login di Blogger
• 2. Klik Layout >> Edit HTML
• 3. Cari di bagian setelah tulisan "body" (nggak ada tanda petiknya), ada background-image url ( )

/* Use this with templates/template-twocol.html */

body
{ background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-color:#651616;
background-image: url( );
background-attachment: fixed;
background-position: top left;
background-repeat: no-repeat;
border-color:#ffffff;
border-width:0px ;
border-style: solid; }

• 4. Masukin deh URL gambar tadi ke dalam kurung itu
• 5. Atur posisinya di background-position: top left (bisa diatur ke center, top right dll)
• 6. Atur banyaknya tampilan gambar di background-repeat: no-repeat (untuk nampilin satu gambar aja), kalo mau banyak tinggal ganti jadi repeat aja
• 7. Save template

Kutegesin lagi.. Ini bukan ngajarin lho.. pasti udah pada jago-jago ngutak atik ginian.. Ini cuma buat catetan aku aja..

Share on :

Tweet