Cara Memasang Slider Image di Blog

Sudah lama saya tidak memposting tutorial blog, terakhir saya posting tentang bagaimana cara Cara Membuat Iklan Melayang dengan Tombol Close, berhubung karena hari ini gak ada kerjaan jadi saya akan share tentang bagaimana Cara Memasang Slider Image di Blog.
Sebenarnya Tips ini sudah banyak yang tahu, namun tidak ada salahnya kalau share kembali siapa tahu ada yang membutuhkan.
Oke lah kalau begitu, gak usah basa-basi kita lansung saja pada pokok pembahasan, berikut ini Cara Memasang Slider Image di Blog :
Seperti biasa kita masuk ke Edit Html lalu cari kode dan letakkan kode di bawah ini diatas kode ]]></b:skin>

/* Image Slideshow */
#s3slider{margin-bottom:5px; width:100%; /* important to be same as image width */height:250px; /* important to be same as image height */position:relative; /* important */word-wrap:break-word; /* fix for long text breaking sidebar float in IE */overflow:hidden; /* fix for long non-text content breaking IE sidebar float */}
#s3sliderContent{width:100%; /* important to be same as image width or wider */position:absolute; /* important */top:0; /* important */margin:0px; padding-left:0px; /* important */}
.s3sliderImage{float:left; /* important */position:relative; /* important */display:none; /* important */}
.s3sliderImage span{position:absolute; /* important */left:0; font:normal 11px 'Arial',Helvetica,sans-serif; padding:10px; width:100%; text-align:center; padding-left:0px; background-color:#000; filter:alpha(opacity=70); /* here you can set the opacity of box with text */-moz-opacity:0.7; /* here you can set the opacity of box with text */-khtml-opacity:0.7; /* here you can set the opacity of box with text */opacity:0.7; /* here you can set the opacity of box with text */color:#fff; display:none; /* important */top:0; /*if you puttop:0; ->the box with text will be shown at the top of the imageif you putbottom:0; ->the box with text will be shown at the bottom of the image*/}

Kemudian letakkan kode berikut ini dibawah ]]></b:skin>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var cssdropdown={disappeardelay:250,dropdownindicator:'<img src="http://img40.imageshack.us/img40/6613/arrowto.gif" border="0" />',enablereveal:[true,8],enableiframeshim:1,dropmenuobj:null,asscmenuitem:null,domsupport:document.all||document.getElementById,standardbody:null,iframeshimadded:false,revealtimers:{},getposOffset:function(d,c){var b=(c=="left")?d.offsetLeft:d.offsetTop;var a=d.offsetParent;while(a!=null){b=(c=="left")?b+a.offsetLeft:b+a.offsetTop;a=a.offsetParent}return b},css:function(b,a,c){var d=new RegExp("(^|\\s+)"+a+"($|\\s+)","ig");if(c=="check"){return d.test(b.className)}else{if(c=="remove"){b.className=b.className.replace(d,"")}else{if(c=="add"&&!d.test(b.className)){b.className+=" "+a}}}},showmenu:function(b,a){if(this.enablereveal[0]){if(!b._trueheight||b._trueheight<10){b._trueheight=b.offsetHeight}clearTimeout(this.revealtimers[b.id]);b.style.height=b._curheight=0;b.style.overflow="hidden";b.style.visibility="visible";this.revealtimers[b.id]=setInterval(function(){cssdropdown.revealmenu(b)},10)}else{b.style.visibility="visible"}this.css(this.asscmenuitem,"selected","add")},revealmenu:function(f,d){var e=f._curheight,b=f._trueheight,a=this.enablereveal[1];if(e<b){var c=Math.min(e,b);f.style.height=c+"px";f._curheight=c+Math.round((b-c)/a)+1}else{f.style.height="auto";f.style.overflow="hidden";clearInterval(this.revealtimers[f.id])}},clearbrowseredge:function(f,d){var c=0;if(d=="rightedge"){var e=document.all&&!window.opera?this.standardbody.scrollLeft+this.standardbody.clientWidth-15:window.pageXOffset+window.innerWidth-15;var b=this.dropmenuobj.offsetWidth;if(e-this.dropmenuobj.x<b){c=b-f.offsetWidth}}else{var a=document.all&&!window.opera?this.standardbody.scrollTop:window.pageYOffset;var e=document.all&&!window.opera?this.standardbody.scrollTop+this.standardbody.clientHeight-15:window.pageYOffset+window.innerHeight-18;var g=this.dropmenuobj._trueheight;if(e-this.dropmenuobj.y<g){c=g+f.offsetHeight;if((this.dropmenuobj.y-a)<g){c=this.dropmenuobj.y+f.offsetHeight-a}}}return c},dropit:function(c,b,a){if(this.dropmenuobj!=null){this.hidemenu()}this.clearhidemenu();this.dropmenuobj=document.getElementById(a);this.asscmenuitem=c;this.showmenu(this.dropmenuobj,b);this.dropmenuobj.x=this.getposOffset(c,"left");this.dropmenuobj.y=this.getposOffset(c,"top");this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(c,"rightedge")+"px";this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(c,"bottomedge")+c.offsetHeight+1+"px";this.positionshim()},positionshim:function(){if(this.iframeshimadded){if(this.dropmenuobj.style.visibility=="visible"){this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px";this.shimobject.style.height=this.dropmenuobj._trueheight+"px";this.shimobject.style.left=parseInt(this.dropmenuobj.style.left)+"px";this.shimobject.style.top=parseInt(this.dropmenuobj.style.top)+"px";this.shimobject.style.display="block"}}},hideshim:function(){if(this.iframeshimadded){this.shimobject.style.display="none"}},isContained:function(a,b){var b=window.event||b;var d=b.relatedTarget||((b.type=="mouseover")?b.fromElement:b.toElement);while(d&&d!=a){try{d=d.parentNode}catch(b){d=a}}if(d==a){return true}else{return false}},dynamichide:function(a,b){if(!this.isContained(a,b)){this.delayhidemenu()}},delayhidemenu:function(){this.delayhide=setTimeout("cssdropdown.hidemenu()",this.disappeardelay)},hidemenu:function(){this.css(this.asscmenuitem,"selected","remove");this.dropmenuobj.style.visibility="hidden";this.dropmenuobj.style.left=this.dropmenuobj.style.top="-1000px";this.hideshim()},clearhidemenu:function(){if(this.delayhide!="undefined"){clearTimeout(this.delayhide)}},addEvent:function(b,c,a){if(b.addEventListener){b.addEventListener(a,c,false)}else{if(b.attachEvent){b.attachEvent("on"+a,function(){return c.call(b,window.event)})}}},startchrome:function(){if(!this.domsupport){return}this.standardbody=(document.compatMode=="CSS1Compat")?document.documentElement:document.body;for(var d=0;d<arguments.length;d++){var g=document.getElementById(arguments[d]).getElementsByTagName("a");for(var b=0;b<g.length;b++){if(g[b].getAttribute("rel")){var a=g[b].getAttribute("rel");var c=document.getElementById(a);this.addEvent(c,function(){cssdropdown.clearhidemenu()},"mouseover");this.addEvent(c,function(h){cssdropdown.dynamichide(this,h)},"mouseout");this.addEvent(c,function(){cssdropdown.delayhidemenu()},"click");try{g[b].innerHTML=g[b].innerHTML+" "+this.dropdownindicator}catch(f){}this.addEvent(g[b],function(i){if(!cssdropdown.isContained(this,i)){var h=window.event||i;cssdropdown.dropit(this,h,this.getAttribute("rel"))}},"mouseover");this.addEvent(g[b],function(h){cssdropdown.dynamichide(this,h)},"mouseout");this.addEvent(g[b],function(){cssdropdown.delayhidemenu()},"click")}}}if(this.enableiframeshim&&document.all&&!window.XDomainRequest&&!this.iframeshimadded){document.write('<IFRAME id="iframeshim" src="about:blank" frameBorder="0" scrolling="no" style="left:0; top:0; position:absolute; display:none;z-index:90; background: transparent;"></IFRAME>');this.shimobject=document.getElementById("iframeshim");this.shimobject.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";this.iframeshimadded=true}}};
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
(function(a){a.fn.s3Slider=function(h){var e=this;var l=(h.timeOut!=undefined)?h.timeOut:4000;var g=null;var d=null;var k=true;var f=false;var i=a("#"+e[0].id+"Content ."+e[0].id+"Image");var b=a("#"+e[0].id+"Content ."+e[0].id+"Image span");i.each(function(m){a(i[m]).mouseover(function(){f=true});a(i[m]).mouseout(function(){f=false;c(true)})});var c=function(m){var n=(m)?(l/2):l;n=(k)?10:n;if(i.length>0){d=setTimeout(j,n)}else{console.log("Poof..")}};var j=function(){g=(g!=null)?g:i[(i.length-1)];var m=jQuery.inArray(g,i)+1;m=(m==i.length)?0:(m-1);var n=a(e).width()*m;if(k==true){if(!f){a(i[m]).fadeIn((l/6),function(){if(a(b[m]).css("bottom")==0){a(b[m]).slideUp((l/6),function(){k=false;g=i[m];if(!f){c(false)}})}else{a(b[m]).slideDown((l/6),function(){k=false;g=i[m];if(!f){c(false)}})}})}}else{if(!f){if(a(b[m]).css("bottom")==0){a(b[m]).slideDown((l/6),function(){a(i[m]).fadeOut((l/6),function(){k=true;g=i[(m+1)];if(!f){c(false)}})})}else{a(b[m]).slideUp((l/6),function(){a(i[m]).fadeOut((l/6),function(){k=true;g=i[(m+1)];if(!f){c(false)}})})}}}};j()}})(jQuery);
//]]>
</script>
<script type='text/javascript'>
$(document).ready(function() {
   $(&#39;#s3slider&#39;).s3Slider({
      timeOut: 3000
   });
});
</script>

