Panduan blogger untuk blogger pemula. Panduan
blogger yang akan menjelaskan, membahas serta membantu sobat blogger
semua yang khususnya masih dibilang awam atau masih pemula dalam dunia
blog tentang "Mudahnya Membuat Slide Show di Blog". Sebelumnya, fungsi slide show sendiri adalah untuk menambah tampilan blog supaya lebih "kelihatan" profesional
dan membuat tampilan blog semakin lebih cantik. Banyak yang sekali dari
teman-teman blogger yang di dalam blognya dipasang feature slide show.
Kebanyakan dari mereka memanfaatkan feature slide show ini untuk
kepentingan Bisnis (dalam hal ini dipakai untuk area iklan).
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
<!-- Featured Content Slider Started -->
<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'>
<!-- Slide 1 Code Start -->
<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/AVvXsEiBWpwHKvTkyUU_SyHqoW183CUgsF2ZyQC41O0PoPkgAEYLJcHPgDgyVwIfy9eYN70jQPitmvhA3hKIR9qvzBR1EEGHWEc_XsqowYZ2E9EPIqXXa3QY1iaUZqpUOPI6pzDQ2ojXmtrtrasc/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>
<!-- Slide 1 Code End -->
<!-- Slide 2 Code Start -->
<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/AVvXsEgjXuHoBeCY-OD5NA_hNWNHQ3fy8h0JZVcFsRliKEiZEGo7FUeFDwUyuklgjTbpLVDAJ11SD67oQleQEcLWc02Ef0_1wsd8PrDCUFNYkwEG3lByahs7TaUgMw1chu7sNfH2e03Mx2RAII9l/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>
<!-- Slide 2 Code End -->
<!-- Slide 3 Code Start -->
<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/AVvXsEiC4Rlz_Os8JnjzALoTJ4F_Qkd3ZEJri04DjKEOp7VqJkRFKAfZfUPJwVNMk1AZJ8ClwvW2wOCdaSiL34ztsFZOuVKv3Yh2AHcRQ36EF206NbhK_7w1r42ImW1V70uLypwz_EOS1YaaDUEm/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>
<!-- Slide 3 Code End -->
<!-- Slide 4 Code Start -->
<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/AVvXsEgEXDAlEf3bWYrEH97npQwXVPR-YqQ6PlN97pP9ruI4TzCDBhVR-AIlDlzeHM0WZakBskuge3NZw6YbgKXibxaA1LJfA_ITGJ70gwsn0_WgdfZigKvraonxQQBhUx_6MKWb2AFVDnJdZ1BT/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>
<!-- Slide 4 Code End -->
<!-- Slide 5 Code Start -->
<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/AVvXsEh_OZMUdJSWxms2gZgaEqloJ8tGH1w3ZpkSaypLt9JTPLQaOrjysVtdnJWEEmkUHQfwE3aPyZ-WZuYPjnXEO4GjIautLvkUpOc4CakdtRMYr83TGt0wtVXT_vDV5NqgLdkpZOV3sNVkTYs2/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>
<!-- Slide 5 Code End -->
</div>
</div></div></b:if></b:if>
<!-- Featured Content Slider End -->
<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'>
<!-- Slide 1 Code Start -->
<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/AVvXsEiBWpwHKvTkyUU_SyHqoW183CUgsF2ZyQC41O0PoPkgAEYLJcHPgDgyVwIfy9eYN70jQPitmvhA3hKIR9qvzBR1EEGHWEc_XsqowYZ2E9EPIqXXa3QY1iaUZqpUOPI6pzDQ2ojXmtrtrasc/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>
<!-- Slide 1 Code End -->
<!-- Slide 2 Code Start -->
<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/AVvXsEgjXuHoBeCY-OD5NA_hNWNHQ3fy8h0JZVcFsRliKEiZEGo7FUeFDwUyuklgjTbpLVDAJ11SD67oQleQEcLWc02Ef0_1wsd8PrDCUFNYkwEG3lByahs7TaUgMw1chu7sNfH2e03Mx2RAII9l/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>
<!-- Slide 2 Code End -->
<!-- Slide 3 Code Start -->
<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/AVvXsEiC4Rlz_Os8JnjzALoTJ4F_Qkd3ZEJri04DjKEOp7VqJkRFKAfZfUPJwVNMk1AZJ8ClwvW2wOCdaSiL34ztsFZOuVKv3Yh2AHcRQ36EF206NbhK_7w1r42ImW1V70uLypwz_EOS1YaaDUEm/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>
<!-- Slide 3 Code End -->
<!-- Slide 4 Code Start -->
<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/AVvXsEgEXDAlEf3bWYrEH97npQwXVPR-YqQ6PlN97pP9ruI4TzCDBhVR-AIlDlzeHM0WZakBskuge3NZw6YbgKXibxaA1LJfA_ITGJ70gwsn0_WgdfZigKvraonxQQBhUx_6MKWb2AFVDnJdZ1BT/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>
<!-- Slide 4 Code End -->
<!-- Slide 5 Code Start -->
<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/AVvXsEh_OZMUdJSWxms2gZgaEqloJ8tGH1w3ZpkSaypLt9JTPLQaOrjysVtdnJWEEmkUHQfwE3aPyZ-WZuYPjnXEO4GjIautLvkUpOc4CakdtRMYr83TGt0wtVXT_vDV5NqgLdkpZOV3sNVkTYs2/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>
<!-- Slide 5 Code End -->
</div>
</div></div></b:if></b:if>
<!-- Featured Content Slider End -->
6. Saran akoe letakkan widget ini di atas Blog Post
7. Klik Simpan
8. Klik Simpan Setelan
9. Selamat Mencoba dan Semoga Berhasil
0 Response to "Cara Praktis Membuat Slide Show di Blog"
Post a Comment
Terima kasih telah berkunjung di Bestmechanic.blogspot.com semoga apa yang anda baca bermanfaat. Silahkan bergabung dengan Bestmechanic.blogspot.com dengan cara klik SUKA dalam LIKE BOX. dan saya tunggu kritik dan sarannya. Terima kasih.