Langkah-langkah :
- Kamu harus login terlebih dahulu di Blogspot
- Setelah itu kamu masuk ke halaman Elemen Halaman
- Tambahkan sebuah gadget, untuk tempat kamu bisa memilih dimana saja, saran saya tambahkan gadget di sidebar, Pada Windows baru setelah mengklik tulisan Tambah Gadget, kamu pilih yang HTML/Javascript lalu masukan kode di bawah ini
<style>
#images {
-webkit-box-shadow: #131313 0px 2px 10px;
-moz-box-shadow: #131313 0px 3px 10px;
box-shadow: #131313 0px 3px 10px;
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0s;
width: 468px;
height: 300px;
overflow: hidden;
position: relative;}
#images img {
background:#ccc;
width: 468px;
height: 300px;
position: absolute;
top: 0;
left: -400px;
z-index: 1;
opacity: 0;
transition: all linear 500ms;
-o-transition: all linear 500ms;
-moz-transition: all linear 500ms;
-webkit-transition: all linear 500ms;}
#images img:target {
left: 0;
z-index: 9;
opacity: 1;}
#images img:first-child {
left: 0;
opacity: 1;}
#slider {
widht:468px;
float:left;
text-decoration: none;
background: ;
padding: 8px 10px;
color: #222;}
#slider a {
text-decoration: none;
background: #E3F1FA;
border: 2px solid #C6E4F2;
padding: 8px 10px;
color: #222;}
#slider a:hover {
background: #C6E4F2;}
</style>
<div id="images">
<a
href="http://www.cyberraden.tk/2011/08/pulau-sempu-malang.html"> <img id="image1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1kBpr22IO4H9AuggiUD3UAbrZqPsB3FDp8Rd6GEQrVHIFZWURfIrWNHvSIe4Yz8y2Zov3aMaRGa7EWApvtawkIWYHm1UsJ8hItvB0vNh35izopwF9NnSXNsAUrU6icNJYl118J5uENps/s1600/a3.jpg" /></a>
<a
href="http://www.cyberraden.tk/2011/08/pulau-sempu-malang.html"> <img id="image2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO1NXMBwz3Dk-S4ya50WFAJrwzKXh17yPGRNA4lr1Jd_xKt8ToPsWHMqkLN1hG7OIqh4_GlVLxXXyVCcKosHROiS34DaECnQH327G14_SJfj6fh0wFDUn9oPj5Nhw1ZqBtTZAottuB5Bk/s320/a7.jpg" /></a>
<a
href="http://www.cyberraden.tk/2011/08/pulau-sempu-malang.html"> <img id="image3" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbWJsFhsZj14NL4tLtRjxOcebBPI2FfTUZQegu9nhgwO09X9PApvYkOCwyjqX60XnwNRG67hcMBhDb_8WbqH3exEfEbI3R9Dph0Lw-N4NAPueQ6V6eeFer8Hdu-9Zdvs0Y-UR1L-ng-3Q/s320/a10.jpg" /></a>
<a
href="http://www.cyberraden.tk/2011/08/pulau-sempu-malang.html"><img id="image4" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAQnaEC-t-U3kYKTHBZulV1wDsOgrkf-8B1PV5PNyqMvpbT4EpkvzUt6hRtjkoflyo8rYSbV5ebyKKT426oQMc7f7t9teaGj_vvn7bIPzkYOVhzlRTZW6OnzVTs18Iq8OAAGWo_D9_bkE/s320/a9.jpg" /></a>
<a
href="http://www.cyberraden.tk/2011/08/pulau-sempu-malang.html"><img id="image5" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb1dHAfV1Zi7K8Jgikvr7sBS4sntYGc-fh3xB8WGtfxqRwk_E45sZ9FXDCBT2Gp3ycDM9X3YRySLtR_Y6BBBZqcBhZOJ2pQZrt7WIAqTvJE70PKa_mO4315TjUkJGYEMdonYuAJKnWpFg/s320/a12.jpg" /></a></div>
<a href="#image1">1</a>
<a href="#image2">2</a>
<a href="#image3">3</a>
<a href="#image4">4</a>
<a href="#image5">5</a>
NB:Warna merah diganti link image yang kamu inginkan..^.^
