MEMBUAT GAMBAR MEMBESAR DI POSTINGAN BLOG

• 
• 
• 

CONTOH DIATAS

1. Masuk ke www.blogger.com
2. Klik entry post
3. buka HTML bukan compose
4. copy paste kode dibawah ini 
5. terima kasih

CARA MEMBUAT SLIDE SHOW DIBLOG

CARA MEMBUAT SLIDE SHOW DIBLOG

Next

Next

Next

1. Log In ke www.blogger.com

2. Buat baru artikel atau edit artikel lama

3. Buka menu HTML buka Compose saat memasukkan kodenya

4. Copy dan Paste kode di bawah ini

  

 <style>

#Gambar1 {display:block; text-align:center}

#Gambar2, #Gambar3 {display:none; text-align:center}

#Klik1, #Klik2, #Klik3 {box-shadow: 0px 0px 10px 3px #181515; padding:2px; text-align:center; border:1px solid #D1FA02; background:#D1FA02; cursor:pointer; width:125px; height:30px}

</style>

<center>

<table border="0" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqogm1Mp88YTdKt4LjnkX_IyBqqYjR4fpQIVPysB0ZfC-yd3wkKdruJNvRxHKWefbk-0lymwwx78neuJCYYb4Eaatc15Zauvm1n6aDsyPqs_DQ2c8KcN-3o2jaYS3RSo8Ei5dOYIJnsTk/s1600/ledtv.jpg); height: 350px; padding: 0px 0px 40px 0px; width: 500px;">

<tr>

<td>

<div id="Gambar1"><a href="http://wandykambuno.blogspot.com/" target="_blank"><img alt="TERIMA KASIH TUHAN" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFEsFRKrJqDdsIxKAPca5R1yuojAADY069gzhwPemmydsxSD4PdZ_avz2TRavUi90x2pYr-cqxgnbV_QUZNYMd35bK_sVLPXAFN840BnEWcB03WLTgLByraUzTVNlWd-DXwiZ-WIdNmxI/s320/bidadari-surga.jpg" title=" TERIMA KASIH TUHAN " /></a></div>

<div id="Gambar2"><a href="http://wandykambuno4.blogspot.com/" target="_blank"><img alt="ATAS BERKAT YANG DIBERIKAN" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizHUCOzb_9D9mZMKpFXB4kJZLoqJNKs8hTOGZPTTmefSg0jrXImuo3HWZlH_e4b1eX-U4Q2GbD1aa9j-9zRhJx2aAn3L82VHQYR3OGPelv_XaywWiuSuS29PgIx2A8fimml3lI2A2HImM/s320/belajar-dari-merpati.jpg" title=" ATAS BERKAT YANG DIBERIKAN " /></a></div>

<div id="Gambar3"><a href="http://wandykambuno21.blogspot.com/" target="_blank"><img alt="AMIN" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ2j55Z4kH0MXA0Bd7pQ6nqbAiXrU2KT3ladEGaE70U8SyVkYX1J_Uw4B2Bxs7DnYmlb5Omy544APLcw0Ny2_rqp6AWVo9672cnlwZSzsigDq8VRl6TQJwQ4HsBPFoF1wPFsHUSl6Hbvs/s320/12-12-17+Roh+Kudus+Burung+Merpati+02.jpg " title="AMIN" /></a></div>

</td></tr></table>

<table border="0"><tr>

<td><div id="Klik1" onclick="document.getElementById('Gambar1').style.display='block';Gambar2.style.display='none';Gambar3.style.display='none';">Next</div></td> 

<td><div id="Klik2" onclick="document.getElementById('Gambar1').style.display='none';Gambar2.style.display='block';Gambar3.style.display='none';">Next</div></td>

<td><div id="Klik3" onclick="document.getElementById('Gambar1').style.display='none';Gambar2.style.display='none';Gambar3.style.display='block';">Next</div></td>

</tr>

</table>

</center>

