Tanpa BBABIBU langsung aja nih caranya...
contohnya bisa dilihat http://ilham-latihan1.blogspot.com/
- Silahkan login dulu ke halaman admin blog anda melaluihttp://blogger.com/home
- Langsung tuju ke halaman layout atau tata letak, dan klik edit html -template
- Beri centang pada expand Template widget
- Letakkan kode berikut di atas kode ]]></b:skin>
/* Coin Slider jQuery plugin CSS styles http://workshop.rs/projects/coin-slider */ .coin-slider { overflow: hidden; zoom: 1; position: relative; } .coin-slider a{ text-decoration: none; outline: none; border: none; } .cs-buttons { font-size: 0px; padding: 10px; float: left; } .cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; } .cs-active { background-color: #B8C4CF; color: #FFFFFF; } .cs-title { width: 563px; padding: 10px; background-color: #000000; color: #FFFFFF; } .cs-prev, .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
- Letakkan kode dibawah ini diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://mrmung.googlecode.com/files/coin-slider.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $('#coin-slider').coinslider({ width: 840, navigation: false, delay: 5000 }); }); </script>
Width: 840 : silahkan anda sesuaikan dengan lebar tampilan gambar yang anda inginkan, usahakan gambar sudah di atur ke ukuran yang sesuai, biar tampak manis dilihat. - Simpan, kemudian klik tata letak
- Tambahkan gadget html/java script kemudian copas kode berikut:
Silahkan ganti yang berwarna kuning dengan link gambar anda.<div id='coin-slider'>
<a href="imgN_url" target="_blank"><img src="http://t0.gstatic.com/images?q=tbn:ANd9GcRsKOTgfCvcX9Lu54D4j3CGoN6aCuLyM-IsZHn5HN3qhdKN20nLS2kf67hWDA" />
<span>Deskripsi gambar......</span></a><a href="imgN_url" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglt31c-u_KGgb7FzUsBI9vZDe13t26F0CuXP7vnByhv7N3Xeod413qM18um6toivAn0ii5PnBJ2OwoIPdGrl2Ko6XLAS3g45nU-J12oPX9MPO2b7mtqu89DKJkiq2jaLoACcMbTJmqOL8/s400/Rawr.+.716.jpg" />
<span>Deskripsi gambar......</span></a>
<a href="imgN_url" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjHHhemSYrbmf7YklDyQa6aToMz0p1NOjRy3mUYQ5bZKjz5TSDVgj-PdM-p6NVpGddQiv1qMy2fcgbES_g-uR7ophLYRqvIto_tdhfViXjz16zQilcyIV3Bcfu2IIEJPzz4hbyL6aYRjI/s400/Rawr.+.719.jpg" />
<span>Deskripsi gambar......</span></a>
</div> - Simpan dan silahkan nikmati hasilnya.
