Malang Nutrition Academic: Mudah Pasang Slideshow Continues Photo di Blog

Bagaimana buat slideshow continues dengan loop, nah kalo pake bawa'an blogspot atau photobucket pasti slideshownya akan berhenti dengan sendirinya saat photo habis, dan untuk menjalankan mesti klik lagi, repot khan? ini cara mudah untuk menanggulanginya.
Langsung saja ya... buat skript seperti di bawah ini,..
pertama Anda buat movie slideshow dulu, gunakan macromedia flash atau swishmax, sebagai contoh saya buat album slideshow dengan nama myalbum.swf
ketik seperti dibawah ini.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Slide</title>
</head>
<body bgcolor="#FFFFFF">
<p> <p>
<style type="text/css">

</style>

<table align="center" border="0" cellpadding=0 cellspacing=0>
   <tr>
      <td align="center">Slide</td>
   </tr>
   <tr><td align="center"><br /></td></tr>
   <tr>
     <td align="center">
   <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="450" height="250" id="tech" align="middle">
       <param name="allowScriptAccess" value="sameDomain" />
       <param name="movie" value="myalbum.swf" />
       <param name="quality" value="high" />
       <embed src="myalbum.swf" quality="high" width="450" height="250" name="tech" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
     </td>
   </tr>

</table>
</body>
</html>

atau dengan menggunakan skript seperti di bawah ini,

<style type="text/css">
.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}

.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}

.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}

.gfg-subtitle a {color : #a43434;display:none !important;}

.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}

.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}

.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}

.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}

.clearFloat {clear : both;}

#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}
</style>

<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript"></script>

<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>

<script type="text/javascript">
function showGadget() {
var feeds = [
{title:'title',
url:'http://nama blog Anda.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=999'},
];
new GFdynamicFeedControl(feeds, 'feedGadget',
{numResults : 1000, stacked : true,
title: " "});
}
google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>

<div id="feedGadget"><center><img src="alamat image anda di net/loadingtrans.gif" /></center></div>

sekian dulu info saya moga sedikit dapat membantu bagi yang memerlukan.

Malang Nutrition Academic

03 December 2010

Mudah Pasang Slideshow Continues Photo di Blog

DM SOFTWARE ver 1.0

Popular Posts

Blog Archive

Link My Favorite Site