Langkau ke kandungan utama

Tutorial Blog : Letak Ucapan Salam di atas Entri

hai korang sume. lepas tuan blog kaji macam mane nak letak salam kat atas entri kita, akhirnya jumpa jugak. simple je. ok, kita teruskan dengan tutor kita ni. 

mula2 pergi ke Design > Edit HTML > Expand Widget Templates

lepas tu cari code ni.
<div class='post-body entry-content'>
lepas tu, tambah code ni kat bawah code tadi.
<div align='center'><a href='' target='_blank'><img src='URL GAMBAR'/></a></div>

ganti url gambar tu dengan gambar yg ada ucapan salam ok. nanti tuan blog akan buat freebies gambar ucapan salam ye. tungguuu~ ^^
preview dulu, baru save.

Ulasan

  1. assalamualaikum Kerol. Lawa blog kau bro, mana kau belajar design HTML ni? aku pun try jugak tiru ucapan salam kau tu, tapi dapat error 500 pulak. ada silap ke? BTW sebab kau header kau tu, Good Luck untuk SPM.

    BalasPadam
  2. tq2. ^^
    blaja gtu2 je. haha
    ade tersilap code mybe.

    BalasPadam

Catat Ulasan

Catatan popular daripada blog ini

Tutorial Blog : Tukar Icon Blog Archive

annyeong!! tuto yang ke 2 untuk hari ini. ni tuto tukar icon kat sebelah tajuk² entri di kotak archive/history kalau yang biasa, icon dia macam ni " ► " kalau rasa tak suka yang tu, boleh tukar dengan icon² yang lebih cute & korg suka. ^^ cara² nya :- - pergi ke Design > Edit HTML - tanda pada Expand Widget Templates - cari code ni [ tekan Ctrl + F ] <li><a expr:href='data:i.url'><data:i.title/></a></li> - bila dah jumpa, tambah code ni sebelah kiri code tadi. <img src=' URL GAMBAR '/> contoh macam ni   nak icon yang cute miut? klik SINI lepas buka website tuh, right click pada  icon yang korg nak dan klik Copy Image Location atau yang sewaktu dengannya. ^^ Preview dulu baru save. bimbang kalau tak jadi. ^O^ harap tuto ni membantu korg ye. ^^

Tutorial Blog : Letak Background Untuk Quote

assalamualaikum. kadang2, entri kita ada quote. kite bleh letak background untuk quote tu. untuk nampak lebih cantik setiap entri korg tu. ok, ni step2nya. Design > edit HTML cari code ni [ tekan F3 ] .post blockquote { lepas tu paste code ni bawah code tadi background-image:url( URL GAMBAR );background-repeat:repeat; klau nak lebih kemas, tambah cod ni border-radius: 10px ; border: 1px solid # 666699 ; saiz radius dan border boleh ditukar. warna border pn boleh tukar.  code warna HTML : klik preview dan save

Background test [ free for u ]