Cara Membuat Slide Show Gambar di Blog




Cara  Membuat Slide Show Gambar di Blog

Cara  Membuat Slide Show Gambar di Blog


Kali ini kita akan belajar cara untuk membuat slide show pada blog. Nah untuk proses membuat  slide show ini sangat mudah sekli kawan, anda tidak harus perlu pintar photoshop atau flash. Kita hanya tinggal menyiapkan foto yang sudah diupload (dihosting). Dan kita bisa memanfaatkan post blogger, Picasa, Photobucket, dan lain sebagainyya..
Tidak berlama-lama dengan penjelasan ini,  anda bisa mengikuti proses pembuatannya  nya..Lets go.....

yang pertama anda

1. Login ke blogger

2. Pilih Tata Letak kemudian Tambah Gadget

3. Pilih HTML/JavaScript

4. Masukan kode HTML berikut ini:
<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 250px;
}
</style>
<div id="content-slider">
<img src="URL Foto 1" />
<img src="URL Foto 2" />
<img src="URL Foto 3" />
<img src="URL Foto 4" />
</div>

5. Anda ganti kan URL Foto 1 dengan Alamat URL foto yang sudah dihost (upload)

6. Kemudian anda bisa juga menyesuaikan tinggi foto (height) dan lebarnya.

7. Dan serta kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.

7. Simpan jika sudah selesai.


Semoga bermanfaat jika ada yang ingin di tanyakan langsung ke tulis ke komentar..terimakasih..

Share Google URL Shortener: Get Short URLloading short url

Bila Anda merasa memang artikel-artikel di blog ini bisa bermanfaat, maka Anda bisa membantu memberikan donasi melalui Paypal Dana hasil dari donasi akan digunakan untuk memperpanjang domain mizipedia.com - Terima kasih.

Comment Policy Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Peraturan Berkomentar di mizipediacom
1. Berkomentarlah dengan Relevan dan Sopan
2. Jangan Spam
3. Tidak Porn dan Sara
4. Berkomentar dengan link tanpa relevan maka akan otomatis terhapus
5. Semua komentar pasti akan saya baca dan dibalas. Show Emoticon. Klik ==>

+ Follow
Join on this site

with Google Friend Connect