Cara Menampilkan Gallery Gambar Pada Postingan Blog

Selamat datang di halaman artikel berjudul Cara Menampilkan Gallery Gambar Pada Postingan Blog dengan Label: Blogger artikel ini di rangkum dari berbagai sumber yang ada di internet , mudah-mudahan bisa menambah informasi bagi pembaca semua . Kita tidak menjamin ke akurasian isi artikel ini , jangan di jadikan satu satunya acuan untuk mempraktekanya . terimakasih dan selamat membaca .

PASANG IKLAN 1

Bagi sobat yang suka berpetualang, rekreasi, ataupun foto - foto dan juga gemar upload dan share ke blog berikut saya akan menjelaskan Tutorial Bagaimana Cara Menampilkan Gallery Gambar atau Foto pada Satu Postingan di Blog.

Dibawah ini merupakan demo Gallery Gambar ADSENBOOK :

Untuk Menampilkan Gallery Gambar atau Foto pada Satu Postingan berikut ini kode yang dipasang :

<div class="snap_preview">
<style type="text/css">
.gallery{margin:auto;}.gallery-item{float:left; width:33%;} .gallery-caption { margin-left: 0; }
</style>
<br />
<div class="gallery snap_nopreview">
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Tambahan Link 1" target="_blank">
<img border="0" height="100" src="URL Gambar 1" width="150" /></a>
</dt>
</dl>

<dl class="gallery-item">
<dt class="gallery-icon"><a href="Tambahan Link 2" target="_blank">
<img border="0" height="100" src="URL Gambar 2" width="150" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Tambahan Link 3" target="_blank">
<img border="0" height="100" src="URL Gambar 3" width="150" /></a>
</dt>
</dl>
Tambahkan Script gambar baru di sini....
</div>
</div>

Keterangan :

• Kode berwarna biru adalah Link yang dituju atau bisa dengan link gambar saja.
• Kode berwarna Merah adalah Link gambar yang akan ditampilkan.
• Kode Tambahkan Script gambar baru di sini.... Untuk menambahkan kode gambar jika masih ada gambar yang akan ditampilkan. untuk kode yang ditambahkan kode berikut ini :

<dl class="gallery-item">
<dt class="gallery-icon"><a href="Tambahan Link 3" target="_blank">
<img border="0" height="100" src="URL Gambar 3" width="150" /></a>
</dt>
</dl>

Cara Pemasangannya :

• Mungkin sobat semua pasti sudah bisa posting artikel bukan?bagi yang belum bisa caranya posting bisa anda baca caranya berikut "Cara Menulis Artikel Di Blog"
• Kemudian silahkan pilih mode HTML dan pasangkan kode diatas. lihat gambar berikut ini :

• Setelah kode terpasang silahkan kembali ke mode Compose untuk mempermudah anda melihat tampilan postingan anda.

• Selesai dan publish/publikasikan tulisan anda.

Demikian diatas Tutorial Bagaimana Cara Menampilkan Gallery Gambar atau Foto pada Satu Postingan di Blog Semoga bermanfaat.

Terimakasih telah membaca artikel berjudul Cara Menampilkan Gallery Gambar Pada Postingan Blog Mudah-mudahan apa yang telah di sampaikan dalam artikel ini bisa bermanfaat untuk anda , jika anda suka dengan artikel ini silahkan sampaikan pada teman . Jika kurang berkenan silahkan sampaikan pada admin dengan cara memberi komentar di kolom yang telah di sediakan .