5. Publish artikel atau Perbaharui

6. Lihat hasilnya

Keterangan

• Gambar: Sesuaikan Gambar dengan tampilan backgroundnya
• Alamat dan Alt: Ganti dengan alamat blog anda serta alt-nya juga
• Warna BIRU: Atur padding pada gambar hingga sesuai dengan tampilan background
• Silahkan atur warna pada #D1FA02 sesuai yang anda inginkan
• Ganti Next menjadi angka atau huruf yang anda inginkan

CARA MUDAH MENGHILANGKAN ICON PALU DAN TANG DI BLOG

                          CARA MUDAH MENGHILANGKAN ICON TANG DAN OBENG

OBENT DAN TANG ICON DIBLOG

CARA PERTAMA

1.MASUK KE TEMPLATE
2.PILIH EDIT HTML

3 CARI KODE INI                                        <b:include name='quickedit'/>

4. SETELAH KETEMU HAPUS
5.SAVE DAN LIHAT HASINYA

CARA KEDUA

1.MASUK KE TEMPLATE
2.PILIH EDIT HTML

3 CARI KODE INI                                                      ]]></b:skin>

4. SETELAH KETEMU TEMPATKAN KODE SCRIPT TEPAT DIATAS KODE DIATAS

.quickedit{display:none;}

5.SAVE DAN LIHAT HASINYA


SEMOGA MEMBANTU

MEMBUAT GAMBAR KAMUFLASE POSTINGAN BLOG SAAT TERSENTUH KURSOR

MEMBUAT GAMBAR KAMUFLASE

MASUK KE MENU POSTINGAN

PILIH HTML

KODE COPY PASTE KODE DIBAWAH INI

<style type="text/css">
a.pic .image2{display:none}
a.pic:hover .image1 {display:none}
a.pic:hover .image2 {display:inline} 
</style>
<center> 
<a class="pic" href=" http://wandykambuno4.blogspot.co.id/2016/07/penelitian.html." target="_blank"> <img class="image1" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge9jL_ubeqFnyyjsuSLbj_tki0x97rWZpPjWgit1LNQ-sOEtLKd1v8BzyfZWMtzEQXnMWc2caFuZb8Rt3LFZNE83Hyus7-f0NxJIGNh-RAKAe_GtdRQt8uG1W6ez3Pt3BGR3R9QB3GDkU/s320/Populasi-Burung.jpg"/> <img alt="wandy kambuno" class="image2" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6W7fHnq14fRtGKIpETs_sa5tA_IZ8ve093EJzbO6qD0GuB0x42rwbvuTuD5mZ_HwRJCwYiNKvFotBDSyG5ydu3yhUYDLC8zcDbgGypIat3Vgno2kFeLdLGssxbKaSJV0cbCx-FlCif0w/s320/populasi-penduduk.jpg" title="WANDY KAMBUNO SUDAH BERUBAH LHOOOOO " /></a> 
</center>

yang berwarna biru  silahkan  ganti :

contoh dibawah:

CARA MUDAH MEMBUAT EFEK ZOOM PADA GAMBAR

CARA MEMBUAT  EFEK ZOOM PADA GAMBAR

KODE PASTE KODE DIBAWAH INI YANG TELAH DIBUAT PARA BLOGGER SEJATI DI INDONESIA.

