Ikuti update di Channel YouTube! Subscribe

Cara Membuat Gambar Slideshow Di Postingan Blogger

 


Cara Membuat Gambar Slideshow Di Postingan Blogger - Menempatkan foto didalam postingan blog merupakan cara yang umumnya dilakukan oleh seorang blogger untuk membuat artikelnya menjadi lebih bermakna dan lebih profesional. Banyak model penempatan foto didalam postingan blog, salah satunya ialah dengan model slideshow. 

Slideshow gambar adalah tayangan dari beberapa foto yang berubah-ubah secara otomatis. Dengan tampilan slideshow, maka penempatan foto didalam postingan blog tidak memakai banyak ruang, sehingga postingan terlihat lebih rapih.


Langkah-langkah Membuat Gambar Slideshow Di Postingan Blogger

Banyak cara untuk menciptakan gambar slideshow di postingan blog, salah satunya yakni cara yang paling sederhana, yang bisa kamu gunakan berikut ini :

1. Login ke blog.

2. Buat artikel, Postingan > Entri baru.

3. Alihkan mode "Compose" menjadi "HTML".

4. Silahkan copy script dibawah ini lalu paste di area entry html.

<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 Gambar" />
<img src="URL Gambar" />
<img src="URL Gambar" />
<img src="URL Gambar" />
</div>

  • Pada goresan pena yang berwarna merah "URL Gambar", silahkan masukan url foto kamu.
  • Silahkan ubah ukuran width dan height untuk menyesuaikan besarnya foto.
  • Jika ingin menambah foto, silahkan copy-paste instruksi <img src="URL Gambar" />
  • Jika muncul peringatan ibarat gambar dibawah ini, silahkan klik "Tutup".

5. Selanjutnya silahkan publikasikan postingan kamu dan lihat hasilnya.


Demikian Cara Membuat Gambar Slide Show Di Postingan Blogger yang bisa saya sampaikan. Dengan cara ini, maka tampilan foto di postingan menjadi lebih menarik. Semoga bermanfaat dan menambah wawasan kita semua. Salam, Blogger Indonesia

Posting Komentar

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
Kami telah mendeteksi bahwa Anda menggunakan plugin adblocking di browser Anda.
Pendapatan yang kami peroleh dari iklan digunakan untuk mengelola situs web ini, kami meminta Anda untuk memasukkan situs web kami ke daftar putih di plugin adblocking Anda.