Cara Membuat Gambar Melayang di Blog

15 Jan 20125komentar

By Pisscor

Dengan gambar kesukaan anda, atau hasil disain anda, yang membuat anda bersemangat menampilkanya di blog sobat sendiri, tak ada salahnya anda dapat meletakkan gambar tersebut secara melayang disamping blog anda. ikuti langkah-langkahnya :

1. Login ke blogger, Dasbor pergi ke>> Rancangan>>Edit HTML.
2. Centang Expand Template Widget.
3. Anda juga perlu untuk membackup template asli anda terlebih dahulu dengan Download Template Lengkap dan memilih simpan/save dan menyimpannya pada hard disk. Cadangan ini akan bermanfaat jika ada yang tidak beres dengan langkah2 yang anda kerjakan.

4. Cari kode : ]]></b:skin>
Kalau sulit bisa dengan cara cepat saat pencarian yaitu dengan tekan CTRL F/F3.
5. Letakkan kode dibawah ini diatas kode tersebut.
#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expressionundefineddocument.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expressionundefineddocument.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
3. Text yang berwarna merah adalah posisinya, kalau pengen ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right" atau juga tengan dengan "center". Begitu juga tulisan "bottom", jika pengen di posisi atas bisa diganti dengan "top". Itu semua sesuai keinginan Anda dan selera Anda.
4. Langkah selanjutnya yaitu letekkan script dibawah ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://pisscor.blogspot.com/">
<img src="http://i1240.photobucket.com/albums/gg498/tinodo/logo-pisscor-1.gif" border="0" /></a>
</div>

catatan :- Kode yang berwarna merah , silahkan ganti dengan url blog anda

               - Kode yang berwarna biru gantikan dengan gambar kesukaan anda, dengan copy                       linknya dari photobucket, kemudian paste.
               - Jika belum punya account photobucket. silahkan daftra dulu di Photobucket.com
jika berhasil dan tidak berhasil tinggalkan comentar anda . thank's .
Share this article :

+ komentar + 5 komentar

7 Februari 2012 01.08

Makasih sob infonya.. bermanfaat

6 Maret 2012 20.52

Agak susah juga ya...

24 September 2012 02.18

Trimakasih gan infony..

sangat bermanfaat bagi perkembangan blog saya.. :)

Blog Fuadditiya | The FIM Site

24 Maret 2013 00.08

mantap dah .. artikelnya

10 Maret 2015 16.14

makasih artikelnya sangat keren

Poskan Komentar

 
Support : Creating Website
Copyright © 2014. Pisscor Berbagi - All Rights Reserved
Template Created by Creating Website
Proudly powered by Blogger