Memasang Slider Header Diblog

Memasang Slider Header Diblog | Sudah lama tidak share tutorial ngeblog,oke deh pada kesempatan kali ini Sedikit Berbagi akan share tutorial tentang cara memasang slider diheader blog. jadi slidernya bukan dibawah header tapi diheader. You know? oke right. Pemasangan slider diheader ini berfungsi untuk mempercantik blog,bisa jadi nanti pengunjung jatuh cinta sama blognya mas/mbk bro. Siap uuntuk ini. baiklah...Inilah caranya :

=> Login diblogger
=> Klik Template
=> Edit html
=> Setelah itu cari kode </head>
    unntuk memudahkan pencarian pencet Ctrl+F

=> Copas kode dibawah ini tepat diatas kode </head>

     <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://mrmung.googlecode.com/files/coin-slider.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $(&#39;#coin-slider&#39;).coinslider({ width: 950,height:144, navigation: false, delay: 5000 }); }); </script>


(ubah yang bewarna biru sesuai yang diinginkan)

=>Lalu save template
=> Kemudian masuk ke tata letak /layout  -> Klik Add a Gadget -->HTML/JavaScript-->Copas code dibawah :

<div id='coin-slider'>
<center>
<a href="link tujuan" target="_blank">
<img src="URL gambar" />
<span>
Isikan keterangan tentang gambar
</span>
</a>

<a href="link tujuan" target="_blank">
<img src="URL gambar" />
<span>
Isikan keterangan tentang gambar
</span>
</a>

<a href="link tujuan" target="_blank">
<img src="URL gambar" />
<span>
Isikan keterangan tentang gambar
</span>
</a>

</center>
</div>

=> Save/simpan (pastikan gadget berada diheader)

Ket: Kalau ingin tidak diberi keterangan silahkan hapus kode  <span>
Isikan keterangan tentang gambar
</span>


Bagaimana tambah menarik kan blognya?

Seperti ini hasinya Jual T-shirt distro