Membuat Gambar Melayang di Blog

بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم

Pada hari ini saya melanjutkan menulis artikel karena saya ingin meneruskan blog saya ini supaya bisa naik trafficnya. Dan pada kesempatan yang berbahagia ini saya ingin meneruskan tutorial blogging karena kemarin - kemarin sudah memposting tentang Games. Games yang saya posting adalah The Sims 3 versi Reloaded beserta cara Patch sampai versi terbaru dan saya menyediakan Patch dari The Sims 3 dan World Adventures. Setelah anda membaca Judul dari posting ini, pasti anda terheran dengan Judulnya. Bila anda sudah binggung, maka langsung sajalah kita coba hehehe...

Demo Gambar MelayangKlik disini untuk melihat demo Gambar Melayang

1. Pertama anda login ke Blogger anda
2. Setelah itu masuk ke Dasbor, lalu ke Rancangan
3. Setelah masuk tab Rancangan, kemudian masuk ke Edit HTML
4. Selanjutnya anda centang Expand Template Widget
Expand Template Widget
5. Kemudian copy code di bawah ini

#pojok1 {
position: fixed;
_position: absolute;
bottom: 0px;
left: 0px;
clip: inherit;
z-index: +1000;
}

6. Kemudian letakkan di atas

]]></b:skin>

7. Sekarang kode CSS sudah terpasang, selanjutnya untuk penempatan letak dari gambarnya.
   Anda bisa mencopy code di bawah ini

<div id='pojok1'>
<img border='0' src='http://i766.photobucket.com/albums/xx310/Ikhfar/dofollow.png'/>
</div>

8. Letakkan di atas

</body>

9. Simpan Template anda

Cara Mengcustomize Gambar Melayang

1. Untuk mengatur letak dari Gambar Melayang anda bisa menggati CSSnya dengan cara sebagai berikut:
• Gambar berada di Kiri Atas

left: 0px;
top: 0px;

• Gambar berada di Kiri Bawah

left: 0px;
bottom: 0px;

• Gambar berada di Kanan Atas

right: 0px;
top: 0px;

• Gambar berada di Kanan Bawah

right: 0px;
bottom: 0px;

Anda bisa mengganti 0px dengan sesuha hati anda
2. Kemudian untuk mengganti gambarnya anda bisa lihat Langkah 7 kode 2

<img border='0' src='http://i766.photobucket.com/albums/xx310/Ikhfar/dofollow.png'/>

Untuk mempermudah anda dan tidak mengalami kesulitan saat Membuat Gambar Melayang ini, Insya Allah jika tidak ada halangan saya akan membuat Generator Gambar Melayang.

ٱلۡحَمۡدُ لِلَّهِ رَبِّ ٱلۡعَـٰلَمِينَ

Artikel Terkait