Cara membuat fhoto slide show di blog | blogger Informacion

Selamat datang di blogger informacion. Biasa ya saya ucapkan di setiap artikel saya .
Nah kli ini kita akan membahas bagaimana caranya membuat  hoto slide show di blog. Lo bang kok slide show seperti photo editor saja. Lah ia memang. Emang bisa ? Nah ini yang akan kita bahas sekarang. !

Saya cerita sedikit. Pada satu malam secara tidak kebetulan ni gan saya pulang kerja jam 10 malam. Udah badan pegeel capek tentu gan tahu bagaimana rasanya. Dan disaat saya buka hp di box imail / gmail, ada salah seorang pengikut blog ini bertanya bang tolong dong bisa gak buat photo slide show di blog ?

Lah jadinya saya bingung , saya balas kan banyak tu pake aplikasi aja gampang dan dia jawab apa saya ingin photo saya taruh di blog tapi bentuk slide show !. Ea udah mau gimana lagi namanya juga temen rekues saya harus berusaha supaya mereka tidak kecewa. Karena temen itu jauh lebih baik daripada harga rokok. Sory broh cuma canda.

Nah pada malam itu juga saya mulai otak atik html, masalah html sobat lebih tahu dah nah ahirnya selma 30 minit saya otak atik html ahirnya bisa dah . Ok gimana caranya?

Silahkan sobat tinggal copie aja ni java scribe :

 <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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB6bEXAtSgwg33-GHBFXN6Hn-bA6IA-0WnvHkIiwha1bF4zVpSq8Bhg6gvVmoIDYxLUCIK1H-ISVnrd6M1ZhjU1VmQk_1arQYF5L6xmYVm2HrP0ZJo-oIpE6isjAK71rpA-T_FVew91I4H/s320/16729067_1821207334797746_1281532413721603167_n.jpg " />
<img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgydB-0Va3g7KkrONtEA0g7E5ZPcAJEpn9pg91WNmCIUnDEjMOc8BIritHa2OB8pNyLkOlcdY0psjKcOEbSZqbHkEW0sCIrU6_Dz6sHdLjbAaG3a1ApGpsz1nRVFQ-TfUkelWxbJgoygdz6/s320/16681553_1819782624940217_2908230767212342157_n.jpg " />
<img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5ZtQX87fosjrsnWzL1PFUpDJrHK1VLl6YzJAWHe7KkIIkE9kkG_TF1rriY6j3TY2GGYbmik2IVprw0-dKJLUrZ9vyhWMa2dgl5qJ00W2PHcGIoPT7lphRFg5CQwqK_46vti8kqZuBlDXT/s320/16508039_1816646115253868_3017485934336905766_n.jpg " />
<img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfYjNzHhc954qLYnOQm3PLyphKhUFrSjTyZKTLYjMRQbw01C9qEm4zvk-OM5C6IqhxtrubKMXoLEVtzgNqzeR9MdnLRQpPasFXUM6WRkhV1G0H-b0Imh80AHn_1DjOmJj8GjgFCzoP0mpS/s320/16426165_1816646335253846_7996758452691033129_n.jpg " />
<img src =" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgL8yurd0AAYRaZQ3rpeVP5FlGuQ9SC7qayMS_LQY-1cHd8nMWmFuFlOfRJe2kTfzN9pvpf8wwURvK5G7PLEBHBSDkt62Ys5y30RG0QaljFIzXMe12Q61Jw5Za3XrFM3hSpUYNIFFrwHQ6/s320/15380274_1228166077268625_7940240422280323404_n.jpg "/>
</div>

KETERANGAN :
DI atas itu adalah slide show fhoto anak saya silahkan sobat bisa ganti dengan alamat image sobat. <img src=" GANTI DENGAN ALAMAT PHOTO SOBAT "/>  nati kalau pakai alamat image itu malah gambar anek ane yang muncul kan repot !. Jika sobat ingin menambahkan fhoto sobat tinggal tambahkan aja htmlnya yang ini <img src="photo "/> . Gimana gampang kan ?.
Cara pasang :

1. Kunjungi blogger.

2. Klik layot ( tata letak )

3,. Tambahkan java scrib html </>

4. Simpan.

Nah untuk hasil bisa sobat lihat diblog ini paling bawah untuk pengguna mobile silahkan tekan tombol paling bawah untuk versi dekstop . Ok sobat terima kasih sudah berkunjung selamat mencoba !