Memasang Slide Show di template Anda

Memasang Slide Show di template Anda
1. Masuk ke Akun/dashboard Anda
2. Pilih Template, lalu Edit HTML.

3. Backup dulu untuk menjaga kemungkinan buruk.
4. Temukan kode seperti ini: ]]> </skin>
    5. Copy dan paste-kan code berikut sebelum kode ]]> </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: 530px; padding: 10px; background-color: #000000; color: #FFFFFF; } .cs-prev, .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; } /*----End Coin CSS--*/

6. Kode di text-area di bawah ini, diletakkan sebelum kode:</head>

<!--Coin Slider Scirpt--> <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: 550,height: 220, navigation: false, delay: 5000 }); }); </script><!--End Coin Slider Scirpt-->

7. Jika sudah, Save.
8. Masuk ke: Tata Letak >
9. Klik: tulisan Add New Widget
10. Pilih HTML/Javascript, kemudian letakkan kode berikut:

<!--Coin Slider widget--> <div id='coin-slider'> <a href="#" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTwEOCwPqX1ZtnKK24JEX6_-4geEu3syWwduSeZXgWRQh4gdha6V5Pkpp1JH6RLCF7C__gMy8cTdeRvZOD5znDSIPw7ONLnbxYZilNZyqjDD2EwZEK4DkcZX3UpChLf4Q_WRkaC2SdCDE/s1600/nature+01.jpg" /> <span> Bayangan selalu lebih besar dari aslinya, apapun itu! Gagal maupun sukses. </span> </a> <a href="#" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_JpO3Bxl9JX-NUU1E_r8_U4YOxql6YVVsn7uM_Hg7d_8paCsHGYkitdvcEExspwePmWIi4-0HdtB_aYYy_a6MW3uCrXWuvX68Hjy1z44meQ35WJXDWkQ-grFt0seOYt4XvBPBRFTM7lI/s1600/nature+03.jpg" /> <span> Memang baik menjadi orang penting, tetapi lebih penting menjadi orng baik </span> </a> <a href="#" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHSFIQnTcZCg8dKTr8FmLUrbkrrgdQiDluAzaAHzlPsAMFp5JW0VunF9ONqlS-CysDN4PJj936Ph_RS7htDZeVHCxfvra65xzAeuVrJ7XpiEY81JJUvos0cMLVaMAdceKnlP34HHX1wxw/s1600/nature+02.jpg" /> <span> Tak seorang pun dapat membuat Anda sakit hati, kecuali Anda menghendakinya. </span> </a> <a href="#" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXlJF2KzSGpj8HxlTkFHMijRCxUt_-lmhMWmzrC385t8no8QbZqUOY4-OVjdr58ifM6Txs5zBXlr54mpgJPFW2Fc-32DFITk6PG63kkS9aw9pqlkBt4eu-aEmkceaiyp5bxexjyXXqrLs/s1600/nature+04.jpg" /> <span> Apapun yang Anda pikirkan, gagal atau sukses adalah benar. </span> </a> </div> <!--End Coin Slider widget-->

11. Terakhir, Simpan.

Jika cara memasang Slide Show benar, dapat dilakukan Ubah-suai
1. Perhatikan text-area pertama. Hanya cukup sekali mengatur width= dan height=. Yang lain menyesuaikan diri.