<center>
<style>
#iphone{
width:550px;
height:293px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQpExhxO0BVNHd_NKN3W2yPT7BLEjyuxFe1UH3n4mxB1pL7nYa0VPbF6qncfX7zg5aC8cgyaMxsqv5QJXIrpwZQLthJJAKxKT24EJUnTe9eGx8YIt4IoHJV8cU-f-0ACuJNTNqRgLh_s4N/s1600/Background_website.jpg') no-repeat center center;
position:relative;
}
#webpage{
width:365px;
height:207px;
position:absolute;
top:63%;
left:62%;
margin:-141px 0 0 -249px;
}
#retina{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHA5OFHp9ll9gL9CSR2VSuxAtJ4iIGAemUek21jwgI6MM0Dbe_qI2nnlE-4ksYFKUTe62r4cHZ4am-lnlrsqukRHU1rC2QqhkJRAhwu7xhpZwXGZiDICDObPPgrOgOFV1THJR9_RrBXfRN/s1600/DAVID+VS+GOLIATH.jpg') no-repeat center center white;
border:2px solid white;
position:absolute;
height:180px;
width:180px;
display:none;
-moz-box-shadow:0 0 5px #777, 0 0 10px #aaa inset;
-webkit-box-shadow:0 0 5px #777;
box-shadow:0 0 5px #777, 0 0 10px #aaa inset;
-moz-border-radius:90px;
-webkit-border-radius:90px;
border-radius:90px;
}
</style>

<div id="iphone">
<div id="webpage">
<img alt="Web Page" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHA5OFHp9ll9gL9CSR2VSuxAtJ4iIGAemUek21jwgI6MM0Dbe_qI2nnlE-4ksYFKUTe62r4cHZ4am-lnlrsqukRHU1rC2QqhkJRAhwu7xhpZwXGZiDICDObPPgrOgOFV1THJR9_RrBXfRN/s1600/DAVID+VS+GOLIATH.jpg" height="207" width="365" />
<div id="retina">
</div>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://faceblog-evolutions.googlecode.com/files/script.js" type="text/javascript"></script></center>

Keterangan -

1. Teks Biru adalah Gambar 1 (Gambar Lensa Flip)
2. Teks Merah adalah Gambar 2 (Gambar Utama)
3. Teks hijau adalah Url gambar Background
4. Silahkan Ganti dengan URL gambar anda dengan URL gambar yang sama
5. Selamat Mencoba Membuat Efek Lensa Flip 3D Pada Gambar, semoga bermanfaat

6. Terima Kasih

CARA MUDAH MERUBAH TAMPILAN POST POPULER

Cara Merubah Tampilan Popular Post menjadi keren

PIKIRAN MENENTUKAAN HIDUP KITA

Berikut Ini Langkah Langkah Untuk Membuat Nya :

Login akun blogger sobat.

• Menuju Ke menu Tata Letak
• Sebelumnya Tambahkan Widget Popular Post Terlebih Dahulu pada blog sobat dengan cara Klik Menu Tata letak, Tambah Gadget, Popular post / Entri Popular, Pilih 7 Hari 

• Terakhir, Centang Thumbnail gambar Dan Jangan Centang Cuplikan ! Jika sudah, simpan
• Kemudian, Tambah gadget kembali, Pilih Html Javascript.
• Masukan Semua kode dibawah ini.  

