Tutorial #6 - Background Static Image

Apr 30, 2010 - ♛Posted by : Mr.Homosapiensz at 11:03 PM
Static Background Layout Image


STEP#1:
Buka BLOG -> LAYOUT -> EDIT HTML -> Search (Ctrl+F) for "body {" (seperti imej di bawah)


STEP#2:
COPY code (yang di 'bawah') dan PASTE tersebut di antara "Background" & "margin" (seperti dalam imej di bawah)


Background-image:url(http://img683.imageshack.us/img683/2480/sidebard.jpg);
background-repeat:no-repeat;
background-position:none;
background-attachment:Fixed;



Contoh LINK IMAGE dari GOOGLE


Highlighted MERAH = LINK untuk IMAGE
Highlighted HIJAU = LOKASI IMAGE (right/center/left)







Backgroung position : right;





Background position : left;


Background position : center;

Selepas dah PASTE code dengan posisi yang di kehendaki, PREVIEW dulu sebelum SAVE TEMPLATE


Reference : Mr.Homosapiensz's Experimental Blog


p/s: KREDIT to CIK IEMA yang terangkan TUTORIAL ni kepada Mr.Homosapiensz