cara membuat banner bertukar (Rotasi)

Iklan merupakan daya tarik bagi para blogger dan juga mendapatkan penghasilan, namun untuk lebih indahnya lagi dan dapat menempatkan banyak banner dalam satu kolom maka dalam postingan kali ini saya mencoba mengupas tentang cara membuat banner bertukar (Rotasi) di dalam satu tempat.

Nah mari kita mulai saja :

1. Login Ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var jumlah_iklan = 2;
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan +=1;
if (pasang_iklan==1) {
txt="";
url="http://www.donkeymails.com/pages/index.php?refid=sanghaydar";
alt="";
banner="http://www.donkeymails.com/banner2.gif";
width="468";
height="60";
}
if (pasang_iklan==2) {
txt="";
url="#";
alt="Alt Text";
banner="http://klikarea.com/images/pasangbannerdisini5.jpg";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>

Ket :
Tulisan berwarna Merah anda  tukar dengan url tujuan Banner
Angka berwarna Biru jumlah banner
Tulisan berwarna kuning url Banner anda
Tulisan berwarna hijau ukuran banner

Baca Selengkapnya »cara membuat banner bertukar (Rotasi)

Cara Membuat Photo Berputar

Cara membuat Fhoto berputar, untuk apa, bagaimana....mungkin pertanyaan itu akan timbul di benak saudara namun kalau sudah melihat hasilnya mungkin saudara sahabat blogger ingin juga meletakkanya di blog saudara, sebagai penghias blog.coba lihat gambar di atas dan dekati cursor mouse anda. DEMO

Nah begini caranya :
login ke blogger anda,
kemudian pilih dasboard,lanjut pilih rangcangan klik edit HTML...
lalu cari kode ]]></b:skin> jika dah ketemu 


copi-paste kode dibawah ini taruh di atas kode ]]></b:skin>


.simplerotate{
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;
}


.simplerotate:hover{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}

lalu simpan
kemudian ke rangcangan-elemen laman-klik add elemen laman -pilih HTML/javascript


copy code dibawah ini, kemudian paste di gadget hatml/Javascript




<img border="0" class="simplerotate" original="URL PHOTO ANDA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMpsB3tIw6-izb5b0vpfk3E2Nlx1k5mo8scKfjM3GFGpEX2FT_3ahSHKOYSUgm70ePbvBoiQhIu2ajWmJ2csb5tYnrcfFY8h2dUcBcAN2ZYWShoD3wK5Xf0aLFan6WbUG6obeolQ-r0KY/s128/barcelona-fc.jpg" style="display: inline;" />

lihat hasilnya 

Baca Selengkapnya »Cara Membuat Photo Berputar