इस छोटे से कोड से अपनी ब्लॉग को नया लुक दें !!!!

 
मनोज जैसवाल : सभी पाठकों को मेरा प्यार भरा नमस्कार.मेरी पिछली पोस्ट को अत्यधिक पसंद करने के लिए आप सभी का दिल से धन्यबाद.जो कि  10 जुलाई २०१२ को प्रकाशित हुई थी.आज 12 जुलाई २०१२ को मैं यह पोस्ट प्रकाशित कर रहा हूँ,जो कि लगभग 2 दिन का अंतराल है.आज तकनीकी पोस्टों के क्रम में पेश है 'टेम्पलेट में बदलाव किये बगैर'इस छोटे से कोड से अपनी ब्लॉग को नया लुक दें' इसका लाइव डेमो आप मेरे इस ब्लॉग में देख सकते हैं.इस विजेट की खास खूबी यह है कि यह आपके ब्लॉग के बायें तरफ खाली जगह लग जाता हैजहां आम तोंर पर कोई विजेट नहीं लगाता है .इसके लिए आप को अपने टेम्पलेट में कोई बदलाव भी नहीं करना होगा.आप अपने ब्लॉगर खाते में लॉन्ग इन हों एड विजेट जाबा स्क्रिप्ट्स का चयन कीजिये खुले बॉक्स में नीचे दिया कोड डाल कर सेव कर दीजिये.कोड के लिए प्लीज Show बटन पर क्लिक करें. 

क्लिक >>

<style>
.lordhtml-flt-wdt
{
position:fixed;
left:10px;
top:10% ;
}
.lordhtml-flt-wdt img
{
float:left; clear:left; margin:1px;
-webkit-transition: all .0s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.lordhtml-flt-wdt img:hover
{
-moz-transform: scale(1.2) rotate(6deg);
-webkit-transform: scale(1.2) rotate(6deg);
 -o-transform: scale(1.2) rotate(6deg);
-ms-transform: scale(1.2) rotate(6deg);
transform: scale(1.2) rotate(6deg);
 }
</style>
<div class="lordhtml-flt-wdt">
<a href="http://www.facebook.com/manojjaiswalpbt" title="Join me on Facebook" target="_blank"><img alt="Join me on Facebook" src="http://1.bp.blogspot.com/-0FOfPAnPjPY/T_mLiIpMuvI/AAAAAAAAEvI/BE2mr6_ZpRo/s1600/facebook_color02_128x128.png" /></a>
<a href="http://twitter.com/manojjaiswalpbt" title="" target="_blank"><img alt="Follow me on Twitter" src="http://1.bp.blogspot.com/-1AOZI5S82Kc/T_mLkxEX76I/AAAAAAAAEvo/fA-jhAhS_r4/s1600/twitter02_color_128x128.png" /></a>
<a href="https://plus.google.com/114465017807692970484" title="" target="_blank"><img alt="Follow me on Google Plus" src="http://1.bp.blogspot.com/-G09AKYIczUI/T_mLjdPIvnI/AAAAAAAAEvY/DckHgOs2BmU/s1600/google_color02_128x128.png" /></a>
<a href="http://feeds.feedburner.com/manojjaiswalpbt" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="http://1.bp.blogspot.com/-jHjKx9PQ6hU/T_mLi4de1mI/AAAAAAAAEvQ/ZtpKKJE1GpU/s1600/feed_color02_128x128.png" /></a>
<a href="mailto:manojjaiswalpbt@gmail.com" title="Email me" target="_blank"><img alt="Email me" src="http://4.bp.blogspot.com/-19J4gHGq87M/T_mLkMgrgCI/AAAAAAAAEvg/Teramzw7k7U/s1600/mail_color02_128x128.png" /></a>
</div>
<!-- End -->

आप लाल रंग से दिए मेरे लिंक की जगह अपने लिंक डालना ना भूलें

                                                     चलते चलते 

                               

                                  अपने ब्लॉग की लोड होने की स्पीड बढायें

इसकी प्रक्रिया है ..
सबसे पहले तो आप अपने ब्लॉगर अकाउंट में लोगिन करें dashboard से Design > Edit HTML पर जाएँ


अब Html Code Box में</head> 
कोड ढूंढें इसके लिए आप Ctrl+F कीज का भी उपयोग कर सकते है.
अब इसके ठीक ऊपर

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://manojjaiswalpbt.googlecode.com/files/lazyload-min.js' type='text/javascript'/>

<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;http://manojjaiswalpbt.googlecode.com/files/grey.gif&quot;,threshold : 200});

});
</script>

ये कोड पेस्ट कर दें.

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

इससे आप के ब्लॉग के लोड होने की स्पीड निश्चित ही तेज हो जाएगी.

क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!