Selamat Datang Di Omah Blogger Borobudur Indonesia

Kami adalah komunitas Sosial Nirlaba yang bertujuan mendampingi masyarakat luas untuk mengerti teknologi informasi (IT) secara Gratis.

Masyarakat sekarang tidak bisa tidak, harus mengerti teknologi informasi alias tidak buta IT, supaya tidak ketinggalan informasi yang ujung-ujungnya menambah keterpurukan bangsa ini secara Global.

Baik Keterpurukan dalam bidang pendidikan, ekonomi, sosial, IT, dll.

Mari Dukung Omah Blogger Borobudur Untuk Memajukan Bangsa Ini!

Untuk Kemitraan, Hubungi Kami: 0852 9256 5799.

Sabtu, 14 Juni 2014

Cara Mengubah Gambar Slide Bawaan 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.

Cara Mengganti Gambar Bawaan Template Blog

Langsung Aja sob simak tutorialnya diBawah ini:

1. Masuk ke dashbor blog

2. Klik "Template"

3. Kemudian Klik "Edit HTML"

4. Cari tulisan (seperti yang saya lingkari dibawah) untuk mempermudah pencarian bisa menggunakan CTRL+f



5. Setelah itu akan mucul kode seperti dibawah ini:
<div class='imageElement'>
<h3>This is featured post 2 title</h3>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.</p>
<a class='open' href='SLIDER-2-URL-HERE' title='This is featured post 2'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoQX3Y5PD2pa-chOXg7WOxI5gbbscdRL7LgB9jXUffP2bs6V-2AjwYnI487PQ2BP0pteQyjfbkZbF0Deh6uSSNXIG9bTory-QFgdh_0Dsdi5hU1F5lXwC-rrKdBsFTSNM_xKuhIkP90Fw/s0/2.jpg'/>
</div>
  • Ganti yang berwarna merah dengan Judul yang ingin anda berikan
  • Ganti yang berwarna hijau dengan deskripsi slide show (dibawah judul Blog = gambar diatas) 
  • Ganti yang berwarna ungu dengan URL yang ingin dituju
  • Dan ganti yang berwarna Biru dengan alamat Blog
Namun bisa jadi kode scriptnya seperti dibawah ini:


<div class='fp-thumbnail'><a href='http://komputerndeso.blogspot.com//'><img src='https://fbcdn-sphotos-a.xxxxxxx.net/hphotos-ak-ash4/s720x720/391069_221978194542848_100001920062783_562845_644357137_n.jpg'/></a>
</div>
<h3 class='fp-title'><a href='http://komputerndeso.blogspot.com//'>This is Featured post 1 title</a></h3>
<p>Reaplace hfsjnfdfngslndfgkjsngvmcxngjsnmf nsjfgnsmc vsjdfnsdjkndfkjsndgjnsjdgnskdngdcmnvgjskdn</p>
</div>


  • Ganti yang warna merah dengan alamat gambar anda
  • Ganti yang warna biru dengan judul gambar
  • Ganti yang warna pink dengan keterangan gambarS
  • Save
  • Cling gambar telah ganti jika anda ingin mengubah gambar yang kedua tinggal Ketikan "This is Featured post 2 title" di Ctrl+f 
  • Lalu lakukan hal yang sama dengan yang atas
Nah, sekian artikel dari saya, semoga bermanfaat

Omah Blogger

omah blogger borobudur