1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian.
6. Dan copy kode dibawah ini tepat diatas: </head>
CSS
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<style>
#supersized {
position:fixed;
left:0;
top:0;
overflow:hidden;
z-index:-999;
height:100%;
width:100%;
}
#supersized img{
width:auto;
height:auto;
position:relative;
display:none;
outline:none;
border:none;
}
#supersized.speed img {
-ms-interpolation-mode:
nearest-neighbor;
image-rendering:-moz-crisp-edges;
}
#supersized.quality img {
-ms-interpolation-mode:
bicubic;
image-rendering:
optimizeQuality;
}
#supersized a {
z-index:-30;
position:absolute;
overflow:hidden;
top:0;
left:0;
width:100%;
height:100%;
background:#111;
}
#supersized a.prevslide { z-index:-20; }
#supersized a.activeslide { z-index:-10; }
#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }
</style>
<script type="text/javascript" src="http://jamil-182.googlecode.com/files/coversize.js"></script>
CSS
<script type='text/javascript'>
//<![CDATA[
jQuery(function($){
$.supersized({
//Functionality
slideshow:1,//Slideshow on/off
autoplay:1,//Slideshow starts playing automatically
start_slide:1,//Start slide (0 is random)
random: 0,//Randomize slide order (Ignores start slide)
slide_interval:5000,//Length between transitions
transition:1,//0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed:1000,//Speed of transition
new_window:1,//Image links open in new window/tab
pause_hover:0,//Pause slideshow on hover
keyboard_nav:1,//Keyboard navigation on/off
performance:1,//0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
image_protect:1,//Disables image dragging and right click with Javascript
//Size & Position
min_width:0,//Min width allowed (in pixels)
min_height:0,//Min height allowed (in pixels)
vertical_center:1,//Vertically center background
horizontal_center:1,//Horizontally center background
fit_portrait:1,//Portrait images will not exceed browser height
fit_landscape:0,//Landscape images will not exceed browser width
//Components
navigation:1,//Slideshow controls on/off
thumbnail_navigation:1,//Thumbnail navigation
slide_counter:1,//Display slide numbers
slide_captions:1,//Slide caption (Pull from "title" in slides array)
slides:[//Slideshow Images
{image : 'http://i1259.photobucket.com/albums/ii543/jamil182/jut4w4n.jpg'},
{image : 'http://i1259.photobucket.com/albums/ii543/jamil182/Fantasy-World-fantasy.jpg'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.1/slides/quietchaos-kitty.jpg'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-1.jpg'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-2.jpg'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-3.jpg'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-1.jpg'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-2.jpg'},
{image : 'http://i1259.photobucket.com/albums/ii543/jamil182/borneoplk.jpg'},
{image : 'http://i1259.photobucket.com/albums/ii543/jamil182/palangkaraya.jpg'},
{image : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLCbILgi7TSIfEWl97lT3eayEnkTgDjSTNr9i3nANkbJIyrd6W4K3ZmpzoO6EkjlMosiiMJhu_sJ5kh-b6jEK-NiP_h8yWZPfKHB89k2MsqW2CorhIKs9cXt7qy3La5MEXGLRy8LKya_SG/s0/2.jpg'},
{image : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2uZmHBpv3KndroefF2wekCRPD4usZxtLJSfocd5zzk5zup18nTqeYUKFn4KDTY4MNviwSpQCz2W6HZVzSQvbDPmF5WRxdeKpknT31O4FuXzOaltlUGbyu34CtNT-Gc2ve0f7ZFF1zlhVe/s0/3.jpg'},
{image : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4-4gO4LBfeLDtoRjxLy4nS1lBrlYyR6CXhwT6tGlWbJ8M8GwY2FeN6bAMERzeOe_3YhzW1exNVROFGHEdQePaLdGrQ8Pw_2b3_2DbUNDlV8fUN69_3wDNEEFoAkkYaJboG5DJH__lsS47/s0/4.jpg'},
{image : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgak7-OgeYqTusayjr_EzdCGX3gtftzvDF_2ZCSmRrhfMiWY0wtUwBMX-c9xlKr-8LofaUIPWTw2llGl_y8AcLx_Zq_RoR9ozTqGZXhDUFuac44wv2Mt4O7Jtw1SMp_XnE-PRbDL_TJbOqy/s0/5.jpg'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.1/slides/wilderness1.jpg'},
{image : 'http://i1259.photobucket.com/albums/ii543/jamil182/jamilgalau.jpg'}
]
});
});
//]]>
</script>
K
ode Diatas bisa sobat gunakan pada posting atau bisa diletakan pada kode HTML,
untuk kode yang digaris bawah bisa sobat tinggal kalo sudah memiliki kode tersebut.