Wednesday 23 January 2013

Tutorial : Gambar Menjadi Bulat dan Berborder


LIVE DEMO. LIVE DEMO . LIVE DEMO . LIVE DEMO. LIVE DEMO. LIVE DEMO 10.10.2013

 بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم
       1; Telah direquest oleh Anisah. Sorry ye sekarang baru buat, saya jarang online :) 
       2; Live preview, atas tu , lelaki yang comel tu. Ahaks. Lol >.<
       3; Memerlukan tahap kesabaran yang tinggi. Tak jadi jangan nanges.
- Untuk Template Designer eg ; Simple, Denim/Washed Denim dan sebagainya. Sila copy kod di bawah dan paste di dalam ruangan Html/Java Script. Seperti di dalam gambar ;
- Untuk Template Blogskin, copy kod di bawah dan paste di tempat yang anda nak letak. Eg ; di sidebar.
   Dan inilah kodnya, diambil dari blogsin Alien Town. Dulu saya guna skin tu.
<style>
.iconborder{background:#fff;width:140px;height:132px;padding:5px;border-radius:333px;margin-top:8px;margin-bottom:5px;border:1px solid #eee;}
.icon{background:#fff;width:140px;height:132px;border-radius:333px;padding:0;border:none;}
</style>
<br />
<div class="iconborder">
<img class="icon" src="URL GAMBAR" style="border: none; padding: 0;" /></div>
    Merah : Ubahlah saiz ikut sukahati.
    Warna Apa Entah : Url gambar. Ambil yang kiut-kiut tau.

Save. Cer preview, jadi tak? Good good!
THANKS FOR READING. DROP YOUR COMMENT PLEASE?

5 comments:

Eymasu said...

macam mana saya nak ambil kodnye..hmm..saya nak cuba tapi kodnye tak bleh ambil..tolong balas kat sini..terima kasih awak(^_^)DKDE

http://www.eymasushoppe.blogspot.com/

anshmnf said...

Dah jadi.Terima kasih Anis :)

Student Kecik said...

@Nurul Anisah Sama sama :)

Shopaholic blog said...

thanks for this tuto. Alhamdulillah menjadik ^^

Student Kecik said...

@Shopaholic blog : Alhamdulillah..yeay, hehe ur wc ^_^