Rabu, 09 Februari 2011

Cara Menampilkan Gambar Melayang

1. Login ke Blogger
2. kLik Tata Letak => Klik elemen Tambah Gadget
3. Pilih Gadget yang bertemakan HTML/Java Script
4. Isikan Kode berikut di dalamnya

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#C2CFDF;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir-100;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">

.:<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSvS1uK37DZFbyFgVG4q92JQB53Qm9FqMRSO1kp9ehp4VMDcccO38cKUvG4cQP6lrlQs5J5Z1VzZQsTQIQvjureCTKVRc7EvpqJ2qWDWhgBjSTUnnOvyYwW8mNCX8DdsYQs7we-TqHfATc/" title="Tombol Close Iklan" alt="tutup" />:.

</a>

</div>
<center>

DISINILAH LETAK IKLAN ANDA

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (20-gb.offsetWidth).toString() + "px";
</script></p></p></span></div></div>
5. Simpan

Untuk memasangnya: Ingin cara lain? Klik Tata Letak => Edit HTML => Letakkan kode iklan melayang di atas kode tag => Klik simpan Template. kekurangannya, iklan melayangnya akan muncul setiap kali anda surfing ke halaman Tata Letak/LayOut. Lalu untuk kelebihannya, ya lumayan buat ngehemat elemen tambah gadget.Selanjutnya saudaraku bisa menampilkan iklannya di blog masing2. Entah itu iklan PPC, Iklan PTC (banner Reff), dll...dengan cara mengganti tulisan "SCRIPT IKLAN SAUDARAKU DI SINI - BISA DIISI DENGAN APA AJA SIH, TERSERAH~" dengan kode maupun widget yang ingin ditampilkan.

Lalu bagi SAUDARAKU yang ingin mengubah warna garis tepi serta warna latar alias background, maka bisa diperhatikan pada kode yang ditandai dengan warna Biru dan Hijau (border: untuk warna garis tepi, lalu background: untuk warna latar) => Untuk mempermudah dalam memilih warna, silahkan cari-cari warna yang anda inginkan

Semoga Bermanfaat_

Sumber : KLIK DIISNI

0 komentar:

Posting Komentar

Semoga Bermanfaat Bagi Kalian Semua
Berbagi dan Berbagi :) © 2008 Template by:
SkinCorner