Cara Mengganti Gambar Slide Show Template Blog

Bagi sobat yang baru mengganti template blogger, maka di beranda template baru tersebut biasanya ada slide gambarnya, bagi sobat yang mungkin saja ingin mengganti slide gambar tersebut langsung saja Ikuti langkah-langkahnya berikut ini :
1. Masuk ke akun blogger sobat.
2. Klik rancangan/layout, setelah itu masuk ke Edit HTML.
3. Cari script code di bawah ini dengan menekan ctrl + F atau F3 pada keyboard.
<!-- Featured Content Slider Started -->
4. Jika sudah ketemu, perhatikan Script code yang terdapat antara kode <!-- Featured Content Slider Started -->di atas sampai kode <!-- Featured Content Slider End -->

5. Hasilnya akan seperti di bawah ini.

<!-- Featured Content Slider Started -->
<div class='featuredposts clearfix'>
<div class='fp-slides'>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-1-url-here'>
<img src='http://3.bp.blogspot.com/_5UzqrQjtYEQ/TYwLOUeIa-I/AAAAAAAABc8/
w2njpR3coSY/s000/1.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-1-url-here'>This is default
featured post 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-post'>
<div class='fp-thumbnail'><a href='featured-post-2-url-here'>
<img src='http://2.bp.blogspot.com/_5UzqrQjtYEQ/TYwLOl5H83I/AAAAAAAABdA/
_sEj5HGNpxU/s000/2.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-2-url-here'>This is default
featured post 2 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these
sentences with your own descriptions.This theme is Bloggerized by Lasantha
Bandara - Premiumbloggertemplates.com.</p>
</div>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-3-url-here'>
<img src='http://3.bp.blogspot.com/_5UzqrQjtYEQ/TYwLOx8e0KI/AAAAAAAABdE/
L0J4Eh9_dk8/s000/3.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-3-url-here'>This is default
featured post 3 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-post'>
<div class='fp-thumbnail'><a href='featured-post-4-url-here'>
<img src='http://3.bp.blogspot.com/_5UzqrQjtYEQ/TYwLPN0siyI/AAAAAAAABdI/
cHPkgPVT9hc/s000/4.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-4-url-here'>This is default
featured post 4 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-post'>
<div class='fp-thumbnail'><a href='featured-post-5-url-here'>
<img src='http://4.bp.blogspot.com/_5UzqrQjtYEQ/TYwLPjRE9bI/AAAAAAAABdM/
XNGUAJaKH5g/s000/5.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-5-url-here'>This is default
featured post 5 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these
sentences with your own descriptions.</p>
</div>
</div>
<div class='fp-nav clearfix'>
<span class='fp-pager'></span>
<a class='fp-next' href='#fp-next'></a>
<a class='fp-prev' href='#fp-prev'></a>
</div>
</div>
<!-- Featured Content Slider End -->

6. Gantilah URL gambar yang sudah saya beri warna merah diatas dengan URL gambar sobat.
7. Simpan template dan lihat hasilnya.



15 komentar:

  1. bisa minta tolong gantiin slide saya g ?

    BalasHapus
  2. mantp gan .info nya coman syang tidak anda jelaskan apakah ukuran gambarnya harus sama dengan ukuran gambr temlate?dan cara oplod gambarnya gemana..mkasih gan,semoga slalu berjaya

    BalasHapus
  3. untuk mas wahyu silahkan anda kunjungi link ini http://kurniasepta.blogspot.com/2013/03/cara-mudah-membuat-slide-show-foto-di.html semoga dapat menmbah wawasan anda.

    Chudzaifah Al-'Asfaan ikuti saja yang tertera di atas semoga bisa bermanfaat yaaa

    BalasHapus
  4. pahami dulu kemudian ikuti langkah-langkah nya, semoga bisa bermanfaat yaa

    BalasHapus
  5. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  6. sudah sesuai prasedur tetep ga kluar gambarnya

    BalasHapus
  7. makasih infonya mas bro ,visit my blog

    BalasHapus
  8. mantap banget info nya gan . tapi blog gue kagak bisa tu

    BalasHapus
  9. kok gak bisa ya, knapa ?

    BalasHapus
  10. gan kalau ganti gambarnya gmn , kalau di tool DW biasanya kan ctrl +spasi lha ini gmna

    BalasHapus
  11. cara biar uploadnya bukan di hosting gambar gmn y? jd uploadny lgsg dari dalam blognya. contoh :
    http://4.bp.blogspot.com/_5UzqrQjtYEQ/TYwLPjRE9bI/AAAAAAAABdM/
    XNGUAJaKH5g/s000/5.jpg <<<http://4.bp.blogspot.com gmn y crnya?

    http://kuotainternettermurah.blogspot.co.id
    http://www.tourtravelbelitung.com

    BalasHapus

PROPOSAL PELATIHAN

            PROGRAM KREATIVITAS MAHASISWA       ” PELATIHAN PEMBUATAN BLOG PENDIDIKAN BAGI GURU-GURU DI KOTA BANGKALA...