अपने ब्लॉग के ठीक ऊपर हैडर पर अपनी मनपसंद ऐड लगाएं किसी भी प्रोफैशनल साईट की तरह

आप ने बहुत सी पर्सनल साईटस पर उनके पेज (जब वह पेज लोड होता है) के ठीक ऊपर ऐड दिखलाई देती है इस ऐड में किसी प्रोडक्ट की पब्लिसिटी या उस साईट के किसी भी खास भाग को हाईलाईट करने के लिए इस प्रकार की स्क्रिप्ट का इस्तेमाल किया जाता है | मुख्यता: इसी ऐड के साथ दायें या बाएं तरफ एक बटन भी दिखाई देता है (जिसका मकसद यदि आपको इस ऐड से असुविधा हो तो) आप चाहें तो इस बटन पर कलिक करके इस प्रकार की ऐड को बंद कर सकते हैं | मैं इसी स्क्रिप्ट का प्रयोग पहले भी अपनी पर्सनल साईट http://cityjalalabad.com/ पर इसका प्रयोग कर चुका हूँ | (ये साईट अब बंद हो चुकी है | इस साईट को बंद करने कारण मैं अपनी पिछली पोस्ट में पहले ही लिख चुका हूँ ) जब कि मैं इस का प्रयोग अपनी साईट पर पहले से ही कर चुका हूँ तो मन में ख्याल आया कि क्यों न इसे अपने ब्लॉग पर इस्तेमाल करके देखा जाए | जब गूगल नेटवर्क ने हमें अपने ब्लॉग पर अलग अलग परीक्षण करने की स्वतंत्रता दे रखी है | तो इस स्क्रिप्ट का प्रयोग मैंने अपने ब्लॉग पर करके देखा व पाया कि ये सफलता पूर्वक काम कर रही है | आप इस ब्लॉग पर इस ऐड को ठीक ऊपर लगा हुआ देख सकते हैं | इसी ऐड को इस हर एक विजेट को टेस्ट करने का एकमात्र ब्लॉग ब्लॉग पर भी देख सकते हैं | मैं इसी ब्लॉग पर पहले परीक्षण करने के बाद ही कोई स्क्रिप्ट आपके प्रस्तुतीकरण के लिए प्रस्तुत करता हूँ ताकि गलती की सम्भावना कम से कम रहे |

आप नीचे वो तस्वीर देख रहे है जिसे मैंने इस स्क्रिप्ट में प्रयोग करके इसे अपने ब्लॉग के ठीक ऊपर ऐड के रूप में लगाने के लिए प्रयुक्त किया है |



अब आपको इस स्क्रिप्ट को अपने ब्लॉग पर स्थापित कैसे किया जाए इस विषय पर विस्तार से जानकारी दी जायेगी | इसके लिए आप को ज्यादा कुछ नहीं करना होगा | लेकिन इसके लिए ये जरूरी है कि आपके टेम्पलेट के एडिट मोड में जाना होगा | टेम्पलेट के एडिट मोड में जाने के लिए आप निम्न तस्वीर को देख सकते है इस तस्वीर में क्रमबद्ध बताया गया है के आपको कहाँ कहाँ पर कलिक करके एडिट मोड में जाना है | ये पहला स्टेप है
दूसरा स्टेप आप यहाँ पर <head> को सर्च करें | <head> को सर्च करने के लिए आप "CTRL+F" कमांड का प्रयोग कर सकते हैं | इसे सर्च करने के बाद ठीक <head> के ऊपर निम्न बाक्स में दिखाई दे रही जावा स्क्रिप्ट को कॉपी करने के बाद पेस्ट कर दें | कोड पेस्ट करने का तरीका निम्न तस्वीर में देख सकते हैं |

तीसरा स्टेप आप निम्न कोड को ध्यान से देखिये यहाँ पर आपको मैंने जिस तस्वीर को ऐड के तौर पर इस्तेमाल किया है उसको लाल रंग से दिखाया है लाल रंग में दिखाई दे रहे तस्वीर के लिंक को अपने तस्वीर के लिंक से बदलना है | कोड निम्नलिखित हैं :-

/*--HeaderAd starts here --*/ <div id="headerContent" style="width:100%;height:60px;"> <div id="headerBt" style="width:100px;float:left;"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9IBD7G9W4fsjX8PdDnPoWkfAh43H_onncSMgtHBpDQIfknzKlCRAsa6_ZHUT74hWgnoHE6rYm8zkeZQHxCPSd2b-x2jMo4pqrtNid_8p8sruFOBFVphZsx5CrH2rTfXmsD-ZKw1Ntgbg/s1600/btn-close3.png" alt="Close" border="0" class="close-w" />/div> <div class="mastHead"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT1f6Gfome3Cuo22nclyc1u8z9IxgbYZRm6EmFibdFgxYlA7wvWokvyGvPpFxlWFsP_sMIQzQvW9S-6kFRpGRI2xbrpwWAXTIjWz6xJBFxY7J1A2APzBR3FNJeCdxw_MgX4S2gqRzYr-I/s1600/heade_ad_1.png" width="800"> </div></div>

चौथा स्टेप आप अपनी तस्वीर का लिंक बदलने के पश्चात इस सारे कोड को कापी कर लें व दोबारा से "CTRL+F" सर्च कमांड का प्रयोग करें व <body> को ढूंढें व इसके ठीक नीचे इस कोड को पेस्ट कर दे व सेव टेम्पलेट पर कलिक कर दे आपका टेम्पलेट सेव होने के बाद ये ऐड आपके ब्लॉग के मुखपृष्ठ पर दिखाई देने लगेगी | आप मेरे दूसरे ब्लॉग पर ये ऐड लगी देख सकते हैं |

आपको टेम्पलेट के एडिट मोड में कुछ भी बदलाव करने से पहले ये सलाह दी जाती है कि आप अपने ब्लॉग का बैकअप जरूर ले लें | किसी भी प्रकार की मुश्किल पेश आने पर आप मुझ से संपर्क कर सकते हैं |

ई-मेल
मी
यदि आपने इस लेख को पसंद किया है कृपया इस ब्लॉग के प्रशंसक भी बनिए !!

"टिप्स हिन्दी में ब्लॉग" की हर नई जानकारी अपने मेल-बॉक्स में मुफ्त पाएं !!!!!!!!!!

एक टिप्पणी भेजें

4 टिप्पणियाँ
* Please Don't Spam Here. All the Comments are Reviewed by Admin.
  1. ham to anadi hai..aapke blog se bahut kuch seekhne ko milta hai..
    jaankari ke liye dhanyavaad

    जवाब देंहटाएं
  2. कविता जी इस स्क्रिप्ट को पसंद करने के लिए व अपने विचारों से अवगत करवाने के लिए कोटि कोटि धन्यवाद |

    जवाब देंहटाएं
  3. nice......
    make diwali gift by ms paint
    http://vijaypalkurdiya.blogspot.com

    जवाब देंहटाएं
  4. Your website is not showing up correctly in my browser.

    जवाब देंहटाएं

आपकी टिप्पणी मेरे लिए मेरे लिए "अमोल" होंगी | आपके नकारत्मक व सकारत्मक विचारों का स्वागत किया जायेगा | अभद्र व बिना नाम वाली टिप्पणी को प्रकाशित नहीं किया जायेगा | इसके साथ ही किसी भी पोस्ट को बहस का विषय न बनाएं | बहस के लिए प्राप्त टिप्पणियाँ हटा दी जाएँगी |