Tutorial Cara Membuat Slide Show Blog di Blogspot Bergerak gerak

Sobat Cara Membuat Slide Show Blog Versi 2 yang bergerak gerak bergantian di blogspot ini yang akan berry blog bahas, dimana sebelumnya saya juga pernah membahas mengenai cara membuat slide show, namun kali ini agak keren,heheheh..

nah langsung aja ke carannya :

-log in blogger.com
-pilih rancangan atau design
-pilih add gadget
-copy kode di bawah ini


<div id='featured'>
<ul class='ui-tabs-nav'>
<!-- 1st Small Image -->
<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-1'><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiKaelz-wSr9W-Mt0Cy2Yoc8NqgwQMnxYir9XNKhV36Uqlzc7_KTL4vZsQ02T88Ge26hQ8gN9FRfzqt2G4amMCIs0DsJLQJTQXZJKxKVgJZuoMQWxqfHuScvOclNuPy-FBHBGvRdKMESs/s320/Steve+Jobs+Memory.jpg" /><span>Steven Paul "Steve" Jobs was Gone</span></a></li>
<!-- 2st Small Image -->
<li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-2'><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2aE4qY-uZ2Mh_KK_XOyPRYrGC2BGJ_nyYeCKPTpjyy1eXiChUIFon_QtY3rt1B2GRL_srbsefhSBU24mGhH-xsN2yP1RZGR-3Dlc4mtXp7q7cSZ0JIJxe5o4bdf3vLnoHV5u-T0MKNo4/s320/Marco+Simoncelli.jpg" /><span>Race in Peace Marco Simoncelli</span></a></li>
<!-- 3st Small Image -->
<li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-3'><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8iUqbvA_8IF6I5HSd-8QdsXN7ymyU0nDHpSNgLU-B1mJiAr57dtCmuS42j8ZNBi_OQ18lBOQBj0g2HzqHUinonYAMF9wtRGZ2bl-AqhAtC1X62sWrwq2E5KUyt39OR_zlR7LnchF-Hs4/s320/Lionel+Messi.jpg" /><span>Why Lionel Messi Is The Great One</span></a></li>
<!-- 4st Small Image -->
<li class='ui-tabs-nav-item' id='nav-fragment-4'><a href='#fragment-4'><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSJvC119hqJF__SxJcGkOX35gKA3aXDxbg1JEcYA8r5LiR_t8llR8A5Q1hyP_lS_yyJ9qf5G5C59LwuiJwgawporqILYDSycNxD4JMZxhvzcypJWP0yUzO42US-yFRXpDfhTE1tUJTveA/s320/Valentino+Rossi.jpg" /><span>Rossi, The Legend of Moto GP</span></a></li>
<!-- 5st Small Image -->
<li class='ui-tabs-nav-item' id='nav-fragment-5'><a href='#fragment-5'><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6ZeqTRIT1ZT1IfCRG1TO52T02awCexu1X3qj5RtomlhwKi8xHc85SjPU5WvryDUyw9k6u5nbTSlI_69EW1U-L7Nw3IXuCRPmKqE0BSs2qDSvSrzctd6q4GBbpfU8SA8zwoKscWRJNEFo/s1600/Michael+Jordan.jpg" /><span>Michael Jordan is the legend of Basketball</span></a></li>
</ul>
<!-- First Content -->
<div class='ui-tabs-panel' id='fragment-1' style=''>
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiKaelz-wSr9W-Mt0Cy2Yoc8NqgwQMnxYir9XNKhV36Uqlzc7_KTL4vZsQ02T88Ge26hQ8gN9FRfzqt2G4amMCIs0DsJLQJTQXZJKxKVgJZuoMQWxqfHuScvOclNuPy-FBHBGvRdKMESs/s320/Steve+Jobs+Memory.jpg" />
<div class='info'>
<h2><a href='http://www.bloggermaps.com/2011/10/steve-jobs-creator-of-ipad-ipod-and.html'>Steve Jobs, Creator of iPad, iPod and iPhone was Gone</a></h2>
</div>
</div>
<!-- Second Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''>
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2aE4qY-uZ2Mh_KK_XOyPRYrGC2BGJ_nyYeCKPTpjyy1eXiChUIFon_QtY3rt1B2GRL_srbsefhSBU24mGhH-xsN2yP1RZGR-3Dlc4mtXp7q7cSZ0JIJxe5o4bdf3vLnoHV5u-T0MKNo4/s320/Marco+Simoncelli.jpg" />
<div class='info'>
<h2><a href='http://www.bloggermaps.com/2011/10/motogp-lose-talented-rider-rest-in.html'>MotoGP lose Talented Rider , Rest in Peace Simonceli </a></h2>
</div>
</div>
<!-- Third Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8iUqbvA_8IF6I5HSd-8QdsXN7ymyU0nDHpSNgLU-B1mJiAr57dtCmuS42j8ZNBi_OQ18lBOQBj0g2HzqHUinonYAMF9wtRGZ2bl-AqhAtC1X62sWrwq2E5KUyt39OR_zlR7LnchF-Hs4/s320/Lionel+Messi.jpg" />
<div class='info'>
<h2><a href='http://borneo-sporty.blogspot.com/2011/11/why-lionel-messi-is-great-one.html'>Why Lionel Messi Is The Great One</a></h2>
</div>
</div>
<!-- Fourth Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-4' style=''>
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSJvC119hqJF__SxJcGkOX35gKA3aXDxbg1JEcYA8r5LiR_t8llR8A5Q1hyP_lS_yyJ9qf5G5C59LwuiJwgawporqILYDSycNxD4JMZxhvzcypJWP0yUzO42US-yFRXpDfhTE1tUJTveA/s320/Valentino+Rossi.jpg" />
<div class='info'>
<h2><a href='http://borneo-sporty.blogspot.com/2011/11/valentino-rossi-legend-of-moto-gp.html'>Valentino Rossi, The Legend of Moto GP</a></h2>
</div>
</div>
<!-- Five Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-5' style=''>
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6ZeqTRIT1ZT1IfCRG1TO52T02awCexu1X3qj5RtomlhwKi8xHc85SjPU5WvryDUyw9k6u5nbTSlI_69EW1U-L7Nw3IXuCRPmKqE0BSs2qDSvSrzctd6q4GBbpfU8SA8zwoKscWRJNEFo/s1600/Michael+Jordan.jpg" />
<div class='info'>
<h2><a href='http://borneo-sporty.blogspot.com/2011/11/michael-jordan-is-legend-of-basketball.html'>Michael Jordan is the legend of Basketball</a></h2>
</div>
</div>
</div>


save dan selesai, demikian semoga bermanfaat untuk sobat blogger semua cara membuat slide show bergerak di blogspot dari berry blog.

Postingan terkait: