Widget ini adalah Content slide yang mana setiap postingan atau artikel terbaru akan otomatis tampil dengan Tampilan Slide. Untuk ukuran widget ini hanya 6 kb saja dan untuk membukanya tidak perlu LOLA alias Lambat Loading hehehe,,, Tergantung Postingannya dan Template Lain juga jika Lambat Loading membukanya.
1. Lagi-lagi masuk Edit HTML hehehee (Capek dot com)
2. Cari kode ini
3. Copy kode dibawah ini dan LETAKKAN di ATAS-nya
EITSSS....
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/
1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var currentPosition = 0;
var slideWidth = 560;
var slides = $(.slide);
var numberOfSlides = slides.length;
// Remove scrollbar in JS
$(#slidesContainer).css(overflow, hidden);
// Wrap all .slides with #slideInner div
slides
.wrapAll(<div id="slideInner"></div>)
// Float left to display horizontally, readjust .slides width
.css({
float : left,
width : slideWidth
});
// Set #slideInner width equal to total width of all slides
$(#slideInner).css(width, slideWidth * numberOfSlides);
// Insert controls in the DOM
$(#slideshow)
.prepend(<span class="control" id="leftControl">Clicking moves left</span>)
.append(<span class="control" id="rightControl">Clicking moves right</span>)
;
// Hide left arrow control on first load
manageControls(currentPosition);
// Create event listeners for .controls clicks
$(.control)
.bind(click, function(){
// Determine new position
currentPosition = ($(this).attr(id)==rightControl) ? currentPosition+1 : currentPosition-1;
// Hide / show controls
manageControls(currentPosition);
// Move slideInner using margin-left
$(#slideInner).animate({
marginLeft : slideWidth*(-currentPosition)
});
});
// manageControls: Hides and Shows controls depending on currentPosition
function manageControls(position){
// Hide left arrow if position is first slide
if(position==0){ $(#leftControl).hide() } else{ $(#leftControl)
.show() }
// Hide right arrow if position is last slide
if(position==numberOfSlides-1){ $(#rightControl).hide() }
else{ $(#rightControl).show() }
}
});
</script>
<!-- Slideshow HTML -->
<div id="slideshow">
<div id="slidesContainer">
<script type="text/javascript" src="http://accordion-template.googlecode.com/svn/
trunk/galleryposts-slick-slideshow-min.js"></script>
<script style="text/javascript">
var numposts_gal = 10;
var numchars_gal = 150;
var caption_position = right; // top,bottom,left,right ->
choose one
</script>
<script src="http://adybakom.blogspot.com/feeds/posts/default?orderby=
published&alt=json-in-script&callback=showgalleryposts"></script>
</div>
</div>
<!-- Slideshow HTML -->
