21.2.14

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="http://3.bp.blogspot.com/-_18WgjJmafc/UwQAAbJhhlI/AAAAAAAAAtk/kpfKx7CD9hE/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.

→ About the author

Moch Adnan adalah Admin Blog yang mempunyai ketertarikan dengan Dunia Blogging,kamu bisa Menemukan saya dan memfollow saya di Google + Twitter Facebook


Terima Kasih Telah Membaca Artikel Cara Membuat Slider Sederhana Untuk Blog . Jika Anda tertarik dengan artikel seperti ini, silahkan untuk berlangganan artikel Gratis dengan cara mengetikkan alamat e-mail anda pada kotak berlangganan berikut:
Subscribe via Email

2 komentar

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

Terimakasih 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

Silahkan tinggalkan komentarnya
Mohon untuk tidak memasukkan link hidup dalam berkomentar