Wednesday, September 16, 2009

Ah! Nak letak codes tp imej pula yg muncul..Ini caranya!


Tersebut sebuah kesah fantasi seorang blogger, en.milo yg ingin mengurniakan award terhadap rakan-rakan seblogger.Tapi citarasa en.milo berlainan sedikit drpd blogger yg lain dimana jika blogger yg lain hanya share photo award sekeping terhadap rakan-rakan & sesiapa yg terima award tersebut perlu copy link photo tersebut, tetapi en.milo ingin alternatif lain iaitu dengan meletakkan codes award tersebut di dalam laman blog nya & ini akan membuatkan penerima award lebih senang untuk menerima award tersebut; hanya copy codes tersebut & paste dimana-mana.Tapi boleh kah beliau berbuat sedemikian?

Jika meletakkan codes photo di ruang posting, sesiapa yg berfikiran waras pasti tau yg akan appear bukanlah codes photo tersebut akan tetapi photo tersebut yg akan muncul.So, mcm mana nak setel kan persoalan neh? Oh, itu senang saja!

chop chop! Sila lihat gambaran di bawah. Codes itulah yg en.milo mahu share, bukannya photo itu sendiri.



Bukan imej diatas yg en.milo mahu share tapi imej punya codes di bawah yg beliau mau share.



<a href="http://mushmello.blogspot.com/" target="_blank"><img src="http://i166.photobucket.com/albums/u105/ikhwan241001/my-award.gif"></a>




Ok, cara-cara untuk masukkan codes ke dalam blog anda mcm neh..


1. Buka notepad anda

2. Taipkan codes di bawah dengan menggunakan notepad


<a href="http://mushmello.blogspot.com/" target="_blank"><img src="http://i166.photobucket.com/albums/u105/ikhwan241001/my-award.gif"></a>

(tukarkan tulisan yg berwarna merah dengan url blog anda & yg berwarna biru dengan url imej anda)

3. Pergi ke site html encoder ( klik sini!)

4. Copy codes yg anda tulis kt notepad td ke dalam ruang encode input text & press encode.

Click to enlarge image

5. Codes yg terhasil selepas di encode tu anda bolehlah copy & paste ke dalam ruang posting anda.Ok, dah siap!

Cara-cara nak buat border untuk codes anda tadi

1. Just letak codes yg berwarna merah sebelum & selepas codes anda td.Alah, cer tgk kt bwh ni.

<div style="border: 2px solid black;">

(codes yg anda copy dari html encoder td)

</div>


2. Ok, dah siap-siap! Senang je kan..Hasilnya seperti di bawah.



<a href="http://mushmello.blogspot.com/" target="_blank"><img src="http://i166.photobucket.com/albums/u105/ikhwan241001/my-award.gif"></a>




p/s: err..kawan-kawan, jgn lupa amek award dr hamba kt sini.

8comments:

Post a Comment

 

BACK TO TOP




Side Projects under mello's: Wow! Bundle | melloGraphy | mello says