Kemudian cari kode dan letakkan kode berikut ini dibawah <div id='main-wrapper'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
                <div id='s3slider'>
                <ul id='s3sliderContent'>
                    <li class='s3sliderImage'>
                    <a href='http://www.cintapendidikan.co.cc/2010/06/video-mesum-mirip-ariel-bcl-beredar-di.html'>
                    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglP3EKjkbaD8ckeLFYVKQmgHiJAO1mOpRIjjTBzG-oEx1E9vdWJkyykfpiF9g8U7CT9qzHfvRYw1fJZucOQLA8vz3epmFiurx479wW5OlCVJDLmMwR_IfnczCeH-kwWcyvhuW3QeEJHPM/s1600/595391.jpg'/>
                    <span>Selang beberapa hari setelah beredarnya Vidio Porno luna Maya dan Ariel Peterpan dan Vidio Ariel-Cut Tari kini muncul lagi berita hangat Video Mesum Mirip Ariel-BCL Beredar di Manado.</span></a></li>
                    <li class='s3sliderImage'>
                    <a href='http://www.cintapendidikan.co.cc/2010/06/vidio-porno-luna-maya-dan-ariel.html'>
                    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6VGv-eHFReG7vVdT13NaZVpQNxkYlJM-e6GNFE0tjFt7KfhDF7_aQmIcVxWvga3Us4PEGoiprqtZEoS6DsPV1tkD1x7mCCbUokhmPUejBZ5q2mioJG-eXgpGg9JvvTrOqF7Wofdae37I/s320/583641.jpg'/>
                    <span> Beredarnya Vidio Porno luna Maya dan Ariel Peterpan merupakan berita terhangat pekan ini.
