Membuat Gambar Slideshow tanpa Edit HTML

Slide Horizontal
Salam Blogger!
Sambil menunggu hujan berhenti, malam ini saya akan membagikan bagaimana cara Membuat Gambar Slideshow tanpa Edit HTML, Sobat tidak perlu lagi susah -susah edit sana edit sini, anda tinggal copast kode yang ada dibawah, gambar gerak ini berbentuk horizontal berjejer dan apabila diklik langsung menuju isi artikel anda, sebelumnya seperti biasa ikuti panduannya ya :
1.Klik Tata Letak. 2.Klik Elemen Halaman. 3.Klik Tambah Gadget. 4.Kemudian Pilih HTML/Javascript. 5. Copy paste kode dibawah ini :
Jangan lupa sahabat tinggal ganti tulisan Your link dan Your image link anda
Semoga Bermanfaat.

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>'
leftrightslide[6]='<a href="Your-Link"><img width=""200" height="150" style="border:1px solid #ddd;" src="Your-Image-Link" border=1></a>'
leftrightslide[7]='<a href="Your-Link"><img width=""200" height="150" style="border:1px solid #ddd;" src="Your-Image-Link" border=1></a>'
leftrightslide[8]='<a href="Your-Link"><img width=""200" height="150" style="border:1px solid #ddd;" src="Your-Image-Link" border=1></a>'
leftrightslide[9]='<a href="Your-Link"><img width=""200" height="150" style="border:1px solid #ddd;" src="Your-Image-Link" border=1></a>'
leftrightslide[10]='<a href="Your-Link"><img width=""200" height="150" style="border:1px solid #ddd;" src="Your-Image-Link" border=1></a>'
leftrightslide[11]='<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>
C O D E

11 komentar:

  1. Thanks in favor of sharing such a pleasant opinion, post is nice, thats
    why i have read it entirely
    Visit my weblog ... Marc Primo Pulisci

    BalasHapus
  2. Good information. Lucky me I came across your website by chance (stumbleupon).
    I have book marked it for later!
    My web page ; sachin biography

    BalasHapus
  3. I do trust all of the concepts you've presented to your post. They are very convincing and can definitely work. Still, the posts are too short for newbies. May you please extend them a little from subsequent time? Thanks for the post.
    Also visit my web blog ; crushing cogs tower gameplay

    BalasHapus
  4. Excellent post. I'm going through a few of these issues as well..
    Take a look at my blog ; FinderHostel.com

    BalasHapus
  5. Greetings! I know this is kinda off topic but I'd figured I'd ask.
    Would you be interested in exchanging links or maybe guest authoring a blog post or vice-versa?
    My blog goes over a lot of the same topics as yours and I feel we could greatly benefit from each other.
    If you are interested feel free to send me an email.
    I look forward to hearing from you! Excellent blog by the way!
    my site :: Audience Interactive

    BalasHapus
  6. Thanks for your marvelous posting! I truly enjoyed
    reading it, you might be a great author. I will ensure that I bookmark
    your blog and will come back someday. I want to
    encourage you to continue your great job, have a nice holiday weekend!
    My webpage : total free chat

    BalasHapus
  7. You can definitely see your expertise within the work you write.
    The arena hopes for more passionate writers like you who are not
    afraid to mention how they believe. Always follow your heart.
    Here is my blog post ; Home Design Love

    BalasHapus
  8. Great items from you, man. I've bear in mind your stuff prior to and you're just extremely wonderful.
    I really like what you've acquired right here, certainly like what you are stating and the best way by which you are saying it. You're making it entertaining and you still care for to stay
    it smart. I can't wait to read far more from you. That is really a great site.
    my web site - Baju Batik

    BalasHapus
  9. Please banned enable live links...
    Thank you.

    BalasHapus
  10. Thanks for your personal marvelous posting! I genuinely enjoyed
    reading it, you could be a great author.
    I will be sure to bookmark your blog and will eventually come back from now on.
    I want to encourage you to ultimately continue your great job,
    have a nice evening!
    My web-site ; web hosting delhi

    BalasHapus
  11. Hello There. I discovered your blog the use of msn. This
    is an extremely smartly written article. I'll make sure to bookmark it and return to read more of your useful info. Thank you for the post. I'll definitely return.


    Feel free to surf to my blog progressive dj

    BalasHapus

Silahkan sobat tinggalkan jejak di bawah ini...NO.SPAM
Dengan Memberikan Komentar Secara Otomatis akan Mendapatkan Pagerank, Traffic dan Backlink.