Langkah-Langkah:
1. Buka blog2. Klik Entri baru, Masukkan judul halaman
3. Klik HTML bukan Compose
4. Copy paste kode berikut ke dalam Edit HTML.
Kodenya ini:
<script src="http://yourjavascript.com/53816065231/Database5.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/65160840132/cycle.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
position: relative;
width: 50%;
height: 250px;
overflow: hidden;
margin:0 auto;
}
#content-slider img {
display: block;
width: 100%;
height: 250px;
}
</style>
<br />
<div id="content-slider">
<img height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilNU4j1xyWEl_MlR9fBLeIqGnOrbssNWAKAYTx8A10o48ui7hf_bpU2lK1jclmGczvQ1x6vQUM63RY0BZwKgf1twPvrA0ZVerDtRkYyW7ytm5BLMliOX7N2BXAc5aPWWGh3GMjNYvKpKMc/s200/AnakTas.jpg" width="200" />
<img height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsLQpzg3gJC9H4qf79A0_hnr6pmqy08Cuoc6ejv-RWyonkNkHpIPxCuQ7YT1osj5wMcYPYkWN81VVtgxJJhwMvv77ltadD3QEa0KfqKO8Z9a1Ew83o20XqjlHD7CQ6Rcipcb6OibQkA4kV/s200/images.jpg" width="200" />
<img height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEwaFTO214QhbMxZlhqEvB-_XiF-1rt2l9u9mLikShrtAMDJlaxgSNlPx-wDALiOrzWUrDQ0pdPERgsLJ_kK24tawp0_QQcA_buYi6U9bC7Id7xo6c8IUYabPeNcVFbFBdrB60b-heA9Ug/s200/Foto010.jpg" width="160" />
<img height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWid49MRe_yGpDg2BuMetkLc3jxL4p6znKTx2ceGD7QiG-IbVeDc9b6FSAV0IcSpsApnzJqNgst4D26WZBan_WTapym0mdpCXXoMm-QX4RwADrTF4eZq5dz6oX70VitXI6XKTEYPLOrkpP/s200/Foto024.jpg" width="160" />
</div>
<br />
<br />
Teks warna merah alamat image yang sudah di uplooad, kehingga bisa diganti sesuai selera.
5. Simpan, selesai
Demikianlah cara-cara untuk Memasang Random Image Widget Pada Blogspot.
Hasilnya seperti tampak di bawah ini:










0 comments:
Post a Comment