Image Slider
Letakkan kode berikut ini pada kolom diatas blog post, Add Gadget >> pilih HTML/Javascript.
<!-- 1st Content -->
<div id="gal1" style="display:none;" class="img400">
<div class="h250"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBnqPP8-cLB2CR_zjsXwgieGaK6cXP9UJuGpwDJR7uNDOk364Axvpn1t0COzPT7wI-uweYNHdsmJqhseeNlVmIMWnuIsSECLNNn1lY0ZWc7QPG1djXD6eVxlHncn5aZgjWwcf_Oz8QD6Ka/s1600/barca-beat-madrid-in-santiago-bernabue.jpg&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div class="bottom">
<div class="topic">
<a href="http://johnysimple-magazine2.blogspot.com/2011/12/real-madrid-1-3-barcelona-in-santiago.html">Real Madrid 1-3 Barcelona in Santiago Bernabéu</a>
</div>
<div class="summary">Barcelona were the comeback kings at the Santiago Bernabeu as the champions recovered from conceding within the first ...... <a href="http://johnysimple-magazine2.blogspot.com/2011/12/real-madrid-1-3-barcelona-in-santiago.html">Read Full Post</a>
</div>
</div></div>
</div>
<!-- 2st Content -->
<div id="gal2" class="img400">
<div class="h250">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0BjHDkT6CJzzDtWEzUQd21HHDW-uok2Tt1S8W-YpTcuYRZgpuwhrxumnorCMKxnXu1suxeOZMbdREKOqAVl8jkj8X5bLrTgarKMbPOAgwblURYZ6r0Yjhy-8WUmCh4ioQtZd0qfSUgPNS/s1600/ahmadinejad.jpg&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div class="bottom">
<div class="topic"><a href="http://johnysimple-magazine2.blogspot.com/2012/01/iran-ahmadinejad-to-seek-latin-american.html">Iran's Ahmadinejad to seek Latin American support</a>
</div>
<div class="summary">Iranian President Mahmoud Ahmadinejad will seek support from Latin America's leftist leaders on a tour starting....... <a href="http://johnysimple-magazine2.blogspot.com/2012/01/iran-ahmadinejad-to-seek-latin-american.html">Read Full Post</a>
</div>
</div></div>
</div>
<!-- 3st Content -->
<div id="gal3" style="display:none;" class="img400">
<div class="h250">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEBt5E26PIOZsoRmGMuml77_8oEK8PGc5h-v4dzcHybSij6d_8gNNLJFO-DzMLLmoGk9WbJvjFTIMTimyV5fJsD1LaABny5awQZxOrVtgXBuTdRwGTz7QB21T8Qt6m2C3YwjUbB-_3a6pP/s1600/federer.jpg&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div class="bottom">
<div class="topic"><a href="http://johnysimple-magazine2.blogspot.com/2012/01/federer-untroubled-by-back-eases-into.html">Federer, untroubled by back, eases into second</a>
</div>
<div class="summary">Roger Federer showed no sign of back trouble, testing it at every opportunity, as he cruised into the second round...... <a href="http://johnysimple-magazine2.blogspot.com/2012/01/federer-untroubled-by-back-eases-into.html">Read Full Post</a>
</div>
</div></div>
</div>
<!-- 4st Content -->
<div id="gal4" style="display:none;" class="img400">
<div class="h250"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAsbqr4Kk0TOfPn-Oxfow1d3f-5uIQdbo-LxxLNPtuuY4S7ZzPqTJhZemINeDceGxUhQXJHyezWXRySv6gtNZKQKweLcSj3b2nqo_1tHyZWLz5XbyPq8Bt47iphV6qikHuXwGhiFc-_FFR/s1600/Julian-Pavone.jpg&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div class="bottom">
<div class="topic"><a href="http://johnysimple-magazine2.blogspot.com/2011/12/julian-pavone-is-worlds-youngest.html">Julian Pavone is World’s Youngest Professional Drummer</a>
</div>
<div class="summary">Guinness World Records has recognized a U.S. boy as the youngest professional drummer. Julian Pavone was certified......<a href="http://johnysimple-magazine2.blogspot.com/2011/12/julian-pavone-is-worlds-youngest.html">Read Full Post</a>
</div>
</div></div>
</div>
<!-- 5st Content -->
<div id="gal5" style="display:none;" class="img400">
<div class="h250"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfviKWNuelXTgd8BeLfCb0VvuLOAKgGY_7a9EozgcXTXQ_5j34N3HH-gBr4WHKjbLVi-RqvPP_ILVm2vp-DybGuzEeEherCO8U7aQH_1-VLgeGMuFkbcXM4LiJ6oyHZ6CW0Ll0GQEU9YKU/s1600/nadal.jpg&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div class="bottom">
<div class="topic"><a href="http://johnysimple-magazine2.blogspot.com/2012/01/nadal-hits-back-over-motivation-doubts.html">Nadal hits back over motivation doubts</a>
</div>
<div class="summary">A combative Rafa Nadal returned serve at sceptics who have questioned his motivation at the Australian Open on Sunday ...... <a href="http://johnysimple-magazine2.blogspot.com/2012/01/nadal-hits-back-over-motivation-doubts.html">Read Full Post</a>
</div>
</div></div>
</div>
<!-- 6st Content -->
<div id="gal6" style="display:none;" class="img400">
<div class="h250"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS08Rdv6hVmUT9CqzRJ9HW8gwdRCSy2tNwpH1mS8Iw5bVhcwXBpnHGGE9ctxvTMOy2nxKITdvtW4ShSm3YIkFKdPS7ELEj3NddXYqxE0pzcNNzE4gU5ls2dlhJCC2xj6S8fKsE3RSJeQZq/s1600/3-US-ships-in-Vietnam-to-train-with-former-foe.jpg&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div class="bottom">
<div class="topic"><a href="http://johnysimple-magazine2.blogspot.com/2011/12/3-us-ships-in-vietnam-to-train-with.html">3 US ships in Vietnam to train with former foe</a>
</div>
<div class="summary">Three U.S. Navy ships were welcomed Friday by former foe Vietnam for joint training, despite China’s irritation following...... <a href="http://johnysimple-magazine2.blogspot.com/2011/12/3-us-ships-in-vietnam-to-train-with.html">Read Full Post</a>
</div>
</div></div>
</div>
<div style="height:255px; margin-top:-255px;"><div id="galtabs" class="page_hl pd_5"><a href="#" rel="gal1">1</a> <a href="#" rel="gal2">2</a> <a href="#" rel="gal3">3</a> <a href="#" rel="gal4">4</a> <a href="#" rel="gal5">5</a> <a href="#" rel="gal6">6</a> </div></div><div class="clearit"></div>
<div class="clearit pb_10"></div>
<script type="text/javascript">
var myheads=new ddtabcontent("galtabs");myheads.setpersist(false);myheads.setselectedClassTarget("link");myheads.init(4000)
</script>
<div id="gal1" style="display:none;" class="img400">
<div class="h250"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBnqPP8-cLB2CR_zjsXwgieGaK6cXP9UJuGpwDJR7uNDOk364Axvpn1t0COzPT7wI-uweYNHdsmJqhseeNlVmIMWnuIsSECLNNn1lY0ZWc7QPG1djXD6eVxlHncn5aZgjWwcf_Oz8QD6Ka/s1600/barca-beat-madrid-in-santiago-bernabue.jpg&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div class="bottom">
<div class="topic">
<a href="http://johnysimple-magazine2.blogspot.com/2011/12/real-madrid-1-3-barcelona-in-santiago.html">Real Madrid 1-3 Barcelona in Santiago Bernabéu</a>
</div>
<div class="summary">Barcelona were the comeback kings at the Santiago Bernabeu as the champions recovered from conceding within the first ...... <a href="http://johnysimple-magazine2.blogspot.com/2011/12/real-madrid-1-3-barcelona-in-santiago.html">Read Full Post</a>
</div>
</div></div>
</div>
<!-- 2st Content -->
<div id="gal2" class="img400">
<div class="h250">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0BjHDkT6CJzzDtWEzUQd21HHDW-uok2Tt1S8W-YpTcuYRZgpuwhrxumnorCMKxnXu1suxeOZMbdREKOqAVl8jkj8X5bLrTgarKMbPOAgwblURYZ6r0Yjhy-8WUmCh4ioQtZd0qfSUgPNS/s1600/ahmadinejad.jpg&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div class="bottom">
<div class="topic"><a href="http://johnysimple-magazine2.blogspot.com/2012/01/iran-ahmadinejad-to-seek-latin-american.html">Iran's Ahmadinejad to seek Latin American support</a>
</div>
<div class="summary">Iranian President Mahmoud Ahmadinejad will seek support from Latin America's leftist leaders on a tour starting....... <a href="http://johnysimple-magazine2.blogspot.com/2012/01/iran-ahmadinejad-to-seek-latin-american.html">Read Full Post</a>
</div>
</div></div>
</div>
<!-- 3st Content -->
<div id="gal3" style="display:none;" class="img400">
<div class="h250">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEBt5E26PIOZsoRmGMuml77_8oEK8PGc5h-v4dzcHybSij6d_8gNNLJFO-DzMLLmoGk9WbJvjFTIMTimyV5fJsD1LaABny5awQZxOrVtgXBuTdRwGTz7QB21T8Qt6m2C3YwjUbB-_3a6pP/s1600/federer.jpg&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div class="bottom">
<div class="topic"><a href="http://johnysimple-magazine2.blogspot.com/2012/01/federer-untroubled-by-back-eases-into.html">Federer, untroubled by back, eases into second</a>
</div>
<div class="summary">Roger Federer showed no sign of back trouble, testing it at every opportunity, as he cruised into the second round...... <a href="http://johnysimple-magazine2.blogspot.com/2012/01/federer-untroubled-by-back-eases-into.html">Read Full Post</a>
</div>
</div></div>
</div>
<!-- 4st Content -->
<div id="gal4" style="display:none;" class="img400">
<div class="h250"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAsbqr4Kk0TOfPn-Oxfow1d3f-5uIQdbo-LxxLNPtuuY4S7ZzPqTJhZemINeDceGxUhQXJHyezWXRySv6gtNZKQKweLcSj3b2nqo_1tHyZWLz5XbyPq8Bt47iphV6qikHuXwGhiFc-_FFR/s1600/Julian-Pavone.jpg&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div class="bottom">
<div class="topic"><a href="http://johnysimple-magazine2.blogspot.com/2011/12/julian-pavone-is-worlds-youngest.html">Julian Pavone is World’s Youngest Professional Drummer</a>
</div>
<div class="summary">Guinness World Records has recognized a U.S. boy as the youngest professional drummer. Julian Pavone was certified......<a href="http://johnysimple-magazine2.blogspot.com/2011/12/julian-pavone-is-worlds-youngest.html">Read Full Post</a>
</div>
</div></div>
</div>
<!-- 5st Content -->
<div id="gal5" style="display:none;" class="img400">
<div class="h250"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfviKWNuelXTgd8BeLfCb0VvuLOAKgGY_7a9EozgcXTXQ_5j34N3HH-gBr4WHKjbLVi-RqvPP_ILVm2vp-DybGuzEeEherCO8U7aQH_1-VLgeGMuFkbcXM4LiJ6oyHZ6CW0Ll0GQEU9YKU/s1600/nadal.jpg&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div class="bottom">
<div class="topic"><a href="http://johnysimple-magazine2.blogspot.com/2012/01/nadal-hits-back-over-motivation-doubts.html">Nadal hits back over motivation doubts</a>
</div>
<div class="summary">A combative Rafa Nadal returned serve at sceptics who have questioned his motivation at the Australian Open on Sunday ...... <a href="http://johnysimple-magazine2.blogspot.com/2012/01/nadal-hits-back-over-motivation-doubts.html">Read Full Post</a>
</div>
</div></div>
</div>
<!-- 6st Content -->
<div id="gal6" style="display:none;" class="img400">
<div class="h250"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS08Rdv6hVmUT9CqzRJ9HW8gwdRCSy2tNwpH1mS8Iw5bVhcwXBpnHGGE9ctxvTMOy2nxKITdvtW4ShSm3YIkFKdPS7ELEj3NddXYqxE0pzcNNzE4gU5ls2dlhJCC2xj6S8fKsE3RSJeQZq/s1600/3-US-ships-in-Vietnam-to-train-with-former-foe.jpg&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div class="bottom">
<div class="topic"><a href="http://johnysimple-magazine2.blogspot.com/2011/12/3-us-ships-in-vietnam-to-train-with.html">3 US ships in Vietnam to train with former foe</a>
</div>
<div class="summary">Three U.S. Navy ships were welcomed Friday by former foe Vietnam for joint training, despite China’s irritation following...... <a href="http://johnysimple-magazine2.blogspot.com/2011/12/3-us-ships-in-vietnam-to-train-with.html">Read Full Post</a>
</div>
</div></div>
</div>
<div style="height:255px; margin-top:-255px;"><div id="galtabs" class="page_hl pd_5"><a href="#" rel="gal1">1</a> <a href="#" rel="gal2">2</a> <a href="#" rel="gal3">3</a> <a href="#" rel="gal4">4</a> <a href="#" rel="gal5">5</a> <a href="#" rel="gal6">6</a> </div></div><div class="clearit"></div>
<div class="clearit pb_10"></div>
<script type="text/javascript">
var myheads=new ddtabcontent("galtabs");myheads.setpersist(false);myheads.setselectedClassTarget("link");myheads.init(4000)
</script>
Title : cara membuat image slider dengan java scriptPosted by :
Published : 2012-11-06T02:24:00-08:00
