एक छोटे वेब डिजाइन एक बड़ा प्रभाव के साथ बदलें

जब मैंने एक नई साइट लॉन्च की, तो मैं ब्लॉग में कुछ ऐसी सुविधा जोड़ना चाहता था जो नई साइट को हाइलाइट करे। हालाँकि, मैं इसे अत्यधिक स्पष्ट नहीं करना चाहता था या ब्लॉग से खुद को हटाना नहीं चाहता था।

जवाब छोटा था, लेकिन एक बड़ा प्रभाव था ... नेविगेशन मेनू में लिंक पर एक छोटी नई छवि को जोड़ना। (के माध्यम से क्लिक करें कार्रवाई में यह देखने के लिए पोस्ट)। मैं अपने आप से कई दिनों तक लिंक पर चला और शून्य ट्रैफ़िक प्राप्त किया। मैंने छवि जोड़ दी और अब 8.5% आउटबाउंड ट्रैफ़िक उस लिंक से गुजर रहा है!

वास्तव में HTML में छवि को एम्बेड करने के बजाय, मैंने CSS का उपयोग किया ताकि मैं भविष्य में अन्य नई सुविधाओं पर इसका उपयोग कर सकूं। सीएसएस इस तरह दिखता है:

स्पैन.न्यू {बैकग्राउंड: url (/mytheme/new.png) नो-रिपीट टॉप राइट; गद्दी: 0px 18px 0px 0px; }

पृष्ठभूमि पाठ के दाईं ओर छवि को लंगर डालती है और इसे दोहराने से रोकती है। पैडिंग पाठ के पिछले 18 पिक्सेल की अवधि को बढ़ाता है ताकि आपकी छवि स्पष्ट दृश्य में हो। पृष्ठ में इसे एम्बेड करना अब आसान है, मैं अपने पाठ के चारों ओर एक स्पैन टैग का उपयोग करता हूं:

समीक्षा

कभी-कभी आपके पाठकों को एक नई दिशा में ले जाने में ज्यादा समय नहीं लगता है!

3 टिप्पणियाँ

  1. 1

    बहुत बढ़िया टिप! इतना सरल और इतना अच्छा ... यह उस तरह की चीजें हैं जो एक ब्लॉग में मूल्य जोड़ते हैं: सरल, अच्छा, उपयोगी सुझाव ... धन्यवाद!

  2. 2
  3. 3

तुम्हें क्या लगता है?

यह साइट स्पैम को कम करने के लिए अकिस्मेट का उपयोग करती है। जानें कि आपका डेटा कैसे संसाधित किया जाता है.