Home » » Menampilkan Image Thumbnail Beserta Title

Menampilkan Image Thumbnail Beserta Title




Caranya :

♪ Siapkan beberapa alamat image dari koleksi yang anda miliki.
♪ copy kode dibawah ini kemudian paste pada bagian blog yang ingin anda tambahkan image thumbnail (bisa pada postingan maupun bagian lain dari blog)

<p style="border-left: 0px solid rgb(51, 0, 204); background: yellow none repeat scroll 0% 0%; width: 130px; height: 130px; float: left; line-height: 23px; color: rgb(0, 51, 102); font-size: 9px; text-align: center;"><img src=" url/alamat image 1" float="center" alt="html borders" border="0" height="90px" width="110px" />teks untuk title image 1</p> <p style="border-left: 0px solid rgb(51, 0, 204); background: yellow none repeat scroll 0% 0%; width: 130px; height: 130px; float: left; line-height: 23px; color: rgb(0, 51, 102); font-size: 9px; text-align: center;"><img src="url/alamat image 2" float="center" alt="html borders" border="0" height="90px" width="120px" />teks untuk title image 2</p> <p style="border-left: 0px solid rgb(51, 0, 204); background: yellow none repeat scroll 0% 0%; width: 130px; height: 130px; float: left; line-height: 23px; color: rgb(0, 51, 102); font-size: 9px; text-align: center;"><img src="url/alamat image 3" float="center" alt="html borders" border="0" height="90px" width="120px" /&gt;teks untuk title image 3</p>
NB:
♪ url/alamat image 1,2 dan 3 : tempat menaruh alamat image yang ingin ditampilkan , ganti dengan alamat image yang ingin anda miliki.
♪ teks untuk title image 1,2 dan 3 : merupakan judul/titel image, ganti dengan judul image yang ditampilkan
♪ 130px; height: 130px : merupakan background dari image dan titel, silahkan anda atur ukurannya.
♪ height="90px" width="110px : merupakan ukuran image, silhkan ganti dengan ukuran yang anda inginkan
♪ font-size: 9px : merupakan ukuran huruf pada judul/titel, sesuaikan sesuai keperluan.
♪ background : yellow : merupakan latar belakang image, ganti dengan warna kesukaan anda.
♪ Tampilan image dapat anda perbanyak sesuai keperluan, hanya tinggal dicopy kode-kode diatas.

♂ Good Luck ♀

Semua ini adalah apa yang pernah aku cobain sendiri . . dan aku dapat/mengerti dari teman2 blogger lainnya karena aku hanya seorang blogger pemula yang ingin mengetahui lebih banyak hal lagi . . . . Thank's
Share
Related Post

0 comments:

Archives

Label


ShoutMix chat widget
Guest Book
 

Subscribe Via Email

Enter your email address:

Delivered by FeedBurner

My Blog

Show

Exploration


Show

[Valid Atom 1.0]
Google PageRank Checker Powered by  MyPagerank.Net

Powered by FeedBurner

SEO Stats powered by MyPagerank.Net

Show

Show

Exploration

Welcome To My Blog

I hope you find what you're looking for here . . Thank you for visit to my simple blog . .

Rizky Maulana

This life is a sacrifice and struggle . . and I am just a man who wants to be better than ever . .