ब्लॉग पर लगाने के लिए फ्री में पोल बनायें |

vorbeo नाम के इस वेबसाइट के द्वारा आप बहुत ही आसानी से और फ्री में अपने वेबसाइट या ब्लॉग पर लगाने के लिए पोल बना सकते हैं| इस वेबसाइट पर किसी भी तरह का पोल बनाने के लिए आप को किसी भी तरह के रजिस्ट्रेशन की ज़रूरत नहीं है आप इस वेबसाइट पर जाएँ वहा Enter Question Text के निचे बने बॉक्स में अपना प्रशन लिख दे और फिर उसके निचे लिखे Enter Answers के बॉक्स में आप आप्शन टाइप करदें उसके बाद निचे कलर और साइज़ सलेक्ट करे फिर सबसे निचे आप को HTML कोड मिलेगा उसको कॉपी करलें| 

अब अपने ब्लॉगर अकाउंट में लोग इन करें|
डिज़ाइन ---> गैजेट जोड़े --> HTML/जावास्क्रिप्ट  
और फिर कॉपी किये हुवे कोड को पेस्ट कर के OK दबा दे|

उदाहरण-----

क्या ये ब्लॉग आप के लिए उपयोगी है?

हाँ
नहीं
पता नहीं

आप के ब्लॉग के लिए बहुत सारे गैज़ेट वो भी फ्री में|

bloggergadgets एक ऐसा वेबसाइट है जहा आप को अपने ब्लॉग पर लगाने के लिए तरह तरह के gadget उपलब्ध है| आप अपनी पसंद के gadget को अपने ब्लॉग पर बहुत ही आसानी से लगा सकते हैं इस वेबसाइट के द्वारा आप अपने ब्लॉग पर गेम लगा सकते हैं समाचार के लिए अलग gadget लगा सकते हैं you tube का gadget लगा सकते हैं और भी बहुत सारे gadget या उपलब्ध है जिनको आप अपने ब्लॉग पर लगा सकते हैं वो भी फ्री में|

आप जिस gadget को अपने ब्लॉग पर लगाना चाहते हैं उसके निचे लिखे add to blogger बटन को क्लिक करें|

add to blogger बटन को क्लिक करने के बाद एक दूसरा विंडो खुलेगा जिसमे गैज़ेट कॉन्फ़िगर करें लिखा होगा, को क्लिक करें|इसके बाद आप अपने अनुसार जो बदलाव करना चाहते है कर के "सहेजे" को क्लिक करदें|   


http://bloggergadgets.net/ 

अपने ब्लॉग में Google +1 बटन लगायें |

ब्लॉग में Google +1 बटन लगाने का आसन तरीका |

ब्लॉगर में लोग इन करें Layout में Edit Html चुने ।
अब नीचे दिया कोड ढूंढें (Ctrl+F का भी इस्तेमाल कर सकते हैं )

</head>

अब निचे लिखा हुवा कोड </head> के ठीक उपर पेस्ट कर दें और फिर टेम्पलेट को सेव करलें |



