Langganan Saja
Postingan
Komentar
Cara memasang galeri photo di blog
1. Masuk ke dasboard blogger.
1. Masuk ke dasboard blogger.
2. Buat postingan baru.
3. Arahkan ke mode HTML. Lalu paste kode berikut.
<div class="snap_preview">
<div>
<span style="color: #0066ff;font-size: medium;">Memasang Galeri Image di Postingan</span></div>
<style type="text/css">.gallery{margin:auto;}.gallery-item{float:left; width:25%;} .gallery-caption { margin-left: 0; }</style>
<div class="gallery snap_nopreview">
<dl class="gallery-item">
<dt class="gallery-icon"><a href="URL TARGET LINK" target="_blank">
<img border="0" height="150" src="URL IMAGE" width="200" /></a>
</dt>
</dl>
</div>
</div>
Kalimat Memasang Galeri Image di Postingan silakan dirubah dengan kata-kata sendiri.
Kode width:25% menunjukkan bahwa penempatan gambar berjajar sebanyak 4 gambar. Rumusnya 100%/4=25%.
Ganti URL TARGET LINK dengan URL target link gambar.
Ganti URL IMAGE dengan URL image hasil upload. Saya menggunakan Picasa web album untuk mengupload image. Silakan simak cara Upload Gambar Blog Makin Mudah Melalui Picasa Web.
Kemudian untuk mengetahui URL image, silakan klik kanan gambar yang telah diupload, lalu Copy image address. Atau bisa pula melalui cara Cara Mengetahui dan Membuat URL Gambar.
Lalu ganti kode 150 untuk ketinggian gambar dan 200 untuk lebar gambar. Sesuaikan dengan luasan template blog.
Selesai, lalu akhiri dengan Publish.
Apakah itu hanya digunakan untuk memasang 4 gambar saja? Lalu bagaimana jika ingin meletakkan gambar lebih dari 4?
Caranya adalah menambah kode ini di bawah kode </dl>.
<dl class="gallery-item">
<dt class="gallery-icon"><a href="URL TARGET LINK" target="_blank">
<img border="0" height="150" src="URL IMAGE" width="200" /></a>
</dt>
</dl>
Lakukan
sesuai dengan jumlah gambar yang diinginkan. Untuk sampel di atas
menggunakan 4 gambar. Sehingga gunakan kode tersebut sebanyak 4 kali.
Demikian tutorial cara memasang galeri foto pada postingan blog. Semoga bermanfaat dan selamat mencoba. Jika ada kode yang kurang tepat, silakan ikut meralatnya. Trims atas responnya.
Baca juga = Artikel tentang Blog
.
Baca juga = Artikel tentang Blog
.
Langganan:
Posting Komentar
(Atom)
Entri Terbaru
Entri Populer
-
Cara Menghilangkan Tampilan Window 8.1 Pro Build 9600 Pada Layar Laptop atau pc Untuk menghilangkan tulisan Window 8.1 Pro Build 96... -
Tidak ada sound audio, atau tidak ada suara atau apapun namanya yang jelas musik tidak mengeluarkan suara pada KOMPUTER bisa terjadi karena... -
Download segera software ini bisa di aplikasikan di windows 7 ,8..xp . 10. bagi anda yang ingin mendownloadnya saya kasih Link DI SI... -
1 Masuk Youtube 2 Klik Gambar Bolpoin info setelan 3 gulir ke Bawah Cari Kotak TAG 4 Tulis di kotak yt:stretch=16:9 5 Enter Dan kli... -
1.Sebelum memulai cloning siapkan 2 Harddisk terlebih dahulu. Hardisk pertama adalah harddisk yang sudah berisi sistem operasi dan berba... -
Share Insaniquarium Deluxe.rar - 10 MB Klik Gambar Untuk Download
-
Cara membuat CD Instaler ini sangat mudah .karena kita hanya menyipkan file iso .file yg akan di burning dan cd kosong + software ada 2 p... -
Sekarang Membuat templatae untuk Blog,Jomla .Wodfres... Tidak usah repot mendownload ofice lah .dream weper lah ,Apalagi sampe harus beli ... -
Pesan dari Microsoft di windows xp Operating System yang anda pakai terdeteksi Oleh pihak Microsoft sebagai OS bajakan. memang benar si...
0 komentar:
Posting Komentar
Silahkan Komentar ya....