<script
language='Javascript'>document.write(unescape('%3C%73%74%79%6C%65%3E%0A%2E%50%6F%70%75%6C%61%72%50%6F%73%74%73%20%2E%69%74%65%6D%2D%74%69%74%6C%65%7B%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%7D%0A%2E%50%6F%70%75%6C%61%72%50%6F%73%74%73%20%75%6C%20%6C%69%20%7B%62%61%63%6B%67%72%6F%75%6E%64%3A%20%6E%6F%6E%65%20%72%65%70%65%61%74%20%73%63%72%6F%6C%6C%20%30%20%30%20%74%72%61%6E%73%70%61%72%65%6E%74%3B%66%6C%6F%61%74%3A%20%6C%65%66%74%3B%6C%69%73%74%2D%73%74%79%6C%65%3A%20%6E%6F%6E%65%20%6F%75%74%73%69%64%65%20%6E%6F%6E%65%3B%6D%61%72%67%69%6E%3A%20%33%70%78%20%21%69%6D%70%6F%72%74%61%6E%74%3B%70%61%64%64%69%6E%67%3A%20%30%20%21%69%6D%70%6F%72%74%61%6E%74%3B%7D%0A%2E%50%6F%70%75%6C%61%72%50%6F%73%74%73%20%75%6C%20%6C%69%20%69%6D%67%20%7B%70%61%64%64%69%6E%67%3A%33%70%78%3B%62%61%63%6B%67%72%6F%75%6E%64%3A%23%66%65%66%65%66%65%3B%2D%77%65%62%6B%69%74%2D%62%6F%78%2D%73%68%61%64%6F%77%3A%30%20%31%70%78%20%31%70%78%20%23%33%65%37%38%62%33%3B%2D%6D%6F%7A%2D%62%6F%78%2D%73%68%61%64%6F%77%3A%30%20%31%70%78%20%31%70%78%20%23%33%65%37%38%62%33%3B%62%6F%78%2D%73%68%61%64%6F%77%3A%30%20%31%70%78%20%31%70%78%20%23%33%65%37%38%62%33%3B%66%6C%6F%61%74%3A%6C%65%66%74%3B%6D%61%72%67%69%6E%3A%30%20%36%70%78%20%30%20%30%3B%70%6F%73%69%74%69%6F%6E%3A%72%65%6C%61%74%69%76%65%3B%6F%76%65%72%66%6C%6F%77%3A%68%69%64%64%65%6E%3B%2D%77%65%62%6B%69%74%2D%62%6F%72%64%65%72%2D%72%61%64%69%75%73%3A%31%30%30%70%78%3B%2D%6D%6F%7A%2D%62%6F%72%64%65%72%2D%72%61%64%69%75%73%3A%31%30%30%70%78%3B%62%6F%72%64%65%72%2D%72%61%64%69%75%73%3A%31%30%30%70%78%3B%20%2D%6F%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%6D%6F%7A%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%77%65%62%6B%69%74%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%7D%0A%2E%50%6F%70%75%6C%61%72%50%6F%73%74%73%20%75%6C%20%6C%69%20%69%6D%67%3A%68%6F%76%65%72%20%7B%70%61%64%64%69%6E%67%3A%33%70%78%3B%62%6F%72%64%65%72%2D%72%61%64%69%75%73%3A%35%70%78%3B%2D%6F%2D%74%72%61%6E%73%66%6F%72%6D%3A%73%63%61%6C%65%28%31%2E%32%29%20%20%74%72%61%6E%73%6C%61%74%65%28%30%70%78%29%3B%2D%6D%6F%7A%2D%74%72%61%6E%73%66%6F%72%6D%3A%73%63%61%6C%65%28%31%2E%32%29%74%72%61%6E%73%6C%61%74%65%28%30%70%78%29%3B%2D%77%65%62%6B%69%74%2D%74%72%61%6E%73%66%6F%72%6D%3A%73%63%61%6C%65%28%31%2E%32%29%74%72%61%6E%73%6C%61%74%65%28%30%70%78%29%3B%2D%6F%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%6D%6F%7A%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%77%65%62%6B%69%74%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%6D%6F%7A%2D%62%6F%78%2D%73%68%61%64%6F%77%3A%20%30%70%78%20%30%70%78%20%35%30%70%78%20%23%35%35%35%35%35%35%3B%2D%77%65%62%6B%69%74%2D%62%6F%78%2D%73%68%61%64%6F%77%3A%30%70%78%20%30%70%78%20%35%30%70%78%20%23%35%35%35%35%35%35%3B%62%6F%78%2D%73%68%61%64%6F%77%3A%20%30%70%78%20%30%70%78%20%35%30%70%78%20%23%35%35%35%35%35%35%3B%7D%0A%3C%2F%73%74%79%6C%65%3E%0A%3C%64%69%76%20%73%74%79%6C%65%3D%22%70%6F%73%69%74%69%6F%6E%3A%20%66%69%78%65%64%3B%20%62%6F%74%74%6F%6D%3A%20%30%70%78%3B%20%72%69%67%68%74%3A%20%30%70%78%3B%22%3E%0A%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%68%65%72%6D%61%6E%62%61%67%75%73%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%20%72%65%6C%3D%22%64%6F%66%6F%6C%6C%6F%77%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%73%74%79%6C%65%3D%22%6D%61%72%67%69%6E%2D%74%6F%70%3A%2D%32%35%70%78%22%3E%2E%3C%2F%61%3E%0A%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%68%65%72%6D%61%6E%62%61%67%75%7A%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%20%72%65%6C%3D%22%64%6F%66%6F%6C%6C%6F%77%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%73%74%79%6C%65%3D%22%6D%61%72%67%69%6E%2D%74%6F%70%3A%2D%32%35%70%78%22%3E%2E%3C%2F%61%3E%0A%3C%2F%64%69%76%3E'));</script>

