KAMBING JANTAN: 2013

Memang slide show ini banyak sekali kegunaannya. Namun untuk bisa membuat sebuah slide show di blog,menurut tutorial yang banyak beredar bisa dibilang kadang berhasil dan kadang juga gagal dan terkadang "ribet" dalam proses pembuatannya. Dan dalam panduan blogger ini,sebuah panduan untuk membantu sobat blogger dalam pembuatan slide show di blog terbilang lebih mudah daripada tutorial yang banyak beredar. Selain itu,perbedaan slide show ini adalah feature slide show akan muncul pada setiap halaman blog. Perlu sobat ketahui,biasanya widget slide show yang banyak beredar serta tutorialnya hanya akan muncul pada halaman depan (Home) saja. Dan dalam pembuatannya, feature slide show yang ini tidaklah perlu "mengotak-atik HTML" artinya sobat blogger tak perlu dipusingkan dengan harus mengedit HTML terlebih dulu.

Dan untuk membuatnya,silahkan ikuti langkah-langkah seperti berikut ini :

1. Login ke Blogger

2. Klik Tata Letak

3. Klik Tambah Gadget

4. Pilih opsi HTML/Java Script

5. Copy dan Paste-kan kode di bawah ini ke dalamnya

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>

<div class='fp-slider clearfix'>
<div class='fp-slides-container clearfix'>

<div class='fp-slides'>


<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='http://tjoretan-akoe.blogspot.com/2012/09/mudahnya-membuat-slide-show-di-blog.html'><img alt="Slide Show 1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8tTa5HPdzFBSaTXuoBzqhV4VIBYzNFH8bUFqakwGIp9UCf6GqeyHRBUmt6Ez_mon41PY6jdQ3TOdwUGYNi8g6pz1Cn2CTaVB76Il2L0CdCxm_zI2SBE3OijXgeq1ZXL21wK76wHjn7fJy/s1600/1.jpg" title="Mau Buat SlideShow ini?klik aja gambarnya" /></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Judul Artikel 1</a>
</h3>
<p>
Beberapa kalimat tentang deskripsi/penjelasan atau isi dari artikel 1.Dan untuk mengganti tulisan "Judul Artikel 1" serta tulisan ini,silahkan Login ke Blogger>klik Tata Letak>klik edit (yang mana widget slide show ini diletakkan)>klik Simpan>klik Simpan setelan
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</a></a></div>
</div>
</div>



<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='http://tjoretan-akoe.blogspot.com/2012/09/mudahnya-membuat-slide-show-di-blog.html'><img alt="slide show 2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv8zElN952HTVmNeE_4axBVuGyTpeV1huMb0rq2vwdEnXfJy3ffqCHkUphpFbxMnZtoW8Lz158V0U4kp6EX8cBCjD6Rlgi4x49ln7bIfyzzlGb0WjvLdwRvXoRhhyphenhyphenkVEoG6DOFxRcxDBMs/s1600/2.jpg" title="Mau Buat SlideShow ini?klik aja gambarnya" /></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Judul Artikel 2</a>
</h3>
<p>
Beberapa kalimat tentang deskripsi/penjelasan atau isi dari artikel 2.Dan untuk mengganti tulisan "Judul Artikel 2" serta tulisan ini,silahkan Login ke Blogger>klik Tata Letak>klik edit (yang mana widget slide show ini diletakkan)>klik Simpan>klik Simpan setelan
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</a></a></div>
</div>
</div>



<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='http://tjoretan-akoe.blogspot.com/2012/09/mudahnya-membuat-slide-show-di-blog.html'><img alt="slide show 3" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzghzwUU0SMZWQcPDFoKMxPERqKHwdbD3EnpYvzuOfJcmVqKxNYIIScdRJ2fKO286YxVnMt0_kY7X8S6zdVsyyuiIVstqxNJ7GFG1CeTzc8uAW0M535bl_HOSAodSoxlkQ-qN8ioIONJqg/s1600/3.jpg" title="Mau Buat SlideShow ini?klik aja gambarnya" /></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Judul Artikel 3</a>
</h3>
<p>
Beberapa kalimat tentang deskripsi/penjelasan atau isi dari artikel 3.Dan untuk mengganti tulisan "Judul Artikel 3" serta tulisan ini,silahkan Login ke Blogger>klik Tata Letak>klik edit (yang mana widget slide show ini diletakkan)>klik Simpan>klik Simpan setelan
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</a></a></div>
</div>
</div>



<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='http://tjoretan-akoe.blogspot.com/2012/09/mudahnya-membuat-slide-show-di-blog.html'><img alt="slide show 4" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3jXJWFnv5lnCL17Wi66BMkIrU0b3SVLqsUGlgsg43O-W7st6T3X8qE_UWXVjOY6E-QAae-kbYRpkyWJ3JoYNoOEY8NPQDknPYN2vDtoRPkfRpqyu9b14NBkSb0C_rntjy1uM1Zsa3kDeV/s1600/4.jpg" title="Mau Buat SlideShow ini?klik aja gambarnya" /></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Judul Artikel 4</a>
</h3>
<p>
Beberapa kalimat tentang deskripsi/penjelasan atau isi dari artikel 4.Dan untuk mengganti tulisan "Judul Artikel 4" serta tulisan ini,silahkan Login ke Blogger>klik Tata Letak>klik edit (yang mana widget slide show ini diletakkan)>klik Simpan>klik Simpan setelan
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</a></a></div>
</div>
</div>



<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='http://tjoretan-akoe.blogspot.com/2012/09/mudahnya-membuat-slide-show-di-blog.html'><img alt="slide show 5" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3f-EwzmCwWFIFjyax8C6favDo93PG16VEJDRUzPn83EHmNuGJ3QGNckRHBxojmDsmgs0UTfT5LZF2T-fgyIzz1d-ta1lWXQtKARUY8vYK-jNWmmZKn39dZweUPl4TEL_M9OJa-3ek7Qab/s1600/5.jpg" title="Mau Buat SlideShow ini?klik aja gambarnya" /></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Judul Artikel 5</a>
</h3>
<p>
Beberapa kalimat tentang deskripsi/penjelasan atau isi dari artikel 5.Dan untuk mengganti tulisan "Judul Artikel 5" serta tulisan ini,silahkan Login ke Blogger>klik Tata Letak>klik edit (yang mana widget slide show ini diletakkan)>klik Simpan>klik Simpan setelan
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</a></a></div>
</div>
</div>


</div>
</div></div></b:if></b:if>

6. Saran akoe letakkan widget ini di atas Blog Post

7. Klik Simpan

8. Klik Simpan Setelan

9. Selamat Mencoba dan Semoga Berhasil

KAMBING JANTAN

Selasa, 22 Januari 2013

Cara Membuat Slide Show Di Blog

Mengenai Saya

Arsip Blog