Cara Membuat Gambar Thumbnail Di Blogger Blogspot

Cara Membuat Gambar Thumbnail Di Blogger Blogspot

Selamat Siang Para Pengunjung Di Blog Tutorial Pada Kesempatan Kali Ini Saya Akan Berbagi Cara Membuat Gambar Thumbnail Di Blogger Blogspot

Cara Membuat Thumbnail Yang Akan Saya Share Ini Untuk Blogger/blogspot Bootstrap, Oke Langsung Saja Menuju TKP Cara Membuat Gambar Thumbnail Di Blogger Blogspot

Thumbnail Ini Bisa Anda Gunakan Untuk Membuat Album Foto, Gallery, Dan Lainnya Dengan Tampilan Yang Responsive, Berikut Kode Dan Cara Pebuatannya.

Jika Anda Ingin Menambahkan Gallery Foto Di Halaman Blogger Anda Silahkan Masuk Ke Dasbor BloggerKlik HalamanBuat Halaman Baru, Pada Sisi Kiri Layar Klik HTML Mode Jangan Compose Yah Karna Yang Ingin Kita Bahas Cara Membuat Thumbnail HTML Bootstrap Jadi Modenya Harus HTML Juga 😊

Paste Kode Di Bawah Ini ( Dalam Mode HTML )
<table style="height: 258px;" width="619"><tbody>
<tr> <td style="width: 206px; text-align: center;">
<p>
<img src="LINK GAMBAR 1" height="250" /></p>
<a href="LINK TUJUAN 1" class="list-group-item active">Tutorial Blogger</a>
<span class="label label-primary">Blog Tutorial</span>
<p>
<ul class="list-group">
<li class="list-group-item list-group-item-info">TEKS 1</li>
<li class="list-group-item list-group-item-info">TEKS 2</li>
<li class="list-group-item list-group-item-info">TEKS 3</li>
<li class="list-group-item list-group-item-info">TEKS 4</li>
<li class="list-group-item list-group-item-info">TEKS 5</li>
<li class="list-group-item list-group-item-info">TEKS 6</li>
<li class="list-group-item list-group-item-info">TEKS 7</li>
<li class="list-group-item list-group-item-info">TEKS 8</li>
<li class="list-group-item list-group-item-info">TEKS 9</li>
</ul>
</div>
</p>
<p>
<a href="LINK BUTTON 1"><button class="btn"> Button 1</button></a></p>
</td> <td style="width: 206px; text-align: center;">
<p>
<img src="LINK GAMBAR 2" height="250" /></p>
<a href="LINK TUJUAN 2" class="list-group-item active">Tutorial Blogger</a>
<span class="label label-primary">Blog Tutorial</span>
<p>
<ul class="list-group">
<li class="list-group-item list-group-item-info">TEKS 1</li>
<li class="list-group-item list-group-item-info">TEKS 2</li>
<li class="list-group-item list-group-item-info">TEKS 3</li>
<li class="list-group-item list-group-item-info">TEKS 4</li>
<li class="list-group-item list-group-item-info">TEKS 5</li>
<li class="list-group-item list-group-item-info">TEKS 6</li>
<li class="list-group-item list-group-item-info">TEKS 7</li>
<li class="list-group-item list-group-item-info">TEKS 8</li>
<li class="list-group-item list-group-item-info">TEKS 9</li>
</ul>
</div>
</p>
<p>
<a href="LINK BUTTON 2"><button class="btn"> Button 2</button></a></p>
</td> <td style="width: 206px; text-align: center;">
<p>
<img src="LINK GAMBAR 3" height="250" /></p>
<a href="LINK TUJUAN 3" class="list-group-item active">Tutorial Blogger</a>
<span class="label label-primary">Blog Tutorial</span>
<p>
<ul class="list-group">
<li class="list-group-item list-group-item-info">TEKS 1</li>
<li class="list-group-item list-group-item-info">TEKS 2</li>
<li class="list-group-item list-group-item-info">TEKS 3</li>
<li class="list-group-item list-group-item-info">TEKS 4</li>
<li class="list-group-item list-group-item-info">TEKS 5</li>
<li class="list-group-item list-group-item-info">TEKS 6</li>
<li class="list-group-item list-group-item-info">TEKS 7</li>
<li class="list-group-item list-group-item-info">TEKS 8</li>
<li class="list-group-item list-group-item-info">TEKS 9</li>
</ul>
</div>
</p>
<p>
<a href="LINK BUTTON 3"><button class="btn"> Button 3</button></a></p>
</td>  </tbody> </table>
</div>
Setelah Di Paste Silahkan Anda Ganti Teks 1 - 9
  • LINK BUTTON 1 - 3
  • LINK GAMBAR 1 - 3
  • LINK TUJUAN 1 - 3





















Ganti Sesuai Kebutuhan Anda Maka Hasilnya Akan Seperti Gambar Berikut Ini.
Cara Membuat Gambar Thumbnail Di Blogger Blogspot

Terima Kasih

Semoga Bermanfaat Mari Sama Sama Belajar Karna Tidak Ada Yang Bisa Bawaan Dari Perut
Selain Kita Berusaha Belajar berusaha Ingin Bisa Hal Hal Yang Fositiv