Minggu, 03 Mei 2009

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.




Ingin mendapat artikel seperti artikel di atas langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan.

Ayo gabung dengan internet marketer atau blogger lainnya di facebook dan twitter. Silahkan klik link di bawah ini...

[Facebook] - [Twitter]

Read this | Baca yang ini



Widget by [ Tips Blogger-Tutorial Blogger Pemula ]

6 comments:

kyra.curapix mengatakan...

wah kayaknya aku tau foto itu

Bang arie mengatakan...

Waduh foto yang mana nih?,apa foto saya di atas?. Asal jangan tahunya dari foto tahanan aja haahahah...

Mengembalikan Jati Diri Bangsa mengatakan...

Tukar Link Pak

Mengembalikan Jati Diri Bangsa
URL http://risma2006.blogspot.com

Thanks Ya

Bang arie mengatakan...

Boleh silahkan pasang link saya...lalu konfirmasi.

yahaya mengatakan...

tukar link juga pak
http://teknikbuatblog.blogspot.com

scoutsangkakala mengatakan...

untuk mendapat kode html sebuah gambar....gimana caranya yah...??

Posting Komentar

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Untuk menggunakan emotion copy paste kodenya saja, budayakan berkomentar setelah membaca ya .

Note : Harap gunakan nama anda dan jangan menggunakan keyword-keyword tertentu atau komentar anda tidak akan dipublish...