- Silahkan login dulu ke halaman admin blog anda melalui http://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 ]]>
/* 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
Width: 563 : 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 Link letak gambar dengan lokasi penyimpanan gambar anda.
- Simpan dan silahkan nikmati hasilnya.
0 komentar:
Posting Komentar