<script src='http://apis.google.com/js/plusone.js' type='text/javascript'>{lang:&#39;en-US&#39;} </script>

टेम्पलेट को सेव करने के बाद लेआउट पर क्लिक करें page element पर जायें


Add a Gadget पर क्लिक कर HTML/JavaScript चुने


अब नीचे दिया गया कोड उस बॉक्स में पेस्ट कर सेव कर दें
लाल रंग से लिखे हुवे URL को आप अपने ब्लॉग के URL से बदल दीजिये |

<div style='float:right'> 
<p style='font:12px bold arial, verdana; float:left;margin:6px; 16px;'>Liked</p> <g:plusone href='http://www.siwanrinku.blogspot.com/' size='standard'/> 
</div>

 

आप के ब्लॉग के लिए एक चेट बॉक्स |

अगर आप अपने वेबसाइट या ब्लॉग पर अपने दोस्तों से बातें करना चाहते है तो इसके लिए आप अपना एक चेट बॉक्स बना सकते है जिसकी मदद से आप अपने दोस्तों से एक साथ ग्रुप चेट कर सकते है उनके सवालो का जवाब दे सकते है या फिर उनसे अपनी ज़रूरत की जानकारी ले सकते हैं |
इसको लगाने के लिए सब से पहले आप को 99widgets.com नाम के वेबसाइट पर एक अकाउंट बनाना होगा|

अकाउंट बनाने के बाद एक विंडो खुलेगा जिसमे आप अपने चेट रूम का नाम,भाषा,श्रेणी,रंग और साइज़ को अपने अनुसार सेट करना होगा |   

नाम,भाषा,श्रेणी,रंग और साइज़ को सेट करने के बाद नेक्स्ट दबा दे | नेक्स्ट दबाने के बाद आप को आप के चेट बॉक्स का जावा कोड मिलेगा,उस कोड को कॉपी करलें और फिनिश बटन दबा दें|

अब अपने ब्लॉगर अकाउंट में लोग इन करें|
डिज़ाइन ---> गैजेट जोड़े --> HTML/जावास्क्रिप्ट  
और फिर कॉपी किये हुवे कोड को पेस्ट कर के OK दबा दे|

 

Google Talk chatback badge का HTML कोड |

अगर आप अपने ब्लॉग में गूगल चेट का बैग लगाना चाहते हैं तो सब से पहले अपने गूगल अकाउंट में लोग इन करे और फिर वहा से Google Talk chatback badge का HTML कोड कॉपी करले और फिर  
अपने ब्लॉगर अकाउंट में लोग इन करें|
फिर लेआउट पर क्लिक करें और page element पर जायें|
इसके बाद Add a Gadget पर क्लिक कर HTML/JavaScript चुने|
अब कॉपी किया गया कोड उस बॉक्स में पेस्ट कर सेव कर दें|

 

अपने ब्लॉग पर "गूगल ट्रांसलेटर फ्लेग" लगायें|

अगर आप अपने ब्लॉग को दुनिया के दुसरे भाषावो में दिखाना चाहते है तो इसके लिए आप को अपने ब्लॉग में एक छोटा सा विजेट "गूगल ट्रांसलेटर" लगाना होगा ,इस विजेट को लगाने के बाद आप के ब्लॉग में अलग अलग देशो का झंडा दिखेगा जिस देश के झंडे को आप क्लिक कीजियेगा उस देश के भाषा में आप का ब्लॉग कन्वर्ट हो जायेगा |
गूगल ट्रांसलेटर अपने ब्लॉग पर लगाने के लिए  
सब से पहले अपने ब्लॉगर अकाउंट में लोग इन करें|
फिर लेआउट पर क्लिक करें और page element पर जायें|
इसके बाद Add a Gadget पर क्लिक कर HTML/JavaScript चुने|
अब नीचे दिया गया कोड उस बॉक्स में पेस्ट कर सेव कर दें|

<div><style>

 .google_translate img {        filter:alpha(opacity=100);        -moz-opacity: 1.0;        opacity: 1.0;        border:0;        }        .google_translate:hover img {        filter:alpha(opacity=30);        -moz-opacity: 0.30;        opacity: 0.30;        border:0;        }        .google_translatextra:hover img {        filter:alpha(opacity=0.30);        -moz-opacity: 0.30;        opacity: 0.30;        border:0;        }  </style>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh81TyqK_mdou3YBF5zAoYoTPG_MzBDU8XWSUjKBsxoife3Z5BITjbWwS1xDZZUxH7LVpQJyOK7d_YVzD6Jc41OHyRExT4LtTA0vUoo2rQVKCwIE1uqCbFmjMwWzmVgqCiNv4RqXCcfzzs/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24" /></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgIR0g_9YwKhul-EziPgj6Ih2RBBYXl_oR3FjnX875pETMXzcmmQSMl3HCOVPkXxVgN7t0NfJAbxIUsqNypH1yJlcnE6SJnmafJqd-4KWtxoTop53k_3RzHrfYykoTQGM45XeOCGNkiMw/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24" /></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ0Qb8sLr0BT02S_DTFbzXHhEyR3SlTD9ZIlnWnS5K-6eOd9C8QbI60jK7Iske2OyScjg4HraNgYJ7HiDkyXdu92vbeglXLcNH-Wm-mzTeAN0r9eLDsEmgklJPfejCjPwEzmQjUI3YAvs/s200/France.png" style="cursor: pointer;margin-right:8px" width="24" /></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4d7cRhAi1xdQC-oRSYxshSlpzLv5rMWs8KtqYH3SRsmcF-w1Nl38kRM85_WGsyeAZjqh6Z8QCVa1suaVWXwomRhRqU_28A-QVX0s-IQNreQfJ80QoxWUKiFt92HizUYYhfU7da7GQjMc/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24" /></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYBSTeWoOixswcSnXq8mb7lvS5wGNAGAhaYRAIVEi-4135OTfWs4Wl93yEj6Wcc8u0RC0dOZd9Av22ihvNYlJdGMNBap18UM797axwlaa8ks-0g_h7u2AykInCb2AD4FNBwKbwDMOAMUA/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24" /></a>

      <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxKORdZnLMnga5rDySQZmM_tj5aHfCqqrRoncS00y2AKq2qotvWytt7WUcQt1xcnj5SF67a5WBQbfPcgIvYtXt2zZ86Upa61pHHzsfN3S7wTE3cBP-dybCZxeR3iwwMovEzvqly-G8zjA/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24" /></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLPlmlJ4pM__ryvXPOrabwpOFIP9nrK8odVARsCy8jHC9lIeVpdwOnYKjMTsLxm2TFwn4t9sBvxOp5E08J6XBZZyuYUHLDE0qX5tzvTVP4K0rE1FadGSu1f2lYVS9w8qE9PU7-t1f_Vsw/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24" /></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMgFg9TWw4c-9uJWeE1MZTi2ksNU7ZodGsfkl9IG2flxaj1kRRKERUejAFbcQe13CwRRbsGKppD55gYx90Pvp8fXv7k-eRuHea8ftsixxWRA31ZRMQB7eaousgVzvesJXC7VtypJ5_HeI/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24" /></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy9mTBb_rqgje-9sKlzvNCgcQPhaA-q_cSwPnJDt221XXhz1KKQQ1odZwdWsJq4j9UMIrNR13PCVRvTSmQFt7P-DMih1PPYTi278vUVN6_ZIEAmLsIV2zcrmALLlxDNda0ZjltMOPl9Vg/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24" /></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7lL1hu83VQcirGooF0b3S-ZDhWegdK-REZnlphSq54a_zWQ8ZyLZY2CSzBDcvF6a_F2aTpXbnqiljw3oEGGaiBSsXOW_Y0u6ABfEu4i98UulV6wXzzX39lmIxIybvXxOlnKzRcuWhyphenhyphencY/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24" /></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUusXl6kr-vnuIwp4WqEMl-soVSifqNKXzdMIXEKLiPCiMPhipjNoP_3pfMfaWUk2ThCl1lSvKbNbXB1qUwpGUJSH3xK2JT3IjYBcxObgHVrOXmnrqrdO4CGe8LE8RLmIvnRFpuq9yMOc/s200/China.png" style="cursor: pointer;margin-right:8px" width="24" /></a>      </div>   <div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div> <div style=”display:none;”> <small><a href=”http://www.medicscientist.com” target=”_blank”></a></small></div>            </div>
Grab this widget

 

अपने ब्लॉग में खुबसूरत social bookmarking बटन लगायें|

अगर आप अपने ब्लॉग में एस्क्रोल करता हुवा सोसल साईट शेयरिंग बटन लगाना चाहते हैं तो,    
आप website.informer.com नाम के इस वेबसाइट को क्लिक करें वहा Get the button को क्लिक करें|

Get the button क्लिक करने के बाद आप को एक कोड मिलेगा उस कोड को कॉपी कीजिये और फिर अपने ब्लॉगर अकाउंट में लोग इन करें|

फिर लेआउट पर क्लिक करें और page element पर जायें|

इसके बाद Add a Gadget पर क्लिक कर HTML/JavaScript चुने|

अब जो विंडो खुलेगा उसमे website.informer.com से कॉपी किया गया कोड पेस्ट करदें और ओके दबा दें|  

 

माउस कर्सर के पीछे घूमता हुवा तारा कैसे लगायें ?

माउस कर्सर के पीछे घूमते हुवे तारे लगाने के लिए,

सब से पहले ब्लॉगर अकाउंट में लोग इन करें|
फिर लेआउट पर क्लिक करें और page element पर जायें|
इसके बाद Add a Gadget पर क्लिक कर HTML/JavaScript चुने|
अब नीचे दिया गया कोड उस बॉक्स में पेस्ट कर सेव कर दें|

<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>

 

क्या आप के ब्लॉग में ताला लगा है ?

एक बहुत ही आसन तरीका है जिसकी मदद से आप अपने ब्लॉग में राईट क्लिक को बंद कर सकते है जिससे दूसरा कोई आप के ब्लॉग से कॉपी पेस्ट नहीं कर सकता है|

अपने ब्लॉग में राईट क्लिक बंद करने के लिए  

सब से पहले ब्लॉगर अकाउंट में लोग इन करें|


फिर लेआउट पर क्लिक करें और page element पर जायें|
इसके बाद Add a Gadget पर क्लिक कर HTML/JavaScript चुने|
अब नीचे दिया गया कोड उस बॉक्स में पेस्ट कर सेव कर दें|

<script language="JavaScript"> function click() { if ((event.button==2) ||
(event.button==3)) { alert(" \n\n This blog is Copyright protected, Don't copy!")}}
document.onmousedown=click </script>

इस कोड में आप लाल रंग से लिखे हुवे This blog is Copyright protected, Don't copy! को अपने उस सन्देश से बदल दीजिये जिसको आप राईट क्लिक करने वालो को दिखाना चाहते है |

 

अपने ब्लॉग में एक खुबसूरत पॉप-अप विंडो लगायें |

अगर आप अपने ब्लॉग या वेबसाइट में पॉपअप विंडो लगाना चाहते है तो'

सब से पहले ब्लॉगर अकाउंट में लोग इन करें|


फिर लेआउट पर क्लिक करें और page element पर जायें|


इसके बाद Add a Gadget पर क्लिक कर HTML/JavaScript चुने|


अब नीचे दिया गया कोड उस बॉक्स में पेस्ट कर सेव कर दें|

<script type="text/javascript">
<!--
function myPopup2() {
window.open( "http://www.siwanrinku.blogspot.com/", "myWindow",
"status = 1, height = 500, width = 850, resizable = 0" )
}
//-->
</script>




<form>
<input type="button" onclick="myPopup2()" value="POP UP BUTTON" />
</form>
<p onclick="myPopup2()"></p>

कोड में लाल रंग से लिखे हुवे http://siwanrinku.blogspot.com/ को आप अपने उस URL से बदल दे जिसको आप चाहते है की पॉपअप बटन को क्लिक करने से खुले |
अगर आप पॉप अप विंडो को अपने अनुसार छोटा बड़ा करना चाहते है तो

"height = 500" or "width = 850t" को अपने अनुसार बदल दे | 

"POP UP BUTTON" की जगह आप आप और भी कुछ लिख सकते है जो आप का मन चाहे |

 

अपने ब्लॉग में स्क्रोल करता हुवा शोशल बुकमार्क बटन लगायें |

अपने ब्लॉग में स्क्रोल करता हुवा शोशल बुकमार्क बटन लगाने के लिए |

सब से पहले ब्लॉगर अकाउंट में लोग इन करें|

फिर लेआउट पर क्लिक करें और page element पर जायें|    

इसके बाद Add a Gadget पर क्लिक कर HTML/JavaScript चुने|   

अब नीचे दिया गया कोड उस बॉक्स में पेस्ट कर सेव कर दें|

<div style='position: fixed; bottom: 1%; left: 1%;'>
<table border="0"><tr><td>
<a href='facebook profile url' target="_blank"><img alt="Find Us On Facebook" border="0"style='background:transparent;border:none;' title='like us on facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcocxzt_fCvFcZt7Bkj88UIe7WYGVxqNkF-o09J8FUZAexhTnD_NVrH8oPP-C_ShS5ylztH4uZjkESqYFcWPQGzZRnYY8x0wcZLCgT1BTH3X4YqObTXoLzmNDv1JnsY0ni0W9u7p9B65U/s1600/facebook-icon.png" /></a>
<a href='http://twitter.com/your twitter username' target="_blank"><img alt="Follow Us On Twitter" border="0"style='background:transparent;border:none;' title='follow us on twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3wNzCUQ7n_UAnR5ze_ndv8uLSdmZM3WvQ5O921P-nJ3uzpRDlC0K63S-h819O-OzbJX5H7QhqOeT8tWYdiPEEe1rZ3dgfKH7m3x9xxCgggfHiQIbnv4b3dKZUhLuiHbnkGPeVatSeECc/s1600/twitter-icon.png" /></a>
<a href="http://feeds.feedburner.com/YOURFEEDNAME" target="_blank"><img alt="Rss Feed Options" border="0"style='background:transparent;border:none;' title='subscribe us' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5b05lbiYpgK87FGZTo0IpJK_kRWi61U_ruzRRCMWtILI51W-mOyawPl5MlzubKRWtQoAHbBnUR_i8uYB-4i04f8qKsyH9wsY2cwwPZ_iMlhBoFNz6nZzdx-Iq-vyfrUdqF5z1xQnbecA/s1600/rss-icon.png" /></a>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=yourfeedname&loc=en_us' target="_blank"><img alt="Subscribe Via Email Rss" border="0" style='background:transparent;border:none;' title=' email subscribe'src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPW4T7vpjUpFjF_Fg2y3nvc6mS_O-3cRzPyxvqdG8SJL0UYlcAjZcn3FP41ElJNxI8kz765oNgUYZEsi76GecSekaZGfRyndBdbD5wGqeMSObKT6cAJEZ8wZnhHITvkYP1dBAO8Xv0qJg/s1600/rss-mail.png" /></a>
</td><td>
</td></tr></table></div>

सेव करने से पहले कोड में नीले रंग से दर्शाए गए शब्दों के जगह आप अपना twitter user name, facebook profile url or feed name डाल दे| 

   

facebook profile url
your twitter username
your feed name

 

अपने ब्लॉग में खुबसूरत Subscribe बॉक्स लगायें|

अपने ब्लॉग में खुबसूरत Subscribe बॉक्स लगाने के लिए सब से पहले ब्लॉगर अकाउंट में लोग इन करें|

फिर लेआउट पर क्लिक करें और page element पर जायें| 

इसके बाद Add a Gadget पर क्लिक कर HTML/JavaScript चुने|


अब नीचे दिया गया कोड उस बॉक्स में पेस्ट कर सेव कर दें|

<style type='text/css'>

#topbox{width:250px;border:4px solid #a1a1a1;background-color:#ffffff;}
#topbox:hover{border:4px solid #4e4c4c;background-color:#ffffff;}

#social1 .social2 h2.subscription { border:0; margin:0; padding:3px 0 0 55px; height:42px; font-size:14px;font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
font-weight:bold; }

