Tutorial : Tutorial/Freebies list 'macam Nana'

SungJong Oppa and the cat = CUTE >.<

  Assalamualaikum!! Annyeong Haseyo!! Woahh... rasanya dah lama Nana tak buat tuto. Ye la, baru lepas melalui "bulan exam yang menakutkan". Cuba tengok tajuk entry ni. Pelik sikit kan? Nana main hentam je bagi nama. So, minggu lepas, cik Mimi ada request tuto, tapi baru hari ni Nana sempat buat. So, dia request macam mana nak buat benda alah ni :

Step 1:

Korang pergi la buat new post macam biasa, then, tekan HTML (yang kat sebelah 'Compose').

Lepas tu copy kod-kod ni, paste kat 'HTML' :

<div class="h1" style="background-color: white; background-image: url(http://i.imgur.com/dAPHB.png); color: #444444; font-family: 'Lemons Can Fly'; font-size: 40px; letter-spacing: 2px; line-height: 8px; margin: 15px; padding-right: 0px; text-align: center;"><b><span style="color: #666666;">Tajuk korang</span></b></div><ul style="background-color: white; color: #444444; font-family: Verdana, Geneva, sans-serif; font-size: 11px; linFe-height: 14px; list-style: none; margin: 0.5em 0px; padding: 0px 2.5em;"><span style="font-family: Verdana, sans-serif;"><img alt="Photobucket" border="0" src="http://media.tumblr.com/tumblr_mdnsird9sN1qdlkyg.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; padding: 5px;" />&nbsp;<span style="color: #e06666;"><a href="Link tutorial korang" style="color: #db6fa7; text-decoration: none;" target="_blank">Tajuk tutorial korang</a></span></span><br /><span style="color: #e06666;"><img alt="Photobucket" border="0" src="http://media.tumblr.com/tumblr_mdnsird9sN1qdlkyg.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; font-family: Verdana, sans-serif; padding: 5px;" />&nbsp;<span style="font-family: Verdana, sans-serif;"><a href="Link tutorial korang" style="color: #db6fa7; text-decoration: none;" target="_blank">Tajuk tutorial korang</a></span></span><br /><img alt="Photobucket" border="0" src="http://media.tumblr.com/tumblr_mdnsird9sN1qdlkyg.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; color: #e06666; font-family: Verdana, sans-serif; padding: 5px;" />&nbsp;<span style="font-family: Verdana, sans-serif;"><a href="Link tutorial korang" style="color: #db6fa7; text-decoration: none;" target="_blank">Tajuk tutorial korang</a></span></ul>

*Merah - Boleh tukar dengan url background pilihan korang
*Biru - Tajuk 
*Hijau - Boleh tukar dengan icon pilihan korang
*Purple - Link tutorial korang
*Tajuk tutorial korang sendiri :p

Tak tahu mana nak cari icon comel2? Korang boleh pergi check kat freebies Nana. Nana ada sediakan banyak icon2 cute ^.^

Harap berkesan, GOOD LUCK!!!

Tag: Tutorial