WELCOME TO

WELCOME TO
Billboard . Car Panel . Baliho . Banner . Neon Box . Spanduk . Shop Sign . Cutting Sticker . Shop Panel . Kartu Nama . Brosur . Umbul-umbul . Dan Lain-lain

Jumat, 04 Oktober 2013

FOSPI Adv - Cara Membuat Slide Show Foto di Blog


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.

Sekarang, kita akan belajar untuk membuat slide show, yaitu foto-foto yang ditampilkan secara bergantian dengan otomatis. Slide show bisa digunakan untuk menampilkan banyak foto tanpa menyita banyak space. Karena foto akan diputar layaknya sebuah video, sehingga lebih menarik dan hemat tempat.

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.
Reaksi:

1 komentar:

Kathy Cristy mengatakan...

Nice Post, keep posting :)
Newbie asked permission to post some promotion
Mitra303 | Agen Sbobet | Agen Judi | Agen Bola
Agen Judi Online
Agen Judi
Agen Judi Terpercaya
Agen Bola
Bandar Judi
Bandar Bola
Agen SBOBET
Agen Casino
Agen Poker
Agen IBCBET
Agen Asia77
Agen Bola Tangkas
Prediksi Skor

Mitra303.com Adalah Agen Judi Terpercaya yang Menyediakan Beberapa Permainan Judi Online Seperti SBOBET, IBCBET, ASIA77, TANGKASNET99, 1SCASINO, 338A, ASIAPOKER77

Join Segera Dan Dapatkan Bonus Menarik Dari MITRA303 seperti :

1. PROMO BONUS DEPOSIT 20% UNTUK PRODUK SBOBET, IBCBET dan 30% UNTUK ASIA77 ( SportBook )
2. PROMO BONUS ROLLINGAN 1.25% untuk SBOBET,IBCBET dan ROLLINGAN ASIA77 1.35% ( SportBook )
3. PROMO BONUS DEPOSIT 10% UNTUK CASINO ONLINE
4. PROMO BONUS ROLLINGAN 1% ALL CASINO ONLINE
5. PROMO BONUS DEPO 30% UNTUK BOLA TANGKAS
6. PROMO BONUS ROLLINGAN 2% UNTUK ASIAPOKER77
7. PROMOSI CASHBACK 10% ALL PRODUK
8. PROMO REFERENSI 10% JIKA MENGENALKAN MITRA303 KEPADA TEMAN ANDA

Info Lebih Lanjut Kunjungi : www.mitra303.com/promosi
Rasakan Bonus2 nya Hanya di MITRA303
Come Join Now !
Website >>> www.mitra303.com
Register >>> www.mitra303.com/register

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Online Project management