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

Tips Blogging

• Cara Membeli Hosting Di Hostgator
• Sekolah Pengusaha Online Dan Internet Marketing
• Penyebab Seorang Blogger Tidak Sukses
• Cara Meningkatkan Trafik Blog Atau Website
• Blogger Jangan Lupa Jaga Kesehatan
• Cara mengetahui jumlah klik dengan MyblogLog
• Blogger Merilis Page (Halaman)
• Cara mengetahui Dofollow Blog
• Cara membeli domain murah
• Merubah Tampilan Link Ketika Mouse Diarahkan
• Link Gratis Tips Blogger Bagi Yang sering berkomentar
• Membuat Link Download
• Cara membuat menu Dropdown
• Membuat gambar dengan efek bayangan
• Membuat Banner Flash secara Online
• Tutorial Memasang Gambar pada posting
• Cara mempercepat loading blog
• Mau Belajar Ngeblog Sambil menghasilkan Dollar?
• Membuat kategory pada situs iklan gratis blogspot
• Rumah Blogger Indonesia | Backlink dan trafik gratis
• Siapa yang mengCopy Paste Tulisan pada blog kamu?
• Tanya jawab sahabat Tips Blogger
• Mengapa Blog belum terindex?
• Menambah penulis atau author pada blog

Widget by [ Tips Blogger-Tutorial Blogger Pemula ]