Kamis, 03 April 2014

Ganti Gambar

Ganti Gambar Geser memuat 5 gambar

masuk Blogger.com >> pilih blog "Nilna Muna">> Templeate >> Edit Html

Setelah klik "Edit Html" muncul kotak yang berisikan code (html)
Cari Html(code)dibawah caranya klik kotak code tasi lalu tekan "Ctrl+F" setelah ditekan akan muncul kotak pencarian di samping kiri atas, kotak Html
 

<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkY0AkrKfQgvjC3YP3OZdmAFGk3nbhWDSPnT_SqMfTQ1fBt2vhsRCCnb7VgQL5BzbXfPhsuy8vFiJ9YvPs68lcD2XcpuT0cy7fiidBFl4gq7cNGMe6pPgRLoFhI1mEdHR4-G_i_zxdvjg/s0/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>                                                                           
</div>
<!-- Slide 1 Code End -->

<!-- Slide 2 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrmFJqZYPGZfJ221DUKtdEttoPQxFE12sueCTUB8MHETbA7CSSA34SEeHdk3tdbbAvpec9IZ8ZpfW_LQZq5vokAP2Mqf05pnhxl1AzELG9YVazBDm7CSre025XBzkX1QgWy-ExUiZwXWU/s1600/3.jpg '/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Judul Gambar</a>
</h3>
<p>
Deskripsi Gambar
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 2 Code End -->

<!-- Slide 3 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrmFJqZYPGZfJ221DUKtdEttoPQxFE12sueCTUB8MHETbA7CSSA34SEeHdk3tdbbAvpec9IZ8ZpfW_LQZq5vokAP2Mqf05pnhxl1AzELG9YVazBDm7CSre025XBzkX1QgWy-ExUiZwXWU/s1600/3.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Judul Gambar</a>
</h3>
<p>
Deskripsi Gambar
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 3 Code End -->

<!-- Slide 4 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrmFJqZYPGZfJ221DUKtdEttoPQxFE12sueCTUB8MHETbA7CSSA34SEeHdk3tdbbAvpec9IZ8ZpfW_LQZq5vokAP2Mqf05pnhxl1AzELG9YVazBDm7CSre025XBzkX1QgWy-ExUiZwXWU/s1600/3.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Judul Gambar</a>
</h3>
<p>
Deskripsi gambar
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 4 Code End -->

<!-- Slide 5 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrmFJqZYPGZfJ221DUKtdEttoPQxFE12sueCTUB8MHETbA7CSSA34SEeHdk3tdbbAvpec9IZ8ZpfW_LQZq5vokAP2Mqf05pnhxl1AzELG9YVazBDm7CSre025XBzkX1QgWy-ExUiZwXWU/s1600/3.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Judul Gambar</a>
</h3>
<p>
Deskripsi Gambar
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 5 Code End -->

Keterangan:
Merah adalah URL gambar 
ganti URL yang diberi warna merah Dengan URL gambar... Gambarnya Ukuran 645 X 300
Caranya: cari gambar diinternet 
Arahkan Korsur kegambar lalu klik kanan, Pilih pilihan Lihat "Gambar/View images" setelah teralihkan Copy URL gambar yang terletak diatas gambar


Kuning adalah Judul Gambar atau Judul gambar yang anda pajang, contoh: Sekolah . cara menggantinya hapus kaimat yang diberi warna kuning (seperti diatas) dgn Judul yang anda mau
Hijau adalah Deskripsi gambar atau penjelasan gambar Contoh deskripsi: saat saya dipantai. cara menggantinya hapus kalimat yang sama persis seperti yang diberi warna hijau dengan kalimat apa saja
Biru Ganti #  yang diberi warna biru dengan Link yang akan dituju contohnya: www.mmmm.blogspot.com/en/blablabla...

0 komentar:

Posting Komentar