#social1 .social2 h2.subscription:hover { font-size:15px;}

#social1 .social2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjgiBxTd1xUfy_5Iwwk_WMsdhmJ33Sek-Xfxo6Jig6XCgf3_4uy5ZLzTi07UjFxVjXITXdIs1jLleK4f2iM6i98j5e1jvug0F9s07r6T8QyubJDeq9UP0kpq42Y9w5v3aUpmI2-FUh5UO5/s48/Rss.png) no-repeat top left; }

#social1 .social2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7cgKKAIxqrf_J8SDrLVbtUgTwAJMl3Yh7ZGZbRpPUylvHI6iYVpduFkXN_Z3nrICDZiww4LlaXjPzJBaYjAMeacM8qNL5cVxg7V_fO6CAiuysyuK6u8hXmHNwgpAZT5_pRm6eh3EPIsKh/s48/twitter.png) no-repeat top left; }

#social1 .social2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_w9RCSBYPcqf3TH5bcTcIw2Qx7H07wqzLmuI-WjyzgPp72ErYJhheHEhR93GH-hG2DJbZJk2MgAINXC_m2ZmQcefaoWb8ssWu2Y0l6kA_pu6yYVvyblnXz01x-gso9yiU68jSN0_E9K5-/s48/mail.png) no-repeat top left; }

