Cara Membuat Gallery Foto Di Blog


Di luar sana sebenar nya sudah banyak yang menyediakan template Galery Photo untuk pengguna blog, namun sayangnya, jika sobat menggunakan template tersebut, ya cocoknya blog sobat hanya untuk memposting photo dan tidak cocok untuk digunakan ke hal yang lain.

Tapi jangan khawatir gan, disini ada sedikit tutorial bagaimana cara membuat album menarik di blog agan tanpa harus menggunakan template album tersebut.

Cara penggunaannya juga sangat mudah, ikuti langkah-langkah dibawah ini :
1.  Pertama adalah Download/Save image terlebih dahulu File Gambar yang ingin anda tampilkan di blog.
2.  Jika sudah Download/Save image  gambarnya, sekarang kita memulai membuat sebuah postingan gambar, Login Ke Blog » Posting » New Post » Kasih Judul Album agan, sekarang klik HTML, Jangan yang Compose pada pilihan Pengeditan Dokument.

3.  Copykan Kode Berikut ini :

<table style="width:100%">
<tr>
<td>letakan kursor disini</td>
<td> </td>
<td> </td>
</tr>

<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

Klik insert image pilih gambar yang ingin di jadikan gallery foto maka akan otomatis terisi semuanya
contoh :

<td>  <a href="https:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNt97jlMch9FPKIdQI6Ju7a36z24v836sS299yViCO6hEuS35se6mutTktoQ-V_2w1D2_KSAufvWmCQDNeYsSvyUKPTaHKv6qaysBfvgj_BCvZsAI6TpcgTx0Dn0w3WZbrrJUDCMPStv0P/s1600/0.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNt97jlMch9FPKIdQI6Ju7a36z24v836sS299yViCO6hEuS35se6mutTktoQ-V_2w1D2_KSAufvWmCQDNeYsSvyUKPTaHKv6qaysBfvgj_BCvZsAI6TpcgTx0Dn0w3WZbrrJUDCMPStv0P/s200/0.jpg" width="220" height="350" /></a></td>

tulisan tebal adalah gambar yang saya insert image dari folder saya dan terisi  otomatis dengan SRC nya, seterusnya sesuaikan width dan height nya hasilnya seperti gambar di atas.


Jika sudah, silahkan Publish Postingannya, Sangat Mudah Bukan?..
Selamat Mencoba. 

Demo  dan bila di klik pada foto terlihat seperti gambar 2

kalau agan kurang jelas bisa tanya langsung....di  commentar

Share this

Related Posts

Previous
Next Post »