Wow Membuat Slideshow Tanpa Edit HTML

Halooo sobat kali ini Joe berbagi tentang Cara Membuat Slideshow Tanpa Edit HTML.Kalau sobat ingin blognya keren dan unik alangkah baiknya gunakan ini.Tentu membuat pengunjung blog sobat keren dan banyak pengunjung hehehe.
Langsubg aja yu ikuti langkah-langkahnya sebagai berikut :

1. Masuk ke blogger.
2. Pilih tata letak.
3. Pilih tambahkan.
4. Cari html/javascript.
5. Salin kode dibawah ini.

script type="text/javascript"> script type="text/javascript"> /*********************************************** * Conveyor belt slideshow script- �© Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ //Specify the slider's width (in pixels) var sliderwidth="970px" //Specify the slider's height var sliderheight="170px" //Specify the slider's slide speed (larger is faster 1-10) var slidespeed=3 //configure background color: slidebgcolor="#ffffff" //Specify the slider's images var leftrightslide=new Array() var finalslide='' leftrightslide[0]='<a href="Your-Link"><img width=""200" height="150" style="border:1px solid #ddd;" src="Your-Image-Link" border=1></a>' leftrightslide[1]='<a href="Your-Link"><img width=""200" height="150" style="border:1px solid #ddd;" src="Your-Image-Link" border=1></a>' leftrightslide[2]='<a href="Your-Link"><img width=""200" height="150" style="border:1px solid #ddd;" src="Your-Image-Link" border=1></a>' leftrightslide[3]='<a href="Your-Link"><img width=""200" height="150" style="border:1px solid #ddd;" src="Your-Image-Link" border=1></a>' leftrightslide[4]='<a href="Your-Link"><img width=""200" height="150" style="border:1px solid #ddd;" src="Your-Image-Link" border=1></a>' leftrightslide[5]='<a href="Your-Link"><img width=""200" height="150" style="border:1px solid #ddd;" src="Your-Image-Link" border=1></a>' //Specify gap between each image (use HTML): var imagegap=" " //Specify pixels gap between each slideshow rotation (use integer): var slideshowgap=5 ////NO NEED TO EDIT BELOW THIS LINE//////////// var copyspeed=slidespeed leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>' var iedom=document.all||document.getElementById if (iedom) document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>') var actualwidth='' var cross_slide, ns_slide function fillup(){ if (iedom){ cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2 cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3 cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth cross_slide2.style.left=actualwidth+slideshowgap+"px" } else if (document.layers){ ns_slide=document.ns_slidemenu.document.ns_slidemenu2 ns_slide2=document.ns_slidemenu.document.ns_slidemenu3 ns_slide.document.write(leftrightslide) ns_slide.document.close() actualwidth=ns_slide.document.width ns_slide2.left=actualwidth+slideshowgap ns_slide2.document.write(leftrightslide) ns_slide2.document.close() } lefttime=setInterval("slideleft()",30) } window.onload=fillup function slideleft(){ if (iedom){ if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8)) cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px" else cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px" if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8)) cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px" else cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px" } else if (document.layers){ if (ns_slide.left>(actualwidth*(-1)+8)) ns_slide.left-=copyspeed else ns_slide.left=ns_slide2.left+actualwidth+slideshowgap if (ns_slide2.left>(actualwidth*(-1)+8)) ns_slide2.left-=copyspeed else ns_slide2.left=ns_slide.left+actualwidth+slideshowgap } } if (iedom||document.layers){ with (document){ document.write('<table border="0" cellspacing="0" cellpadding="0"><td>') if (iedom){ write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden"> ') write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"> ') write('<div id="test2" style="position:absolute;left:0px;top:0px"> </div> ') write('<div id="test3" style="position:absolute;left:-1000px;top:0px"> </div> ') write('</div> </div> ') } else if (document.layers){ write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>') write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>') write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>') write('</ilayer>') } document.write('</td></table> ') } } </script>

6. Simpan.

Catatan:
1. Tulisan "your link",Ganti >> anda bisa masukkan alamat website anda.
2. Tulisan "Your-Image-Link" Ganti >> anda bisa masukkan alamat gambar anda.


Semoga bermanfaat