Isang Napakaliit na Pagbabago ng Disenyo sa Web na may Malaking Epekto

Kapag naglunsad ako ng isang bagong site, nais kong magdagdag ng ilang uri ng tampok sa blog na mai-highlight ang bagong site. Gayunpaman, hindi ko nais na gawin itong labis na halata o alisin mula sa blog mismo.

Ang sagot ay maliit, ngunit nagkaroon ng malaking epekto ... pagdaragdag ng isang maliit na bagong imahe sa link sa menu ng pag-navigate. (mag-click sa post upang makita ito sa aksyon). Tumakbo ako kasama ang link nang maraming araw nang mag-isa at nakakuha ng zero traffic. Idinagdag ko ang imahe at ngayon 8.5% ng papalabas na trapiko ay dumadaan sa link na iyon!

Sa halip na i-embed ang imahe sa HTML, ginamit ko ang CSS upang magamit ko ito sa iba pang mga bagong tampok sa hinaharap. Ganito ang CSS:

span.new {background: url (/mytheme/new.png) walang ulit na kanang tuktok; padding: 0px 18px 0px 0px; }

Ang background ay naka-angkla ng imahe sa kanang tuktok ng teksto at pinahinto ito mula sa paulit-ulit. Itinulak ng padding ang span 18 pixel na lampas sa teksto upang ang iyong imahe ay nasa malinaw na view. Madaling i-embed ito sa pahina, gumagamit lang ako ng span tag sa paligid ng aking teksto:

Mga pagsusuri

Minsan hindi ito gaanong maituturo sa iyong mga mambabasa sa isang bagong direksyon!

3 Comments

  1. 1

    Galing ng tip! Napakadali at napakahusay ... Iyon ang uri ng mga bagay na nagdaragdag ng halaga sa isang blog: simple, mabuti, kapaki-pakinabang na mga tip ... Salamat!

  2. 2
  3. 3

Ano sa tingin ninyo?

Ang site na ito ay gumagamit ng Akismet upang mabawasan ang spam. Alamin kung paano naproseso ang data ng iyong komento.