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 this with short URL: Get Short URLloading short url

Yuk Berbagi Gratis!


Penulis : mizipediacom ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Cara Membuat Slide Show Gambar di Blog ini dipublish oleh mizipediacom pada hari 05 March 2017. Semoga artikel ini dapat bermanfaat dan menambah wawasan kita semua. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini.

Previous
Next Post »
How to style text in Disqus comments:
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
Show Parser Box

By
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