Usa ka Gamay nga Pagbag-o sa Disenyo sa Web nga adunay Daghang Epekto

Kung naglansad ako usa ka bag-ong site, gusto nakong idugang ang us aka klase nga bahin sa blog nga mag-highlight sa bag-ong site. Bisan pa, dili ko gusto nga kini himuon nga sobra ka klaro o kuhaon gikan sa blog mismo.

Gamay ra ang tubag, apan adunay daghang epekto… pagdugang usa ka gamay nga bag-ong imahe sa link sa menu sa nabigasyon. (i-klik hangtod sa i-post aron makita kini sa paglihok). Nagdagan ako uban ang link sa daghang mga adlaw nga ako ra ug wala’y trapiko. Gidugang nako ang imahe ug karon 8.5% nga outbound traffic ang moagi sa kana nga link!

Kaysa tinuud nga isulud ang imahe sa HTML, gigamit nako ang CSS aron magamit ko kini sa uban pang mga bag-ong dagway sa umaabot. Ingon niini ang CSS:

span.new {background: url (/mytheme/new.png) wala’y pagsubli sa taas nga tuo; padding: 0px 18px 0px 0px; }

Ang background nagaangkla sa imahe sa tuo nga tumoy sa teksto ug gipahunong kini gikan sa pagsubli. Gipadpad sa padding ang gilapdon nga 18 nga mga pixel nga nangagi sa teksto aron ang imong imahe naa sa tin-aw nga pagtan-aw. Ang pag-embed niini sa panid dali na karon, gigamit ra nako ang usa ka tag nga tag sa palibot sa akong teksto:

Mga review

Usahay dili kaayo hinungdan nga itudlo ang imong mga magbasa sa usa ka bag-ong direksyon!

3 Comments

  1. 1

    Makalilisang nga tip! Sayon kaayo ug kaayo… Kana ang klase sa mga butang nga nagdugang bili sa usa ka blog: yano, maayo, magamit nga mga tip… Salamat!

  2. 2
  3. 3

Unsay imong hunahuna?

Kini nga site naggamit sa Akismet sa pagpakunhod sa spam. Hibal-i kon giunsa ang pagproseso sa datos sa imong komento.