Bagaimana cara membuat foto berbingkai pada blog?

Ada seorang pengunjung yang bertanya Bagaimana cara membuat foto berbingkai pada blog?. Sebenarnya cara ini sudah banyak yang mengerti. Tapi mungkin bagi seorang pemula hal ini cukup sulit.

Foto yang berbingkai bisa teman-teman lihat pada foto saya di paling bawah dari halaman blog tips blogger ini.

Cara membuatnya cukup mudah kok. Yuk langsung ke tkp...

Caranya :

1. Login ke account blogger kamu dan langsung masuk ke kostumisasi dan tambahkan elemen. Pilih Javascript atau html.

2. Kemudian siapkan kode html foto yang kamu inginkan atau kamu miliki. Contohnya yang saya miliki adalah sebagai berikut...

<a href="http://1.bp.blogspot.com/_0e6iU7iTNxI/SL6UHczfRjI/AAAAAAAAANo/
5xvDp0z49lM/s1600-h/1.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5241789872017983026" border="solid 1px #e6e6e6" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 253px; height: 134px;" alt="" src="http://1.bp.blogspot.com/_0e6iU7iTNxI/SL6UHczfRjI/AAAAAAAAANo/
5xvDp0z49lM/s200/1.jpg"/></a>

Gambarnya :










3. Jika ingin foto tersebut memiliki bingkai, cukup tambahkan kode di bawah ini di antara kode foto kamu.

<table border="10" style="width: 150px; height: 40px;" cellpadding="2">
<tbody><tr>
<td>Kode foto disini</td>
</tr>
</tbody></table>

4. Contoh pemasangannya adalah seperti di bawah ini

<table border="10" style="width: 150px; height: 40px;" cellpadding="2">
<tbody><tr>
<td><a href="http://1.bp.blogspot.com/_0e6iU7iTNxI/SL6UHczfRjI/AAAAAAAAANo/
5xvDp0z49lM/s1600-h/1.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5241789872017983026" border="solid 1px #e6e6e6" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 253px; height: 134px;" alt="" src="http://1.bp.blogspot.com/_0e6iU7iTNxI/SL6UHczfRjI/AAAAAAAAANo/
5xvDp0z49lM/s200/1.jpg"/></a></td>
</tr>
</tbody></table>

5. Silahkan simpan dan lihat hasilnya...contohnya adalah foto saya yang ada tempat paling bawah pada blog ini.


Selamat mencoba...Salam tips blogger.

Read this | Baca yang ini

Widget by [ Tips Blogger-Tutorial Blogger Pemula ]