Selamat datang di semutdesa.blogspot.com

Cara Mudah Untuk Membuat Slide Show Foto di Blog

30 Maret 201312komentar

Slide show bisa digunakan untuk menampilkan foto liburan yang banyak, atau memajang foto-foto. 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 sampai dengan 5 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioM4mhf2yB66HfMBZNRpCULCn1IZI1ZoQcZiEtng3wvN2wn4942GHF6mOU3uXLUtLG_PCVSHcb46kJLMJ9XX7ALJNYvqWJ3u8fdMNjVxMl6tOEzaJkbAjEtKob7vKqEmyq9aVENk4S00Y/s1600/Untitled.png" /> dan seterusnya.
7. Simpan jika sudah selesai.

Ditulis Oleh : semut blog

Christian angkouw Anda sedang membaca artikel tentang Cara Mudah Untuk Membuat Slide Show Foto di Blog. Silahkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk menyertakan link dibawah ini sebagai sumbernya

:: Semut Desa Blog's::

Rate this posting:
{[['']]}
Related Posts Plugin for WordPress, Blogger...
Share this article :
Comments
12 Comments

+ komentar + 12 komentar

30 April 2013 pukul 22.30

mohon maaf,, saya mau tanya, foto yang sudah diupload itu di upload dimana ?
terimakasih :)

24 Mei 2013 pukul 22.55

tolong bantu saya biar bolog saya bisa dikenal orang lain.

26 Mei 2013 pukul 01.34

@titis:uplod fotonya seperti uplod di postingan baru tetapi mode HTML, nanti ketemu url Fotonya

26 Mei 2013 pukul 01.36

@vanz Shofwan:terus aja posting yang unik2 dan usahakan di share ke beberapa sosial media gan

27 Mei 2013 pukul 07.43

Gan, cara membuat blog seperti agan gimana yg ada tab d atas itu trus trbagi lgi jadi multimedia ,dll . gimana itu ?

28 Mei 2013 pukul 03.49

@Amaldo Firjarahadi Tane:ow itu, itu edit HTML sob, di template2 downloatan juga ada yang begituan, tinggal kasih link dan beri judul tab

4 Juni 2013 pukul 00.42

makasih banyaaaaak

5 Juni 2013 pukul 02.51

@HaikalAdlan:iya gan sama-sama

25 Juni 2013 pukul 07.11

tanks gun

25 Juni 2013 pukul 22.31

@fauzi maarif:mkasih kunjungannya

28 Desember 2013 pukul 07.54

@qray uzumaki:iya sob, mkasih kunjungannya

25 April 2014 pukul 23.11

ga gerak gan

Posting Komentar

Berkomentarlah yang Sehat :

* Gunakan kata-kata yang sopan
* No Spam
* No Pornografi
* No Sara


Silahkan berkomentar !!! Komentar anda inspirasi Semut Desa.

 

Copyright © 2021. Semut Desa Blog's - All Rights Reserved
Template Editor by Rendy Uye
Proudly powered by Blogger