#social1 .social2 .subscription a { color:#252e28; text-decoration:none; }

</style>

<div id="topbox">
<div id="social1">
<div class="social2">

<h2 class="subscription rss"><a href="RSS feed URL">SUBSCRIBE VIA RSS</a></h2>

<h2 class="subscription twitter"><a href="Twitter URL">FOLLOW ON TWITTER</a></h2>

<h2 class="subscription email"><a href="Your Email Subscription URL">SUBSCRIBE VIA EMAIL</a></h2>

</div></div>
</div>

कोड में लिखे इन सब URL को आप अपने URL से बदल दीजिये और फिर सेव कर दीजिये| 

"RSS feed URL"

"Twitter URL"
"Your Email Subscription URL"

 

अपने ब्लॉग को दे एक नया लुक |

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

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

अब Expand Widget Templates विकल्प पर क्लिक करें|
और फिर </head> कोड को खोजिये |

कोड खोजने के लिए आप Ctrl+F Key का भी प्रयोग कर सकते हैं ।

अब </head> के ठीक पहले निचे लिखा हुवा कोड पेस्ट कर दें |

style type="text/css">
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ_k8cwFqeGOnXCzqD8mpnbZSZrwzfsyG-q9ZnmhOdjrxjRk_4FI_WGVggc1jPEi11rKuJCd78Rgx3lgShAUz6jGLfP449XiPhmLbzPEp9LZ3uEUNE_E0ySbxPriFqm3I2WEqisRMYQyC3/s128/newspaper_feed_add.png) no-repeat right top;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$(&quot;#pageflip&quot;).hover(function() {
$(&quot;#pageflip img , .msg_block&quot;).stop()
.animate({
width: &#39;307px&#39;,
height: &#39;319px&#39;
}, 500);
} , function() {
$(&quot;#pageflip img&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;52px&#39;
}, 220);
$(&quot;.msg_block&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;50px&#39;
}, 200);
});
});
</script>

अब दुबारा <body> कोड को खोजिये |

कोड खोजने के लिए आप Ctrl+F Key का भी प्रयोग कर सकते हैं ।

अब <body> के ठीक बाद निचे लिखा हुवा कोड पेस्ट कर दें |

<div id='pageflip'>
<a href='http://feeds.feedburner.com/blogspot/XjYdh'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvNJQC5A6Dq_gl8AKEvP8iyGcUxZK2RR85DWtQmEZuAsk1gN4ZJGArl3wJw5gLTBuw69P-xGCuyMPsffvQCIQlfoZvkPF4ZKDEBP48uRM-C579Z9n0VPRxtoDtjuDQNwE4M7DGSjq6vxSu/s320/peel-image.png'/></a>
<div class='msg_block'></div>
</div>

लाल रंग से लिखे हुवे URL की जगह आप अपने ब्लॉग का URL या फिर RSS Feed लिख दे |

सेव करने से पहले पुर्वावलोकन क्लिक कर के देख ले की सब कुछ ठीक है या नहीं ,अगर सब ठीक है तो अपने टेम्पलेट को सेव कर दे और अगर सेव करने के बाद आप को लगता है की आप के ब्लॉग में कुछ परेशानी आ रही है तो वापस अपने पुराने टेम्पलेट को लोड कर ले जो आप ने backup के रूप में सहेज के रखा था |     

 

अपने ब्लॉग पर मनचाहा माउस कर्सर लगाने का तरीका |

आईये देखे ब्लॉग पर माउस कर्सर को केसे बदला जा सकता है | 

अपने ब्लॉगर अकाउंट में लोगिन करें dashboard से Design > Edit HTML पर जाएँ |
अपने ब्लॉग को सुरक्षित कर लें ताकि अगर आपको भविष्य में कोई कठिनाई हो तो आपका ब्लॉग सुरक्षित रहे , ब्लॉग का बैक-अप् लेने के लिए dashboard से Design > Edit HTML पर जाएँ "download full theme" पर क्लिक करें और ब्लॉग के टेम्पलेट को अपने कंप्यूटर पर सेव कर लें।

अब Expand Widget Templates विकल्प पर क्लिक करें|
और फिर </body> कोड को खोजिये |
कोड खोजने के लिए आप Ctrl+F Key का भी प्रयोग कर सकते हैं ।

अब </body> के ठीक पहले निचे लिखा हुवा कोड पेस्ट कर दें |

<style typesors/c="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/curur-2/cur116.cur), progress;}</style>

अब आपका कोड कुछ इस तरह दिखाई देगा|

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

  

किसी पोस्ट या टेक्स्ट में रंगीन परछाई लगाने का तरीका |

अगर आप अपने लिखे हुवे किसी पोस्ट या टेक्स्ट में रंगीन परछाई देना चाहते है तो निचे दिए हुवे HTML कोड को इस्तेमाल कर सकते है |



<p style="text-shadow:4px 4px 8px blue;">आप जो भी लिखना चाहते हैं यहाँ लिखे </p>

आप जो भी लिखना चाहते हैं यहाँ लिखे

"आप जो भी लिखना चाहते है यहाँ लिखे "को अपने टेक्स्ट से बदल दे|

कलर बदलने के लिए आप HTML कोड में blue के जगह आप अपने पसंद के कलर का नाम लिखदे |

अपने पोस्ट के बेकग्रौंड को अपने अनुसार बदलिए............

अपने पोस्ट के बेकग्रौंड को अपने अनुसार बदलिए............

पोस्ट के बेकग्रौंड में फोटो लगाने के लिए कोड........

<div style="background:url(URL address of your image) repeat;">
आप को जो भी लिखना हो यहाँ लिखे................
</div>

URL address of your image के जगह आप जो फोटो लगाना चाहते है उसका URL डाल दीजिये 
        =====================================================================


पोस्ट के बेकग्रौंड का रंग बदलने के लिए कोड........

<div style="background:#FF0080; padding:5px 8px 5px 8px;">

आप को जो भी लिखना हो यहाँ लिखे................
</div>

आप के कंप्यूटर के लिए ऑफ़ लाइन HTML विउवर |

आप के कंप्यूटर के लिए ऑफ़ लाइन HTML विउवर|
जिस की सहायेता से आप किसी भी HTML कोड को ऑफ़ लाइन रन करा के देख सकते हैं की वो काम कर रहा या नहीं |






ये सॉफ्टवेर सिर्फ 489 kb का है ,और इसको इंस्टाल करने की भी ज़रूरत नहीं ,क्यों की ये पोर्टेबल है |         

कलर scrolling text box कैसे बनायें ?

वईसे ये तरीका तो आप सब लोगों को पहले से ही मालूम है और इसके बारे में बहुत जगह बताया भी जा चूका है,फिर भी मै यहाँ नए ब्लोगर भाईयो के लिए एक बार और बता दे रहा हु ,क्यों की जानकारी बाटने से बढ़ती है एसा मै ने सुना है   
ब्लॉग के लिए scrolling text box बनाने का बहुत ही आसन तरीका उन लोगों के लिए जिन्हों ने अभी-अभी ब्लोगिंग शुरू की है |
<textarea cols="14" name="textarea" onfocus="this.select();" style="height: 70px; width: 332px;">अपना सन्देश यहाँ लिखें

अपना सन्देश यहाँ लिखें


और अगर आप इसके बेकग्राउंड को रंगीन बनाना चाहते हैं तो....

<textarea cols="40" rows="5" style="background: yellow;">अपना सन्देश यहाँ लिखें .....

अपना सन्देश यहाँ लिखें .....

Back To Top का बटन अपने ब्लॉग पर लगायें|

अपने ब्लॉग पाठको की सुविधा के लिए Back To Top का बटन अपने ब्लॉग पर लगायें|
ये बटन आप के ब्लॉग पर दाहिने तरफ निचे की तरफ होगा |
इसको लगाने के लिए....
ब्लॉग पर सन्देश लगाने के लिए...
डिज़ाइन ---> गैजेट जोड़े --> HTML/जावास्क्रिप्ट 
फिर निचे दिए हुवे कोड को कॉपी पेस्ट कर के OK दबा दे|>




<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="http://www.bellsnwhistles.com/6aroa/aar008.gif" /></a></div>

 अगर आप इसमें अपने पसंद का फोटो लगाना चाहते हैं तो ,आप अपने पसंद के फोटो का लिंक इसकी जगह डाल दें------ 
" http://www.bellsnwhistles.com/6aroa/aar008.gif "