ब्लॉगर की फोटो को उठा कर कही भी रखें

दोस्तों आज में एक जावास्क्रिप्ट ट्रिक के बारे में बताने जा रहा हु जिसके जरिये आप अपने ब्लॉग या वेबसाइट के कंटेंट, फोटो, एच टी एम एल टेबल, या ब्लॉगर की प्रविष्टीयो को उठा कर कही भी रख सकते हैं.........


वैसे ये dragable जावास्क्रिप्ट कोड बड़ी ही आसानी से आपको मिल जायगा लेकिन इन्हे ब्लॉगर में इस्तेमाल करना बड़ी टेडी खीर होता हैं। इसमे कई दिक्कत आती हैं जैसे की कहा पे हम अपने कोड को लगाये और इसे कहा चलाये.

नीचे दिया गया उदहारण देखे :- नीचे दिए गए फोटो को आप उठाये और कही भी रखे.



आपको बस इतना करना है

1. अपने ब्लॉग मे लॉगिन कीजिये और अपने ब्लॉग के डैशबोर्ड पर जाएँ
2. Template पर क्लिक करके Edit HTML पर क्लिक करके एचटीएमएल  एडिटर मे आ जाएँ
3. ]]></b:skin> को CTRL+F दबाकर ढूंढ लीजिये और नीचे दिया कोड  ]]></b:skin> के ऊपर या पहले  पेस्ट कर दीजिये

                              .SCW_magic img { cursor: move;}

अब नीचे दिया हुआ कोड़ </head> के ऊपर पेस्ट करें

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&quot;div.SCW_magic img&quot;).draggable();
});
</script>

अब सेव टेम्पलेट पर क्लिक कर दे

अब जब भी आपको इसका प्रयोग करना हो आप अपनी पोस्ट लिखे और HTML टैब मे जाकर नीचे दिया हुआ कोड पेस्ट कर दे और PICTURE-URL को अपने फोटो के URL से बदल दे....

                                            <div class='SCW_magic'><img src='PICTURE-URL'/></div>

अब आपकी फोटो काही भी जाने को तैयार है