Adaugarea acestui efect in coltul paginii tale de blogspot poate incanta diferite persoane care mai mult ca sigur iti va cere sa le arati cum ai facut acest lucru.Simplu.
1.Intra in contul tau de blogger >> Aspect >> Editati HTML si bifati casuta in dreptul caruia scrie "extindeti sablonul existent"
2.Cautati aceasta linie </head> in sablonul tau ( Ctrl+F)
3.Inaintea acestei linii adaugati acest cod :
<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(http://www.wallheaven.com/subscribe.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
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({
width: '307px',
height: '319px'
}, 500);
} , function() {
$("#pageflip img").stop()
.animate({
width: '50px',
height: '52px'
}, 220);
$(".msg_block").stop()
.animate({
width: '50px',
height: '50px'
}, 200);
});
});
</script>
4.Dupa ce ati adaugat codul de mai sus cautati aceasta linie : <body>
si imediat dupa aceasta linie adaugati codul acesta:
<div id='pageflip'>
<a href='http://feeds.feedburner.com/99bloguri'><img alt='' src='http://www.wallheaven.com/page_flip.png'/></a>
<div class='msg_block'></div>
</div>
5.Salvati.
Inlocuiti ceea ce scrie cu albastru cu numele de inregistrare feedburner.Numele feed-ului meu de la feedburner este 99bloguri.Inlocuieste cu numele feed-ului tau si ai un efect in coltul paginii complet.
p.s. Inainte de a demara la lucru puteti vedea acest widget de efect colt al paginii unui blogspot blog aici.Se poate inlocui codul de la pct 4 cu orice alt cod.Un cod catre o pagina din blogul tau sau un cod de reclama.
Sursa acestui cod aici
RSS Feed
Twitter
Facebook
0 comentarii:
Trimiteți un comentariu