Subscribe Us

header ads

क्या आप अपने ब्लॉग पर हाईलाईट स्लाइडर स्थापित करना जानते हैं ?

क्या आप अपने ब्लॉग पर हाईलाईट स्लाइडर स्थापित करना जानते हैं ? विनीत नागपाल

जैसा की इस पोस्ट के टाइटल से स्पष्ट है, क्या आप अपने ब्लॉग पर मुख्य रूप से कुछ पोस्ट के बारे में थोड़े से विस्तार से या तस्वीर के रूप में पोस्ट के बारे जानकारी देने वाला स्लाइडर स्थापित करना जानते हैं ? क्या कहा नहीं ? मैं आपको बताऊंगा कि इसे अपने ब्लॉग पर स्थापित कैसे किया जाये | आप इस स्लाइडर को इसी पोस्ट पर इस पोस्ट से पहले लगा देख सकते हैं | इसको स्थापित करने के लिए कोई बहुत ज्यादा दक्षता की जरूरत नहीं है | इस कोड कोड को स्थापित करने के लिए हम इस प्रक्रिया को दो भागो में पूरा करेंगे | स्टेप एक : अपने ब्लॉग पर लाग-इन करें |
स्टेप दो : डिज़ाइन पर कलिक करें |
स्टेप तीन : HTML/Javascript विजेट का चयन करें |
स्टेप चार : निम्न बॉक्स में दिखाई दे रहे कोड को कापी करके इस HTML/Javascript विजेट में पेस्ट कर दें |



आपका पहला सेक्शन पूरा हुआ |

दूसरा सेक्शन

जहाँ पर अपनी तस्वीर का लिंक यहाँ पर लिखें लिखा है वहाँ पर आप द्वारा प्रयुक्त की जाने वाली तस्वीर का URL भरना है व जहाँ पर यहाँ पर आप चाहें तो अपनी पोस्ट का लिंक (URL) लगा सकते हैं | लिखा है वहाँ पर आपको अपनी पोस्ट का लिंक भरना है | ये प्रक्रिया पूरी करने के बाद आप सेक्शन दो में प्रयुक्त होने वाले सारे कोड को कापी करने के बाद

डिज़ाइन पर कलिक करें, >>> फिर सेटिंग पर >>> फिर फार्मेटिंग पर कलिक करें | इसके बाद आप पोस्ट टेम्पलेट के साहमने वाले बाक्स में इस कोड को पेस्ट कर दें व अंत में सेव सेटिंग पर कलिक कर दें | ये स्लाइडर आपके ब्लॉग पर स्थापित हो जायेगा | अब आप जब भी नई पोस्ट पर कलिक करेंगे तो ये स्लाइडर आपकी पोस्ट पर आपको हर बार लगा हुआ मिलेगा | किसी भी तरह की मुश्किल पेश आने पर आप मुझसे संपर्क कर सकते हैं |

<!-- ======= Highlight List ======= -->
<div class="wrapper">
<article class="col-1">
<h2 class="extra">Highlight </h2>
<div class="clientscroll" id="client-cycle">
<!-- ******* First Row Start******* -->
<div class="client-list">
<a href="यहाँ पर आप चाहें तो अपनी पोस्ट का लिंक (URL) लगा सकते हैं ">
<img class="fleft" src="अपनी तस्वीर का लिंक यहाँ पर लिखें" alt="" />
</a>

<a href="#">
<img class="fleft" src="अपनी तस्वीर का लिंक यहाँ पर लिखें" alt="" />
</a>

<a href="#">
<img class="fleft" src="अपनी तस्वीर का लिंक यहाँ पर लिखें" alt="" />
</a>

<a href="#" class="last">
<img class="fleft" src="अपनी तस्वीर का लिंक यहाँ पर लिखें" alt="" />
</a> </div>


<!-- ******* First Row End******* -->
<!-- ******* Second Row Start******* -->
<div class="client-list">
<a href="#">
<img class="fleft" src="अपनी तस्वीर का लिंक यहाँ पर लिखें" alt="" />
</a>

<a href="#">
<img class="fleft" src="अपनी तस्वीर का लिंक यहाँ पर लिखें" alt="" />
</a>

<a href="#">
<img class="fleft" src="अपनी तस्वीर का लिंक यहाँ पर लिखें" alt="" />
</a>

<a href="#" class="last">
<img class="fleft" src="अपनी तस्वीर का लिंक यहाँ पर लिखें" alt="" />
</a> </div>

<!-- ******* Second Row End ******* -->
<!-- ******* Third Row Start******* -->
<div class="client-list">
<a href="#">
<img class="fleft" src="अपनी तस्वीर का लिंक यहाँ पर लिखें" alt="" /> </a>
<a href="#">
<img class="fleft" src="अपनी तस्वीर का लिंक यहाँ पर लिखें" alt="" />
</a>

<a href="#"> <img class="fleft" src="अपनी तस्वीर का लिंक यहाँ पर लिखें" alt="" /> </a>

<a href="#" class="last">
<img class="fleft" src="अपनी तस्वीर का लिंक यहाँ पर लिखें" alt="" />
</a> </div>
</div>
<!-- ******* Third Row End******* -->
<div id="client-controls">
<ul id="nav-client"></ul>
</div> <div class="clear"></div>
</article>

क्या आपको ये आई-मैजिक अंदाज़ पसंद आया ? यदि हां !!! तो अपने विचारों से अवगत कराएं |

लेबल : HTML ट्रिक्स ,

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

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

4 टिप्पणियाँ

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