2/19/14

Tutorial: Overlapping bottom background

Assalamualaikum.

Overlapping: bertindih
Bottom: bawah

So... contoh dia macam dalam gambar di bawah ni.

This is my example. 
Background batu-bata grey di bahagian bawah tu overlapping bottom background.



Step 1:
Copy the codes below. Highlight dan tekan Ctrl + C serentak untuk copy.

<div style="background-image: url('URL BACKGROUND'); position: fixed; height: 80px; bottom: 0px; left: 0px; width: 100%; z-index: -1; "></div>

Step 2:
Untuk pengguna Simple Template, pergi ke Layout>Add a gadjet>HTML/JavaScript.
Paste codes tadi ke dalam bahagian Content.
Tak perlu letak Title. 

Untuk pengguna Blogskin, pergi ke Template.
Tekan Ctrl + F serentak dan cari code </Style>
Tampal codes tadi di BAWAH code </Style>

Step 3:
Ganti text URL BACKGROUND dengan url background kesukaan anda.

Step 4:
Klik Preview dulu. Kalau dah berkenan, baru klik Save.

 DONE!

0 Sakura(s):

Post a Comment