Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu
pasang iklan

MEMBUAT SLIDE SHOW DI BLOGER


Bagi pemula mungkin agak ngiler ,  kita melihat blog yang kelihatan profesional , kadang ada iklan-iklan diatasnya , namun jangan khawatir trik ngakali berikut barangkali bermanfaat. anda bisa menggunakan slide show. 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,s ebuah panduan untuk membantu anda 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 != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<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://kang-padjar.blogspot.com/2013/05/hasil-ujian-nasional-un-tertinnggi-2013.html'><img alt="Slide Show 1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzUkEuAmCiW_4w_q8sDM-xpjatAHev64iGA11aGWfLKoWCrYrATEhFKyfrMeI6H8o5f9D7y58V1stMuRWgzm97cQ9Q8eS0lgamu0hyFBNlOBwRzLEv5EU-mC-Ai_SodTw6jsodpjO4PSU/s320/un_sma_2013.jpg" /></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='http://kang-padjar.blogspot.com/2013/05/hasil-ujian-nasional-un-tertinnggi-2013.html'>NILAI UN TERBAIK NASIONAL </a>
</h3>
<p>
Teman-teman Peserta UN tahun 2012  sedang deg- degan menantikan hasil Ujian tahun 2013. Meskipun disekolah belum diumumkan namun Hasil Ujian Nasional tingkat SMA telah resmi diumumkan  24 mei 2013. SMA Negeri 4 Denpasar memperoleh prestasi yang cukup membanggakan dalam pelaksanaan UN tahun ini. Lima siswa siswi SMAN 4 Denpasar masuk dalam daftar 12 besar siswa yang memperoleh nilai rata-rata UN tertinggi se-Indonesia
( <a href='http://kang-padjar.blogspot.com/2013/05/hasil-ujian-nasional-un-tertinnggi-2013.html'>baca selengkapnya </a> 
</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 -->


<!-- Featured Content Slider End --></div></div></div></b:if></b:if>



<!-- Featured Content Slider End -->

6. Saran akoe letakkan widget ini di atas Blog Post ( anda boleh menambahkan slide berikutnya dengan mengcopy kode  diatas , kemudian paste di bawah kode tersebut , kemudian edit sesuka anda yang anda inginkan)
7. Klik Simpan
8. Klik Simpan Setelan
9. Selamat Mencoba dan Semoga Berhasil



-