</span></a></li>
                    <li class='s3sliderImage'>
                    <a href='http://www.cintapendidikan.co.cc/2010/06/situs-israel-jadi-korban-aksi-protes.html'>
                    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfQwzHQ4g3LqFFPn5U2JyRkDB340Gfxm8YbVf0MIeykQ_mSG5HMz11BTuZq_9lS1Q_MnUFz4PViDpoG14yCex2E8RciuKXpRG5VCo9lqNKer7chyphenhyphenU_N6Y35BTg4UdTakN8P1aziTvEB80/s320/untitled.JPG'/>
                    <span> Serangan Israel terhadap armada kapal kebebasan (Freedom Flotilla) di perairan internasional yang membawa 10 ribu ton bantuan kemanusiaan untuk rakyat Palestina di Jalur Gaza Menyulut kemarahan umat </span></a></li>
                    <li class='s3sliderImage'>
                    <a href='http://www.cintapendidikan.co.cc/2010/05/akses-jejarin-sosial-lewat-tv.html'>
                    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYYfN0lSBCyW3Pd8MfOqNFM-F6zC7cS-hOVJGPj0sSxYvIPIrspk7Uj8lfyEjN9BnKr2JCOYMGg6TmyudCEDgX210b-e-jusHUtzzweb5kJMUJooVDVLG4iYhW21mJYqQaqD04Hx0g1yU/s320/562781.jpg'/>
                    <span>Akses Jejarin Sosial Lewat TV : Pekan depan, perusahaan TV kabel AS Comcast akan melakukan debut layanan jejaring sosial yang bisa diakses dari perangkat TV.
</span></a></li>
                    <li class='s3sliderImage'>
                    <a href='http://www.cintapendidikan.co.cc/2010/05/bisnis-online-dapatkan-uang-dengan_27.html'>
                    <img src='http://klikajadeh.com/kadban/kad-anim2.gif'/>
                    <span>Bagi teman-teman yang belum mendaftar di klikajadeh, silahkan mendaftarkan diri anda sekarang juga dan Dapatkan Uang Dengan Ngenet hanya dengan mengklik iklan sponsornya. </span></a></li>
                    <div class='clear s3sliderImage'/>
                </ul>
                </div>
            </b:if>

Catatan :

• Silahkan dihapus link, text dan gambar yang berwarna hijau milik saya dan ubahlah gambar, link dan kalimatnya sesuai kebutuhan

Sekian dulu ya. Kalau ada yang salah atau ada yang mau nambahin silahkan memberi komentar dibawah ini.