<script
src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-06.js"
type="text/javascript"></script><style type="text/css">
#slider4{
border: 2px solid #181818;
background: #ffffff;
margin-left: 9px;
}
#paginate-slider4{
border-color: #181818;
margin-left: 9px;
margin-top: 4px;
}
#paginate-slider4 a img{
width: 80px;
height: 60px;
border: 2px solid #181818;
margin-top: 5px;
}
#paginate-slider4 a img:hover, #paginate-slider4 a.selected img{
border: 2px solid #ffc04e;
}
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 10px solid navy;
width: 500px; /*width of featured content slider*/
height: 325px;
}
.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0; /*leave as is*/
top: 0; /*leave as is*/
padding: 5px;
background: white;
width: 500px; /*width of content DIVs within slider. Total width should equal slider's inner width */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.pagination{
width: 500px; /*Width of pagination DIV. Total width should equal slider's outer width */
text-align: right;
background-color: #ffffff;
padding: 0px 5px;
}
.pagination a{
padding: 0 5px;
text-decoration: none;
color: #181818;
background: #ffffff;
}
.pagination a:hover, .pagination a.selected{
color: #181818;
background-color: #ffffff;
}
</style>
<div style="float:left;">
<div id="slider4" class="sliderwrapper">
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJp598GfQ0sF5Nh277SHimiM9PXDMuULJythUE-8Lqu25YBBcztYMSMaV3inaqZK8zTnZWthmNmJc-BdwV3WkPQ3f5tZyFD5u9rI_AiWEmcXXZVyHPRd8SSXNE4sinqyOxx_xxWsUI1VT4/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png') center left no-repeat" class="contentdiv">
</div>
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCwFXmNreWo5RHCePzkcHiVAafqd7-rSQ718MlcCrTEvjMXpma6DVQUcnAHjdGK7rYabwrkSA3ciCb9sObCMenHcDEDAVOdOL0eyV-1qSV2Zx44bT8TNCb1YOK7orAn9xdqoSCU4wBYs5b/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png') center left no-repeat" class="contentdiv">
</div>
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTdRZaqg-6AnBQWF3Qae6xhvEp_2xvr8z3CNZ5CyXnEkP2k9jOHbXmg5lJboeaVPcRILkvHILRuN4xE9rF3J_j315sF0RAN8Ex39nkpGz_NY_205nDZ6IYOlV6IIVGMZsllLCirii21OBg/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png') center left no-repeat" class="contentdiv">
</div>
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9cnJpe5iT-USEFeb8PXSsfH7DixZh9gzhu-_hfHAOhG_8z4ylrl1VeJVUrJ1Adbs5y-KQWetVfZtT2xBv3yKXEpzIZKr-_yaiqj2h5xcxh42-J4zNTGQSTwEpk6mFDnpZj0FD2jQbMJRZ/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png') center left no-repeat" class="contentdiv">
</div>
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfAx01oAjAOIr402lDJehDAcQnjwC6f9b-_iz05I451XQAG0exsMyXAx1bj-DXESa-2gbLoBAZWQAp2LNKOX4Q5g5Mdta_TucjFUT3qbMeFMmQuY7BYLR4vOXC_H74f1nLTXsmHhFd1Eil/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png') center left no-repeat" class="contentdiv">
</div>
</div>
<div id="paginate-slider4">
<a href="#" target="_blank" class="toc"><img alt="Image1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhalQBa3qA0qli4wv5GQmukWOmGv15sYj8nGh2VstwNsUys7kTZdkwSNDJRvFVn1YD8Abqxv5wJUQtekEyjn05W5I23CHXAJ4CO00-0K4Qt4mD4PHn27YL6kEhQL3qEWAK9tG5ks1rpWvPH/s1600/Change+Mouse+Cursor+Generator.png"/></a>
<a href="#" target="_blank" class="toc"><img alt="Image2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBmNtpaBxzLQQXSbH7JE8T9nAE5S_rfUUjmc65dFH5g8dKHgOyGLwCGUGkwyXh4vjdzMPUyREJ6A-bcx4TNSU7HFX1OFgnG_OxVVXxdSDZ_4fq7a9WXMRwEBmUY6zgkAMK-HbEZdK-fEa3/s1600/Numbered+Page+Navigation.png"/></a>
<a href="#" target="_blank" class="toc"><img alt="Image3" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYK4h5VpElTbn8SfDrHlgSGNL0uRNy6j1AbFMP8CfI_1X-b3Iw4lZDk6mbHUvR900iSzvnMzTE57YGFm20wp_VZ3f7RhmgzBd51gc2GO-ZB33UWBQDb-_CrTJwjIkeVcpTTRweCx9fODSy/s1600/Snow+Cursor+Code+Generatort.png"/></a>
<a href="#" target="_blank" class="toc"><img alt="Image4" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSmRJyQnTFMAxnqDAbWywP7EaYMnH-XsR98Y6bj0wY-SCUKV8lqNKQvCpD7COZAJi7L8qUfo_5dS8EfY6U4M3OwD8LZN2xDUkV9IvPRw8vhWKehoSsUztuzl5ETPfQiInnhfkkM4_VZgIp/s1600/Blogger+Falling+Object+Generator.png"/></a>
<a href="#" target="_blank" class="toc"><img alt="Image5" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja6LryLZDNDTNumBZA0BV9PsCdgNr6lJMczxlKjnYelhQ86sK9UYPF3O5rdSi_Db71cFEOzFw0us4aJjyVS-OHYNEEYbsjrPFHq-dP1O5r6IuFqrGGTKQsJPVtJBwrKSAcrcwGOIA17WPH/s1600/Animated+Flash+Clock.png"/></a>
</div>
<script type="text/javascript">
featuredcontentslider.init({
id: "slider4", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.1], //[true/false, fadedegree]
autorotate: [true, 5000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
</div>
<div class="clear"></div>
0 komentar:
Post a Comment