MEMASANG SLIDE SHOW FOTO
MEMASANG
SLIDE SHOW FOTO
Nah, sebagai Bahan Pertimbangan,
mungkin temen-temen Bisa Membuat Kumpulan Foto-foto yang temen-temen Miliki
Menjadi Galery Slideshow Seperti berikut ini :
Temen-temen Tertarik membuatnya.... ?
Mungkin Temen-temen Bisa ikuti cara membuat galery slideshow di postingan (artikel blog) berikut ini :
- Masuk pada dasbord pilih Tata letak
- Kemudian di sidebar klik tambahkan gadget
- Lalu pilih HTML /klik tanda ( + )
- Pada judul isikan ( Foto Gallery / SLIDE SHOW FOTO )
- Copy Paste kode berikut pada konten
<div dir="ltr"
style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<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" />
<img src="URL Foto 5" />
<img src="URL Foto 6" />
</div>
<div style="text-align: center;">
<a href="http://pelajarterbaikupi.blogspot.com/2014/08/cara-membuat-galery-slideshow-artikel-posting-blog.html" target="_blank"><span style="font-size: x-small;">My Galery</span></a></div>
<br /></div>
<br /></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<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" />
<img src="URL Foto 5" />
<img src="URL Foto 6" />
</div>
<div style="text-align: center;">
<a href="http://pelajarterbaikupi.blogspot.com/2014/08/cara-membuat-galery-slideshow-artikel-posting-blog.html" target="_blank"><span style="font-size: x-small;">My Galery</span></a></div>
<br /></div>
<br /></div>
Temen-temen cukup ganti tulisan berwarna biru dengan URL gambar yang temen-temen kehendaki.
Temen-temen juga bisa menambah atau mengurangi jumlah foto sesuai kehendak. Tidak hanya sebatas 3 Foto saja seperti yang di contohkan.
Jika merasa sudah cukup, temen-temen bisa kembali menulis artikel ke mode compose. Lalu Publish/publikasikan artikel yang telah temen-temen buat.
0 komentar:
Posting Komentar