Cara membuat slide show di blog
Kali ini imammuttaqin58 akan share tutorial tentang Cara membuat slide show di blog, cara ini lumayan mudah untuk anda terapkan di blog namun sebelum anda mengikuti langkah-langkah ini anda harus sudah mempunyai beberapa photo yang telah anda post di postingan untuk kita ambil link nya, jadi jika anda belum mempunyai photo di postingan maka silahkan anda poskan terlebih dahulu, Ok langsung saja demikianlah Cara membuat slide show di blog sebagai berikut:
1. Pertama silahkan anda copy terlebih dahulu scrit 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: 95%;
height: 190px;
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/AVvXsEgmQJV0nOvn2ax8qInhfeyeRZpOhKVfsdNAXjkIeZGZ7EPnorCV6rUhUx9F_G-ffceky1b_1gZpF5wSUPxrmmIpMbws174jCxcWm-k16SpJTddtBimESroY8m_OthTjnKQj2zr9ETM_wmg/s1600/Foto1816-745924.jpg" />
<img src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOSJJg7KS6ai2882Ek6DIenhIXzU_GZb3bxn3RMV7-cLeMo29SlAba-D-eqdH-g2NZtab8sIcdEoXS_ViioCjyCtvSxWLCK3XM4_mTtnd90Kthfuj3H0JFJjFhVy0umU-zS7JL-liq5MCV/s1600/imam+muttaqin.jpg" />
<img src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidu_11Z6ja5f55YxW8LhRl-kL8UE5kIkYMtry1Iys9GS1gX6ANvIFYsPL6mE1dp5-DLqO3n9TszefNjLL5ldB6pFB-y6qxSvXqeQoONm3PSN84qtE0ItIBsUiitIUreD4WEYWv43oc2RQ/s1600/kang+mamu.jpg" />
<img src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisWhuDu1kwCctQ4X_4Z88pWaN89AzcRHIG_N73623aWYCPd5a2XRv6JWDjk7iN8lAmXewuJaz-MSJ9cXfwdmdmQ7D6l1yW4BftS1DrPs3M5MAK_OtVA7LL3IqSv_-aaF0lK847feazlY0/s1600/Koppontren.jpg" />
<img src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjt90K90JANU5PZlbOrFBSIvb7YqPCaMUAY3bsQpOO2e3-BPo284oZPB12w_mQxp2BCOjxVzTu6WGGbBobs6Rm4gpXO2GxZErn6P3pijXc2f2o-XHRxIHENARs-9nCxWFflNTl2RLXksQ/s1600/Minal+%27aidin+wal+faizin.jpg" />
</div>
2. Setelah itu silahkan anda buka blog anda dan pilih tata letak > tambahkan gadget atau add gadget jika blog anda dalam bahasa inggris, kemudian pilih gadget mode html/java script dan paste kan script di atas tadi terahir klik "Simpan" Selesai.
Keterangan: Untuk kode yang berwarna biru silahkan anda rubah dengan ink gambar yang anda harapkan, sedangkan kode yang berwarna merah tentang lebarnya.
Ok demikianlah tentang langkah-langkah atau Cara membuat slide show di blog, dan dapatkan juga tutorial menarik lainnya pada sharing berikutnya, salam..
Postingan
0 komentar:
Posting Komentar