Moch Adnan 21 Februari 2014
Cara Membuat Slider Sederhana Untuk Blog
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() { $(&#39;#coin-slider&#39;).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.