Thursday, 25 July 2013
BASIC POST CODE AND ANIMATION UNDER POST BODY CONTENT
-------------------------------------------------------------------------------------------------------
THIS IS A SCROLLING POST ANIMATION
Find This Line In your Blogger Code And Replace With Below Code
<b:includable id='post' var='post'></b:includable>
--------------------------------------------------------------------------------------------------------<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType != "item"'>
<div class='post' id='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<!-- Animation start Here-->
<marquee behavior='scroll' class='marquee_code' direction='left' scrollamount='100'>
<a expr:href='data:post.url'/>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
</marquee>
<!-- Animation Finish Here-->
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>/*<![CDATA[*/createSummaryAndThumb("summary<data:post.id/>");/*]]>*/</script>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<div style='clear:both'/>
</div>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='single' id='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-body-2'>
<p><data:post.body/></p>
<div style='clear:both'/>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span> on <data:post.dateHeader/> <span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span> <span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span> <span class='post-icons'>
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span> </div>
</div>
</div>
</b:if>
</b:includable>
-----------------------------------------------------------------------------------------------
TUTORIAL FINISH
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
A BASIC CODE HAS ONLY TWO LINE YOU CAN WRITE THIS CODE
BETWEEN ANIMATION DIVE TAG LINE
----------------------------------------------------------------------------------------------------
<!-- Animation start Here-->
<marquee behavior='scroll' class='marquee_code' direction='left' scrollamount='100'>
<a expr:href='data:post.url'/>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
</marquee>
<!-- Animation Finish Here-->
-----------------------------------------------------------------------------------------------------
IN THIS CODE RED LINE SHOW ANIMATION CODE
AND BLUE LINE SHOW POST CODE
----------------------------------------------------------------------------------------------
IF YOU WANT EDIT MARQUEE DIVE WRITE BELOW CSS CODE
BLOG B SKIN TAG
-----------------------------------------------------------------------------------------------
<style type='text/css'>
.marquee_code
{height:100px;
width:970px;
background-color:FAFAFA;
font-family:Helvetica;
font-size:18pt;
color:FF9061;
border-width:2px;
border-style:None;
border-color:blue;
}
</style>
---------------------------------------------------------------------------
OTHERS INFORMATION
THIS CODE SHOWS IN VIEW PAGE SOURCE CODE
---------------------------------------------------------------------------------------
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
<marquee behavior='scroll' class='marquee_code' direction='left' scrollamount='100'>
<a href='http://nicebabes.blogspot.co.uk/2013/07/talita-correa-boosts-brazils-sex-appeal.html'></a>
<div id='summary9032004305575168653'><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj0nV4wg6xGil3maGZRfJzGD3MIHmZpiL4dtPLTqDad9JvQNFGSNOrDMwOmvJtOkOTnvSPG80kF7ZkOxjotJ2NggZxCYgp8PnBtr9nNgPHXyxwfBynVwSkRYC-gIm3deZyb1Ne8pukkC6E/s600/correatalita01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj0nV4wg6xGil3maGZRfJzGD3MIHmZpiL4dtPLTqDad9JvQNFGSNOrDMwOmvJtOkOTnvSPG80kF7ZkOxjotJ2NggZxCYgp8PnBtr9nNgPHXyxwfBynVwSkRYC-gIm3deZyb1Ne8pukkC6E/s600/correatalita01.jpg"></a></div>
</div>
</marquee>
BASIC POST CODE AND ANIMATION UNDER POST BODY CONTENT
FB Gadgets
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment