मनोज जैसवाल : सभी पाठकों को मेरा प्यार भरा नमस्कार.मेरी पिछली पोस्ट को अत्यधिक पसंद करने के लिए आप सभी का दिल से धन्यबाद.जो कि जुलाई के पहले दिन यानि १ जुलाई २०१२ को प्रकाशित हुई थी.आज ७ जुलाई २०१२ को मैं यह पोस्ट प्रकाशित कर रहा हूँ,जो कि लगभग एक हफ़्ते का अंतराल है.इसे आप मेरी कारोबारी व्यबस्ताओं कि वजह भी मान कर नजर अंदाज भी कर सकते हैं, आज तकनीकी पोस्टों के क्रम में पेश है,टेम्पलेट में बदलाव किये बगैर ब्लॉगर हाल के पोस्ट (ऑटो स्क्रॉल और थंबनेल)विजेट लगायें हांलाकि इसके उन्नत संस्करण को मैं पहले ही प्रकाशित कर चूका हूँ जो कि बेहद सराहा गया है.लेकिन यहाँ बात मेरी पसंद की नहीं आप के पसंद के विजेट की है आप को जो विजेट अच्छा लगे आप उसे ही लगायें.इस विजेट को लगाना बेहद आसान है.आप नीचे दिए आसान चरणों का पालन करें.इसका लाइव डेमों आप यहाँ देख सकते हैं.
क्लिक >>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg ) repeat-x;boxwidth = 300 ;text = "Reply(s)" ;numposts = 10 ;http://video248.blogspot.com/ ";limitspy=5 intervalspy=6000 2- http://video248.blogspot.com/की जगह अपने ब्लॉग/वेब साईट का url डालें
3. डैशबोर्ड खोलें> डिजाइन / लेआउट> गैजेट जोड़ें / एक गैजेट जोड़ें. 4. चुनें HTML /. जावास्क्रिप्ट 5. खुले बॉक्स में सभी HTML / जावास्क्रिप्ट. कोड पेस्ट करें 6. सहेजें. चलते चलते
माउस कर्सर के पीछे घूमता तारा कैसे लगायें ?
सब से पहले ब्लॉगर अकाउंट में लोग इन करें डैशबोर्ड खोलें> डिजाइन / लेआउट> गैजेट जोड़ें / एक गैजेट जोड़ें. चुनें HTML /. जावास्क्रिप्ट खुले बॉक्स में सभी HTML / जावास्क्रिप्ट. कोड पेस्ट करें सहेजें.
LIVE DEMO <script type='text/javascript'>
// <![CDATA[
var colour="red";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script> क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!
विजेट के लिए आभार..
ReplyDeleteमेरे ब्लॉग पर यह कोड ठीक काम कर रहा है!
मनोज जी आपके दोनों बिजेट शानदार है आपके बिजेट को दिखाने/छुपाने का अंदाज मन को भाया आभार
ReplyDeleteVery Nice
ReplyDeleteसबाई सिंह राजपूत जी,दिव्या सक्सेना जी,मोहित सक्सेना जी,पोस्ट पर राय के लिए आप सभी का दिल से धन्यवाद.
ReplyDelete[co="red"]दोनो विजेट अच्छे है आपने तो भ्रमित कर दिया की किसे लगाये पर आपने बताया वो उन्न्त है तो उसे ही लगाया है आपका धन्यवाद विजेट क्रियेटर जी । आप एक पोसट इस बारे मे भी दे जिसमे कमेन्ट की बार्डर मे लेना रगं बदलना तथा मेन पृष्ठ पर कलर बार्डर लगाना आदि [/co]
ReplyDeleteयूनिक तकनीकी ब्लाग ------ इन नम्बरो पर कॉल नही करे
Great Post Sir
ReplyDeleteविनोद सैनी जी,राहुल जी.पोस्ट पर राय के लिए आभार.विनोद जी मैने आपको मेल करके बता दिया था,समय मिलने पर इस बाबत पोस्ट जरुर लिखूंगा,आप संयम रखिए.इस छोटे से ब्लॉगर के पास समय की कमी रहती है.ब्लॉग लिखने से पेट नहीं भरता विनोद जी.
ReplyDeleteसवाई सिंह राजपुरोहित जी,जल्दबाजी में आप के नाम का उच्चारण गलत कर देनें के लिए माफ़ी.
ReplyDeleteमनोज जी दोनों बिजेट सफलता पूर्वक लगा लिए आपका शुक्रिया.
ReplyDeleteक्या वाकई सहवाग बनाम धौनी है
नया स्टाइल कोड को दिखाने का एक बार लगा की आप कोड लगाना भूल गए.आपका धन्यबाद मनोज जी.
ReplyDeleteआप के लिए एक ही शब्द कहा जा सकता है जीनियस,हमारे ब्लॉग पर भी पधारें.
ReplyDeleteफिल्म रिव्यूः बोल बच्चन
दोनों बिजेट सफलता पूर्वक लगा लिए आपका शुक्रिया
ReplyDeleteविजेट के लिए धन्यबाद.
ReplyDeleteमेरे ब्लॉग पर यह कोड ठीक काम कर रहा है!
पोस्ट पर राय के लिए आप सभी का दिल से धन्यवाद.
ReplyDeleteअच्छी जानकारी है ,धन्यवाद.
ReplyDeleteमोहब्बत नामा
मास्टर्स टेक टिप्स
आपके दोनों विजेट बहुत अच्छे है मनोज जी हम जैसे नए ब्लॉगर के लिए आपका ब्लॉग बेमिसाल है.
ReplyDeleteसुन्दर बिजेट थैंक्स मनोज जी.
ReplyDeletenice widget sie
ReplyDelete[co"blue"मनोज जी,आपके दोनों बिजेट शानदार है कमाल के बिजेट प्रकाशित करते है.आभार[/co]
ReplyDeleteयाहू और फेसबुक ने मिलाए हाथ
[co"pink"]दोनों बिजेट अति सुन्दर मनोज जी.
ReplyDeleteआभार सहित
बाबू राम[/co]
movi masti masti
सभी ब्लॉगर मित्रों को पोस्ट पर राय के लिए दिल से आभार.जो भी ब्लॉगर भाई टिप्पणी में रंग डालना चाहते हैं प्लीज क्लोजिंग टैग सही तरह बंद करें.जैसे[co="red" के बाद] क्लोजिंग टैग[/co इसी टैग ]से बंद करें.
ReplyDelete[co="red"] ब्लॉगर मित्रों[/co]
वैरी नाईस बहुत अच्छी जानकारी है ये.पोस्ट करने के लिए शुक्रिया.मोहब्बत नामा पर आपका स्वागत है आइये और जानिए ''कादर खान '' को.
ReplyDeleteमोहब्बत नामा
मास्टर्स टेक टिप्स
शानदार बिजेट आपका शुक्रिया सर
ReplyDeleteउपयोगी जानकारी धन्यवाद.
ReplyDeleteMID World
शानदार बिजेट आपका शुक्रिया सर थैंक्स.
ReplyDeleteसभी ब्लॉगर मित्रों को पोस्ट पर राय के लिए आभार.देर से जबाब देनें के लिए मैं आपसे छमा चाहता हूँ मेरे यहाँ नेटवर्क प्राब्लम होने की बजह से मोबाईल भी काम नहीं कर रहा था बाकी अगली पोस्ट में जल्द ही.
ReplyDeleteआप को दोनों कोड भेज रहा हूँ। आप इसे डाऊनलोड कर लें। किसी भी तकनीकी
ReplyDeleteदिक्कत के बारे में आप निसंकोच मुझे मेल कर सकते हैं।