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

MEMASANG GAMBAR HEADER DI BLOG

Kadang kala template standar dari blogger.com tidak menyertakan fasilitas Add Widged pada bagian headernya sehingga kita kesulitan untuk memasang gambar atau widged lainya di bagian atas blog atau biasa di sebut Header. kalau masih bingung tentang Header, itu tuh yang ada tulisan judul blog dan deskripsi tentang blog, contohnya kalau punya saya di bagian yang ada tulisanya Tips Mempercantik Blog.

Nah begini caranya pertama cari kode berikut ini:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR LIKE (Header)' type='Header'/>
</b:section>
</div>
Ganti kode yang berwarna biru sehingga menjadi seperti ini:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='YOUR LIKE (Header)' type='Header'/>
</b:section>
</div>
Setelah itu simpan. Untuk maxwidgets nya juga bisa anda ganti menjadi dua atau lebih Widged nya, nah setelah itu seperti biasa masuk ke Tata Letak--->Add Gadged--->HTML/javascript anda posting dahulu gambar di CLICK HERE 
lalu copy HTML code nya, lalu paste di HTML/javascript pada bagian content. atau bisa juga anda langsung upload foto dari komputer anda, caranya masuk ke Tata Letak--->Add Gadged--->Gambar lalu upload gambar anda yang ada di komputer anda oke deh, selamat mencoba.

" PERKENALAN "

Nama we Febri Kurnia Rahman
Biasanya si dipanggil embot
We tinggal di Indonesia , Bekasi . Di jalan Kelinci 1 Bekasi Utara
W umurnya 15thun..
Telp we 021xxxxxxxx ( Esia ) heheehe
Ni Fb we ... CLICK HERE
W cuma buat belajar bkin blog doank.. hehehe

dah dlu ya bye :)
Semoga Bermanfaat Bagi Kalian Semua
Berbagi dan Berbagi :) © 2008 Template by:
SkinCorner