Cara Membuat Slider Sederhana Untuk Blog
Penulis:
Moch Adnan
dipublikasikan:
21 Februari 2014
Gambar atau foto yang bisa bergantian tampil dalam halaman blog dapat dibuat dengan sebuah kode slider dan kali ini saya akan membagikan cara sederhana untuk membuat slide show dalam halaman blog. Semoga bermanfaat untuk Anda semua.Baca juga tenteng cara membuat blog di blogspot terbaru.
Cara membuat slider sederhana untuk blog
Pertama 'masuk/login' kedalam dasbor blog, setelah itu → pilih 'template' kemudian → pilih 'edit html' simpan kode berikut ini tepat di atas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src="https://googledrive.com/host/0B9D8rrkPwqxPOUVDdEtPSTBpYzg" type="text/javascript"></script> <script type='text/javascript'> $(document).ready(function() { $('#coin-slider').coinslider({ width: 280, navigation: true, delay: 3000 }); }); </script>
Lalu pilih 'simpan template'.
Langkah kedua, → pilih 'tata letak' kemudian → pilih 'menambahkan gadget' lalu → pilih 'html' selanjutnya copy paste kode berikut ke dalam gadget html, lalu 'simpan gadget'
<div id='coin-slider'><a href="URL POSTING " target="_blank"><img src="URL GAMBAR" />
<span>DESCRIPSI POSTINGAN</span> </a>
<a href="URL POSTING" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiskor5nP8cqN7qEpE1hae185Bh1XGHyQg5btK6h0zM8L7vjOVRlYCQ3RAd20sWzDQnxP1bc7lvsAd4Lrgfxo-5r3LQE7XO3PFKujYayGlnKJSGchQSfWaG7_3C5Xekc63pT6DwCDW_GJ-_/s1600/criateblog01.jpg" /> <span> DESCRIPSI POSTINGAN </span> </a>
<a href="URL POSTING" target="_blank"> <img src="URL GAMBAR" />
<span> DESCRIPSI POSTINGAN
</span>
</a>
<div id='coin-slider'><a href="URL POSTING" target="_blank"><img src="URL GAMBAR" />
<span>DESCRIPSI POSTINGAN</span> </a>
</div>
Sedikit tambahan dari saya, jika anda ingin merubah lebar tampilannya silahkan ubah amgka berwarna merah yang ada dalam kode tahap ke satu diatas. Dan untuk merubah gambar, link/url, serta descripsi, silahkan ganti masing-masing tulisan yang berwarna dalam kode tahapan ke dua di atas. :D
Demikian saja artikel dari saya tentang cara membuat slider sederhana untuk blog sekali semoga bermanfaat dan selamat mencoba tentunya untuk anda yang ingin coba membuatnya. Sekian.
Kalau boleh tanya, slide yang sobat paparkan berat ngak ya loadingnya, sebab jika berat tentu akan menggangu kinerja blog secara keseluruhan. Terima kasih sebelumnya dan salam kenal
BalasHapusTerimakasih kunjunganya mas Ibrahim, selama yg sdh pernah sy coba slider ini tdk membuat berat loading blog. saran sy kurangi saja gambar yang akan ditaruh di slider, cukup 3 ato 4. semoga terbantu :D
Hapus