TUTORIAL SEMOGA BERMANFAAT

POPULAR POST EFEK MARQUEE

 CARA MUDAH MEMBUAT POPULAR POST DENGAN EFEK MARGUEE

     

1. Login ke akun anda>> Pada dasbor masuk pada bagian tata letak>> Tambah gadget dan pilih popular posts seperti gambar berikut
2. Masuk ke bagian template>> Edit HTML
3. Ceklist pada bagian Expan widget templates
4. Cari kode <div class=’widget-content popular-posts’> dan simpan kode marquee dibawah ini setelah kode tersebut

<marquee align='left' direction='up' height='140' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'>

Selanjutnya cari kode </b:loop> dan tambahkan kode </marquee> dibawah kode </b:loop>
Sehingga secara keseluruhan kodenya menjadi seperti dibawah ini :

<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</marquee>

CARA MEMBUAT GAMBAR BERPUTAR DI POSTINGAN BLOG

CARA MEMBUAT GAMBAR BERPUTAR DI POSTINGAN BLOG

1. Seperti biasa sobat harus login dulu di akun blog sobat
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Sobat cari kode </head>
5. Setelah ketemu sobat copy paste code di bawah ini tepat di atas kode </head>


<style>#wandy img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
#wandy img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>

6.Klik simpan
7.kode paste  kode ini dipostingan sobat da lihat hasilnya

<div id="wandy">
<a href="http://http://wandykambuno4.blogspot/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDYGuIpeOP6iXjoyO4syChdR7eDvc0r_q1eFlae-kQpwW3OFDs3nNSbXtI3m4HeTbWH-x-LQys-H_lZxhhs6VtQnu0Ezj09l8gxiXMVNEMR6CvXolGlzE2dyZ0BVuKdH4sb9P2p4CI3VSP/s1600/FIL64-300x200.jpg" /></a></div>

keterangan:

1. kode berwarna merah adalahkode pembuka dan penutup
2. kode berwarna hijau silakan sobat ganti dengan URL blog Sobat dan URL gambar yang ingin Sobat pasang di dalam postingan.
3. Setelah semuanya selesai klik publikasikan.

mencari kode body

TIPS MENCARI KODE BODY PADA TEMPLATE BARU

LAMBANG KASIH 

Pada Template baru baru bagi blogger pemula pasti agak sedikit kesulitan untuk mencari kode <body> karena kode tersebut berubah kode agak panjang. kodenya seperti ini.

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

untuk mencari kode tersebut anda coba cari dengan cara Crtl+F : <body
tapi jika belum ketemu anda mencari ditempat seperti gambar di bawah ini.

Pada gambar ada tulisan <b:template-skin>.....</b:template-skin>

Letak <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> berada tidak jauh di bawah tulisan <b:template-skin>.....</b:template-skin>

Semoga tutorial sederhana ini membantu sobat semua.

CARA MENGHILANGKAN LANGGANAN ENTRI ATOM BAWAAN BLOG

CARA CEPAT MENGHILANGKAN LANGGANAN ENTRI ATOM BAWAAN BLOG

LANGGANAN ENTRI ATOM

