Cara Menambahkan Image Slider Pada Blog

Sebenernya saya bener-bener ga ada niatan untuk bikin pos ini, tapi berhubung ada teman yang bertanya bagaimana caranya membuat slide image seperti blog saya apa salahnya untuk berbagi ^_^
tapi mohon maaf sebelumnya karena ini hanya tampilan slide sederhana saja bukan yang keren2 gtu, coz aku jg ga tau caranya >.<

Cara buat slide image di blog :
di dashboard buka tata letak trus tambahkan gadget terserah mau taruh mana trus pilih yg HTML/Java script.
Kamu bisa copy script Nivo Slider ini :

<div id="sliderx" class="nivoSlider">
<img src="IMAGE LINK HERE1" data-thumb="IMAGE DATA HERE1" alt="" />
<img src="IMAGE LINK HERE2" data-thumb="IMAGE DATA HERE2" alt="" />
<img src="IMAGE LINK HERE3" data-thumb="IMAGE DATA HERE3" alt="" />
<img src="IMAGE LINK HERE4" data-thumb="IMAGE DATA HERE4" alt="" />
<img src="IMAGE LINK HERE5" data-thumb="IMAGE DATA HERE5" alt="" />
</div>

image link berarti link gambar yg mau km pakai, image data brarti link yg mau kamu tambahkan pada gambar saat di klik (tidak diisi jg gappa)

atau yang 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: 100%;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 250px;
}
</style>
<div id="content-slider">
<img src="URL Foto 1" />
<img src="URL Foto 2" />
<img src="URL Foto 3" />
<img src="URL Foto 4" />
</div>
pilih aja yg kmu suka
image link berarti link gambar yg mau km pakai,

Jika script pertama tidak berjalan coba script kedua, namun jika keduanya tidak berjalan mungkin template blog kamu belum mendukung coba pada dashboard edit template kamu dan tambahkan script berikut ini :

 jQUERY : Add the below code above </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/1611641113/jquery.nivo.slider.pack.js' type='text/javascript'/>
<script type='text/javascript'>
$(window).load(function() {
$(&#39;#slider&#39;).nivoSlider();
});
</script>