Hindi Tech - तकनीक हिंदी में

हम सभी ब्लॉगर "Label" विजेट का प्रयोग अपने ब्लॉग के लोखों का वर्गीकरण करने के लिए करते हैं इससे पाठको को भी आसानी होती है अपनी पसंद के लेख पढने या ढूँढने में । अब आप एक छोटे से बदलाव से इस विजेट को थोडा और आकर्षक बना पायेंगे ।

ये विजेट आपके ब्लॉग पर किस तरह से काम करेगा इसका एक उदहारण आप इस ब्लॉग में विजेट के नीचे दी गयी श्रेणियों के ऊपर कर्सर घुमाकर देख सकते हैं या फिर



ये विडियो देख लीजिये ।

इस प्रभाव को अपने ब्लॉग के "Label" विजेट में लगाने के लिए आपको अपने ब्लॉग के HTML कोड में थोडा बदलाव करना होगा इसलिए ये प्रक्रिया बड़ी ही सावधानी के साथ करें ।

अपने ब्लॉगर अकाउंट में लोगिन करें dashboard से Design > Edit HTML पर जाएँ

ये जरुरी है की आप अपने वर्तमान ब्लॉग को सुरक्षित कर लें ताकि अगर आपको भविष्य में कोई कठिनाई हो तो आपका ब्लॉग टेम्पलेट सुरक्षित रहे , ब्लॉग का बैक अप् लेने के लिए "download full theme" पर क्लिक करें और ब्लॉग को अपने कंप्यूटर पर सेव कर लें ।

अब Expand Widget Templates विकल्प पर क्लिक करें
Edit HTML पर </head> कोड ढूंढें इसके लिए आप Ctrl+F Key का भी प्रयोग कर सकते हैं ।

अब
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 450;
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '20px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
});</script>

ये कोड </head> के ठीक ऊपर पेस्ट कर दें ।
आपका कोड कुछ इस तरह दिखाई देना चाहिए ।

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 450;
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '20px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
});</script>
</head>

अब Preview पर क्लिक कर देख लें की सब ठीक है फिर सेटिंग को सेव कर दें ।

अब आपके ब्लॉग के लेबल्स नए रूप में आपके सामने होंगे ।