Cara Membuat Galeri

Cara Membuat Gallery foto gambar bergerak berjalan di blog default (Biasa)

1. Silahkan sobat >> Masuk atau Login ke blogger.com  menggunakan akun sobat.

2. Pada Dashboard tampilan blogger baru, Pilih Menu >> Tata Letak >> Tambah Gadget >>HTML/JavaScript.

3. Beri judul widget, Contoh "My Foto Gallery". Kemudian letakkan semua kode di bawah ini pada kotak HTML/JavaScript.

<marquee direction="up" onmouseover="this.stop()" scrollamount="3" onmouseout="this.start()">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiETKjADIbBPt-ta0fl77Fn1zUmMwdK5kLPzGNMRv31-_VIJ9H8P8tCiAzwxX_Fyv03GjMh56FZfPIqBpsCv2JlVlQMgx59chwmf8AeEnENqoxiY8eB5DrUBTL56SlUQkeS3ALYf_rQlyk/s1600/PINK1.jpg" width="120" height="120" /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwfLthJ4TuoteB1ntWROp6YLeVULxRJ3o_Bqu4KU9WESTimbOXAf_tyzQOPDzCZtLCCKxazGfzDYAkvUsKQsZj_ZxA8MnsDxDQ9PCn5aEbinmkDhW9WzNCvd4btXYb-CP6SZK3dA9V8qU/s1600/HT3.jpg" width="120" height="120" /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1sG537qQXo-IVPgB2yX6rR8vR7LicpJL4cRAgJmi90Mnz7Y3oFy-AtCihJ8JMA0pdbGagnIoJcSMlRFaEKi9OnPz22MgnrTdPCNu1MAtyB6KuSrKgCoLpicrKpPsfT2QJXjK-qiHzZvY/s1600/sonal_chauhan.jpg"width="120" height="120" /></marquee>

Keterangan:

• Warna Merah adalah Alamat URL gambar atau foto image. Silahkan sobat ganti dengan alamat URL gambar atau foto image sobat.

• Warna Biru, width="120" dan height="120" adalah ukuran Lebar dan Tinggi image gambar atau foto. Silahkan sobat atur nilainya sesuai dengan keinginan sobat agar sesuai dengan widget blog sobat.

•  <marquee direction="up" adalah arah bergerak berjalan ke atas. Silahkan sobat gantiup jadi down jika ingin arah berjalan bergerak ke bawah.

 Cara membuat Foto berjalan

Foto Yang berjalan di blog memang sangat menarik untuk dilihat . bagaimana cara membuatnya ? yupz.. Dalam postingan kali ini saya akan menerangkan bagaimana cara membuat foto berjalan di blog . Sama seperti teks yang berjalan gambar yang berjalan ini juga menggunakan efek dari marquee . langsung ajah yach kita praktek .hehehehe
Ikuti langkah-langkah berikut untuk membuat gambar berjalan di blog

Copy Paste kode berikut ke blog anda :

<table border="10" cellpadding="3" height="135" width="195"/>
<tr>
<td>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="192" height="132" align="center">

<img src="http://farm5.static.flickr.com/4017/4274096032_8bf5bd349a_o.jpg" height="130" width="190" />
<br/>
<img src="http://farm5.static.flickr.com/4046/4273351371_7c1ceb936b_o.jpg" height="130" width="190" />

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

Keterangan ganti link yang berwarna biru dengan link tempat anda menaruh gambar, contohnya saja gambar yang anda taro di flickr.com .


Membuat Gambar berjaln Dari kiri ke kanan

Copy paste kode berikut ke blog anda :
<marquee align="center" direction="left" height="200" scrollamount="3" width="100%" >

<img src="http://farm5.static.flickr.com/4017/4274096032_8bf5bd349a_o.jpg" width="190" height="130" />


</marquee>Keterangan ganti link yang berwarna biru dengan link tempat anda menaruh gambar, contohnya saja gambar yang anda taro di flickr.com .


Membuat Gambar berjaln Dari kiri ke kanan

Copy paste kode berikut ke blog anda :
<marquee align="center" direction="left" height="200" scrollamount="3" width="100%" >

<img src="http://farm5.static.flickr.com/4017/4274096032_8bf5bd349a_o.jpg" width="190" height="130" />

</marquee>

trik bagaimana menimbulkan 'Mini Globe' pada blog

Ttrik yang simple, sederhana, namun menarik. yaitu trik bagaimana menimbulkan 'Mini Globe' pada blog kita. ok! gini caranya :
1. untuk mengawalinya temam-teman silahkan login ke blognya
2. Pilih menu design ( sebelah atas kanan blog anda)
3. pilih menu tata letak dan klik tambahkan gadget
4. setelah muncul, teman-teman silahkan pilih HTML
5. dan terakhir masukkan kode dibawah ini, !......

<script type="text/javascript" src="http://jh.revolvermaps.com/r.js"></script><script type="text/javascript">rm_f1st('6','220','true','false','000000','7rgwjwchl6y','true','ff0000');</script><noscript><applet codebase="http://rh.revolvermaps.com/j" code="core.RE" width="220" height="220" archive="g.jar"><param name="cabbase" value="g.cab" /><param name="r" value="true" /><param name="n" value="false" /><param name="i" value="7rgwjwchl6y" /><param name="m" value="6" /><param name="s" value="220" /><param name="c" value="ff0000" /><param name="v" value="true" /><param name="b" value="000000" /><param name="rfc" value="true" /></applet></noscript>

6. Selesai!... Oya untuk posisi globenya boleh letakkan dimana saja sesuai selera anda.
7. Selamat mencoba

KONTEN BERJALAN

<marquee direction="up" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="150"><br /><br /><script style="text/javascript" src="http://sites.google.com/site/icalcell/javascript/daftarisiku.js"></script><script style="text/javascript">var numposts = 100;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://tabahhar.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br /><br /></marquee><br/>By <a href="http://hasanudinsangar.blogspot.com" target="_blank">mr blog</a>

DAFTAR BACAAN SCROL

<div style="overflow:auto; width:auto; height:300px; padding:5px; border:1px solid #e6e4e3;">

<script style="text/javascript">

var numposts = 100;

var standardstyling = true;

</script>

<script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>

<h3></h3>

<script src="http://tabahhar.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br /><br /><br/>By

</div>

DAFTAR LINK SCROL

<div style="height: 300px; overflow: auto; text-align: left; width: 530px;">

<script src="http://yourjavascript.com/12152269523/daftar-isi-otomatis.js">

</script>