Masuk ke Bog Sobat > Template > Edit HTML > klik kode-kodenya > Ctrl+A > Ctrl+X > Ctrl+V (Hal ini biar semua code-code di blog kebuka semua sob, kurang lebih sama dengan centang "expand template widget" tapi sekarang menu itu sudah enggak ada di blog)

1. Temukan kode ini sob:

]]></b:skin>

2. Copy paste kode dibawah ini persis di atas kode ]]></b:skin>

.feed-links{display:none;}

3.SAVE

Kelar deh sob, gimana? gampangkan? hehe,.. silahkan dicoba sob,.. 

TUTORIAL MEMBUAT SCROLL DIBLOG

CARA     MEMBUAT       KOTAK     SCROLL         DIBLOG

Apa sebenarnya Scrollbar? jika Anda melihat sebuah blog terutama yang menyajikan sebuah kode HTML tertentu dimana biasanya kode HTML tulisannya terlalu panjang, untuk mempersingkat ruang di dalam tulisan dipersingkat dengan sebuah kotak yang bisa meringkas tulisan. Jadi dapat diartikan Scrollbar adalah sebuah menu untuk meringkas tulisan panjang dalam sebuah kotak yang dapat di scrooll untuk menampilkan isi keseluruhan sebuah tulisan

COPY PASTE KODE DI BAWAH INI DAN LIHAT HASILNYA.

<span><span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 100px; width: 400px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukan Tulisan atau gambar di sini
</div>
</span></span></span>

SELANJUTNYA :

<div style="border:1px solid red;width:auto;height:50px;overflow-y:scroll;overflow-x:scroll;">
<p style="width:2500%;">
MASUKKAN TULISAN ANDA DISINI
</p>
</div>

SELANJUTNYA

<div style="border:1px solid black;width:auto ;height:50px;overflow-y:hidden;overflow-x:scroll;">
<p style="width:2500%;">
MASUKKAN TULISAN ANDA DISINI
</p>
</div>

Membuat Gambar Banner Berganti Secara Otomatis

Cara Membuat Banner Muncul Bergantian Secara Otomatis

Oke, langsung saja untuk caranya sangat mudah. 

Cukup menambahkan sedikit script di bawah ini pada area di mana banner ingin ditampilkan.

<script type="text/javascript">

var imgs1 = new Array("URL Banner-A","URL Banner-B","URL Banner-C","URL Banner-D");

var lnks1 = new Array("URL Tujuan-A","URL Tujuan-B","URL Tujuan-C","URL Tujuan-D");

var alt1 = new Array("Teks Iklan-A","Teks Iklan-B","Teks Iklan-C","Teks Iklan-D");

var currentAd1 = 0;

var imgCt1 = 4;

function cycle1() {

if (currentAd1 == imgCt1) {

currentAd1 = 0;

}

var banner1 = document.getElementById('adBanner1');

var link1 = document.getElementById('adLink1');

banner1.src=imgs1[currentAd1]

banner1.alt=alt1[currentAd1]

document.getElementById('adLink1').href=lnks1[currentAd1]

currentAd1++;

}

window.setInterval("cycle1()",5000);

</script>

<a href=""link iklan-1"" id="adLink1" target="_blank">

<img src="link gambar iklan-1" id="adBanner1" border="0" width="350" height="250" /></a>

Keterangan :

1. URL Banner (warna Merah) adalah alamat atau link gambar yang akan dijadikan banner.

2. URL Tujuan (warna Biru) adalah URL tujuan, saat gambar banner diklik maka akan menuju link yang menjadi tujuan.

3. Teks Iklan (warna Hijau) adalah teks deskripsi singkat tentang gambar banner.

4. Angka 5000 adalah kecepatan gerakan banner yang bergantian, semakin rendah nilainya maka akan semakin cepat pergerakannya, begitu juga sebaliknya.

5. Width 350 dan Height 250 adalah lebar dan tinggi banner. Silahkan ganti sesuai dengan space yang pas pada template 

contoh dibawah ini