Sunday, May 23, 2010

Listing Comel

ditaip Unknown pada 5/23/2010 09:44:00 PM 10 komen


Masuk ke bahagian
Kemudian klik Add a Gadget
Pilih gadget seperti di bawah


Salin kod di bawah dan isi di ruang kotak ini


HTML Code pic anda<a href="url entry">Tajuk entry</a>

Tips:
Html Code untuk pic yang menarik/cute boleh usha di www.glitter-graphics.com

Contoh kod Mommy Pinky,
<img border="0" src="http://bit.ly/WqQaEU" /> <a href="http://www.mommypinky.com/2012/12/blouse-peplum-exclusive.html" target="_blank">Peplum Exclusive </a> 
<img border="0" src="http://bit.ly/WqQaEU" /> <a href="http://www.mommypinky.com/2013/02/peplum-lace-dania_5.html" target="_blank">Peplum Lace Dania </a>

Hasil seperti dibawah ini,

Peplum Exclusive
Peplum Lace Dania

Selamat mencuba :)







Dah habis baca ke? Jemput tinggalkan komen ◕‿◕



Membuat blockquote

ditaip Unknown pada 5/23/2010 06:16:00 PM 31 komen

Blockquote ni memang cunn sangat kalau kita guna untuk highlight ayat dalam entry. Kalau korang rajin buat tutorial boleh jugak highlight kod html supaya mudah orang nak nampak kod mana perlu copy paste tu kan.

Contoh Ini Contoh
HAI SAYA CONTOH
YANG BACKGROUND BELAKANG NI HAA.

Cara nak buat mudah je. Sebelum tu, jangan lupa backup dulu template tu ye.
Cara backup template,
masuk ke bahagian
Tengok sebelah kanan atas, klik
Klik
Save File.


Cari kod di bawah
.post blockquote {
Tips senang nak cari kod,
Tengok keyboard korang, Tekan key Ctrl dan key F serentak.
Kalau guna Mozilla Firefox, korang akan nampak imej ni
Masukkan kod di ruang sebelah find, klik Next.

Gantikan kod
.post blockquote {
margin:1em 20px;
}

dengan kod dibawah ini
.post blockquote {
background: url(http://mykawaiistore.com/blockquote.png);
padding: 3px;
margin: 3px 3px;
border: 2px dotted #fff;
border-left: 5px solid #fbdceb;
border-right: 5px solid #fbdceb;
}

Untuk tambah efek hover bolehlah ditambah kod ini
.post blockquote:hover {
background: url(http://mykawaiistore.com/blockquotehover.png);
padding: 3px;
margin: 3px 3px;
border: 2px dotted #fff;
border-left: 5px solid #e6f6ee;
border-right: 5px solid #e6f6ee;
}

Siap ^^
Boleh ubah direct link yang berwarna merah untuk masukkan imej yang korang suka

Cara nak guna?
Bila nak letak kod atau tulisan atau apa-apa je la dalam blockquote, just highlight kan ia, dan klik simbol blockquote seperti di bawah


Nak tukar animated picture pun boleh






Dah habis baca ke? Jemput tinggalkan komen ◕‿◕



 

Sign in
Copyright © 2021. All rights reserved
Hannah Marketing (002548446-P)