» » » » » Feed Subscription Page Peel Effect Add For Blogger (st? pa?? de??a ????a)

Feed Subscription Page Peel Effect Add For Blogger (st? pa?? de??a ????a)

, , ,
?p? ta ?a??te?a ?a? a?ap?�??a �?? blogger hacks ?? a?t?, p?? ???? s?�e?a ?a t? �???ast? �a?? sa?. ???a? ??a ap?ste?ta ?�??f? blogger ef? ??a t? blog sa?, p?? �pa??e? st?? p??? de??? ????a t?? blog sa?, e?? a?ad?p???e? a?????a �e t?? ????se?? t?? p??t?????. ??t? t? add p???t??pe? t??? ep?s??pte? sa? ?a e???af??? st? newletter sa? st? feedburner.

S????????: p??pe? ?a ??ete ?p?sd?p?te ???a??as�? ?a? newsletter st? feedburner �???! �?? pa????�??este! de?te t? http://www.bloggertips.gr/2010/11/newsletter-how-to-add-feedburner-email.html ??a ft???te t??a t?? ???a??as�? sa?!

????????ste p?st? ta pa?a??t? �?�ata ??a ?a t? e??atast?sete st? blog sa?:

1. S??des? st?? ???a??as�? �a? ap? t? blogger.com
2. S?ed?as?> ?pe?e??as?a html
3. ?e t? �???e?a t?? ctrl+F �?e?te t? </head> ?a? ep??????ste t?? pa?a??t? ??d??? a�?s?? p??? ap? t? </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(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

$(&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>

To http://www.wallheaven.com/subscribe.png p??te??? ?a t? af?sete ?p?? e??a? a? de? ??ete ?a �??ete ??t? ?a??te??.

??? ??a �??a ?a t? ???a?a �e t? http://i723.photobucket.com/albums/ww239/johnpatra/social%20networks/avoda0.png, t??a ese?? de? ???? a? ??ete ??t? t?t??? :).

4. ???a �?e?te t? <body> ?a? ep??????ste t?? pa?a??t? ??d??? a�?s?? �et? ap? t? <body>

<div id='pageflip'>
<a href='http://feeds.feedburner.com/Johnpatrablog'><img alt='' src='http://www.wallheaven.com/page_flip.png'/></a>
<div class='msg_block'></div>
</div>

?? Johnpatrablog st? http://feeds.feedburner.com/Johnpatrablog t? a????ete �e t? d?e????s? t?? d???? sa? ???a??as�?? st? feedburner. ???pe? ?a �??ete d?e????s? �??? ap? t? feedburner a????? de? ?e?t????e?! ?a? p??pe? ?a e??a? t?? pa?ap??? �??f?? ????! ??s?ast??? t? �??? p?? a????ete e??a? t? Johnpatrablog.

T? http://www.wallheaven.com/page_flip.png p??te??? ?a t? af?sete ?p?? e??a? a? de? ??ete ?a �??ete ??t? ?a??te??.

5. ?p????e?s?!


?? sa? ??ese af?ste ??a s????? :)

????? ??d????: http://www.sohtanaka.com/,http://www.anshuldudeja.com/,http://www.cssreflex.com/
Copyrights: http://bloggertips.gr/