Dunia Blogger Indonesia
Selamat Datang Di forum Dunia Blogger Indonesia Silakan mendaftar dan login untuk bergabung mendiskusikan Blogger

Dunia Blogger Indonesia

Disini tempat berkumpulnya para bloggers diindonesia.kalian bisa berbagi tips dan saling follow blog teman :)
 
IndeksPortalCalendarFAQPencarianAnggotaGroupPendaftaranLogin

Share | 
 

 Cara Mudah Membuat Slide Show Foto di Blog

Go down 
PengirimMessage
Admin
Admin
Admin
avatar

Jumlah posting : 15
Join date : 27.07.13
Age : 19
Lokasi : daerah khusus ibu kota jakarta

PostSubyek: Cara Mudah Membuat Slide Show Foto di Blog   Fri Aug 02, 2013 10:10 pm

Sebuah halaman blog yang tidak ada sentuhan foto atau gambar akan terasa membosankan. Jika sudah bosan, maka pengunjung blog tidak akan lama bertahan. Bukan hanya sebagai pernak-pernik, sebuah foto juga bisa memberikan kesan tersendiri. Orang akan lebih hafal dengan gambar daripada tulisan.

Slide show bisa digunakan untuk menampilkan foto liburan yang banyak, atau memajang foto-foto produk untuk toko online. Cara untuk membuat slide show ini sangat mudah, tidak perlu pintar photoshop atau flash. Kita tinggal menyiapkan foto yang sudah diupload (dihosting). Kita bisa memanfaatkan post blogger, Picasa, Photobucket, dan lain-lain.



Cara Mudah Membuat Slide Show Foto di Blog
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. Ganti URL Foto 1 dengan URL foto yang sudah dihost (upload)
6. Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya.
7. Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
8. Simpan jika sudah selesai.

ayo di coba Laughing 

Visit My blog: http://topane.blogspot.com/2013/08/cara-mudah-membuat-slide-show-foto-di.html
Kembali Ke Atas Go down
Lihat profil user http://dbindonesia.forumid.net
 
Cara Mudah Membuat Slide Show Foto di Blog
Kembali Ke Atas 
Halaman 1 dari 1
 Similar topics
-
» (WTA) bagaimana cara buat dudukan plat nomor di depan
» [Blender] How to Cellshading
» my ninja 250 'redfly-32' masih cupu n culun (update foto...)
» (ASK) Bensin buat si ninin
» (ask)cara setting stationer N250

Permissions in this forum:Anda tidak dapat menjawab topik
Dunia Blogger Indonesia :: Tentang Blog :: Tutorial Blogger-
Navigasi: