?a??sp??a st??? a?a???ste? t?? bloggertips.gr.
S?�e?a ?a sa? de??? p?? �p??e?te ?a p??s??sete st? blog sa? t? QueryLoader, ??a script t? ?p??? ?a e�fa???eta? �e t? p?? �pa??e? ??p???? st? blog sa? ?a? de ?a fe??e? �???? ?a f??t?se? te?e??? ??? t? blog.
???ad?, a?t? ?a �??p??? ?? a?a???ste? sa? ?a f??t??e? t? ??a gadget �et? t? ????, ?a �??p??? ??? t? blog af?? f??t?se? t? QueryLoader (?d?a?te?a a? t? blog sa? e??a? ?????? "�a??", a?t? t? script �p??e? ?a fa?e? ?d?a?te?a ???s?�?).
G?a ?a ?ata??�ete t? e????, ???te ???? ed?.
??�e ?a d??�e t??a p?? ?a t? p??s??s??�e st? blog �a?.
1. S??des? st? ???a??as�? blogger
2. S?ed?as?
3. ?pe?e??as?a HTML
4. ?e Ctrl + F a?a??t??�e t? </head> ?a? a???�?? p??? ap? a?t? ep???????�e t?? pa?a??t? ??d??a:
<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/>
<script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>
<script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>
5. ?e Ctrl + F a?a??t??�e t? </body> ?a? a???�?? p??? ap? a?t? ep???????�e t?? pa?a??t? ??d??a:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script>
QueryLoader.selectorPreload = "body";
QueryLoader.init();
</script>
</b:if>
*?? ???ete ?a e�fa???eta? t? s???e???�??? script �??? st?? a????? se??da, af?ste t?? ??d??a ?p?? e??a?.<script>
QueryLoader.selectorPreload = "body";
QueryLoader.init();
</script>
</b:if>
?? ?�?? ???ete ?a e�fa???eta? se ??e? t?? se??de? t?? blog sa?, s�?ste t?? se???? t?? pa?ap??? ??d??a p?? ??? ep?s?�??e? �e bold (d??ad? t?? p??t? ?a? t?? te?e?ta?a se??? t?? pa?ap??? ??d??a).
6. ?e Ctrl + F a?a??t??�e t? ]]></b:skin> ?a? a???�?? p??? ap? a?t? ep???????�e t?? pa?a??t? ??d??a:
.QOverlay {
background-color: #000000;
z-index: 9999;
}
.QLoader {
background-color: #CCCCCC;
height: 1px;
}
.QAmt {
color:#FF530D;
font-size:50px;
font-weight:bold;
line-height:50px;
height:50px;
width:100px;
margin:-60px 0 0 -50px;
}
background-color: #000000;
z-index: 9999;
}
.QLoader {
background-color: #CCCCCC;
height: 1px;
}
.QAmt {
color:#FF530D;
font-size:50px;
font-weight:bold;
line-height:50px;
height:50px;
width:100px;
margin:-60px 0 0 -50px;
}
7. ?p????e?s? p??t?p?? ?a? e?�aste ?t??�??!
???s???!
?? ?p?????? scripts ? files st? blog sa? p?? ????? p??�??�a st? ?a f??t?s??? ?a? de f??t????? ??s?ast??? p?t?, fa???�e?? p?? e�fa???eta? a??et? s????, e??a? ?????? ?a? ep?�e?? ?a �?? te?e??se? t? "f??t?�a" t?? QueryLoader p?t?, �e ap?t??es�a ?a �?? a????e? t? blog sa?.
????�?ste t? ?a? a? ta p?e? ?a?? t?? p??t? f???, de? ?p???e? p??�??�a (e?t?? �?�a?a a? p??s??sete scripts p?? de f??t????? p?t? st? �?????).
?????: http://www.allblogtools.com/tricks-and-hacks/adding-queryloader-lazyload-script-for-blogger-and-customize-it/ + http://www.gayadesign.com/
Copyrights: http://www.bloggertips.gr/
Post by Secra from Web in Greece