Hallo sobat? gimana akhir pekannya, menyenangkan kan? kini kembali membagikan tutorial blog mengenai membuat slide gambar di blog. Sebenarnya slide gambar ini tidak harus dipasang di blog, bisa juga di website atau file html local, namun harus online karena ada sintax js yang dipanggil di hostingan file. Baik lanjut, untuk bentuk slide gambar nya disini modelnya fade, jadi gambar yang berganti nya tidak bergeser dari kiri kekanan atau sebaliknya, namun berganti dengan halus. Untuk contoh nya ada dibawah.
Langkah - langkah
- Login terlebih dahulu ke blog sobat
- Masuk ke tata letak simpan di side bar atau bebas tergantung selera sobat
- Tambahkan widget -> HTML/JavaScript
- Copy sintax dibawah dan pastekan di area HTML/JavaScript
<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="c"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
<script type="text/javascript" src="c"></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 gambar 1" />
<img src="URL gambar 2" />
<img src="URL gambar 3" />
</div>
</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 gambar 1" />
<img src="URL gambar 2" />
<img src="URL gambar 3" />
</div>
- Simpan dan lihat hasilnya
Live Demo (lihat bagian sidebar)
>> VISIT <<
>> VISIT <<
Perlu Diingattt :
Ketika sobat mengklik link download akan diarahkan ke halaman adf.ly, tunggu sejenak 5 detik dan mengklik tombol skip/lewati kemudian otomatis ke hosting download tersebut. Apabila sobat kesulitan ada panduan cara downloadnya klik >> disini <<
Ketika sobat mengklik link download akan diarahkan ke halaman adf.ly, tunggu sejenak 5 detik dan mengklik tombol skip/lewati kemudian otomatis ke hosting download tersebut. Apabila sobat kesulitan ada panduan cara downloadnya klik >> disini <<
Sekian, sharing mengenai Membuat Slide gambar di Blog dengan mudah. Terima Kasih
- Jika kamu kesulitan mengunjungi halaman adf.ly, bisa atasi dengan cara INI
- Jika ada link mati atau bermasalah, laporkan saja langsung ya ke SINI. Terima Kasih. Enjoy...
Perlu Diingattt :
Apabila di arahkan ke halaman :
- shorte.st atau adf.ly, tunggu sejenak 5 detik dan mengklik tombol skip/lewati
- ke ouo, centang anda bukan robot dan tunggu 5 detik lalu get link, kemudian otomatis ke hosting download tersebut. Apabila sobat kesulitan ada panduan cara downloadnya klik >> disini <<
PERHATIAN!!!
Apabila di arahkan ke halaman :
- shorte.st atau adf.ly, tunggu sejenak 5 detik dan mengklik tombol skip/lewati
- ke ouo, centang anda bukan robot dan tunggu 5 detik lalu get link, kemudian otomatis ke hosting download tersebut. Apabila sobat kesulitan ada panduan cara downloadnya klik >> disini <<
- Jika kamu kesulitan mengunjungi halaman adf.ly, bisa atasi dengan cara INI
- Jika ada link mati atau bermasalah, laporkan saja langsung ya ke SINI. Terima Kasih. Enjoy...
Langganan Software Gratis
 |
Blog ini lahir 5 Januari 2012 yang awalnya dikelola oleh Admin tunggal, kini sudah di kelola oleh beberapa pengurus. Tujuan ngeblog hanya untuk mengisi waktu luang dan hobby, tapi saya bersyukur apabila blog ini bermanfaat bagi teman - teman. Blog ini akan terus menyajikan informasi software, Cusrom Android, Tutorial, Game yang dibagikan secara gratis.
Related Post
Peralatan Deface pertamayap, yang suka deface atau merubah tampilan index hayoo siapa yang suka?
pengen jadi hekel hayoo ..
Membuat catatan di bawah postingan blog
Hallo sobat bloggers semua nya? kali ini saya akan share tutorial bagaimana membuat catatan tepa
Memunculkan skrip HTML di postinganTutorial ini bisa dibilang singkat, sebab dibawah hanya ada kotak saja ditambah tombol², namun tida
Membuat like box melayang di blog
Pada kali ini, saya akan kembali berbagi tutorial tentang blog lebih ke mengoptimalkan dalam hal
