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
Related movie you might like to see :

CSS SYNTAX HIGHLIGHT CHANGE IN NOT...

WEB IMAGE DOWNLOADER

TEXT COMPARE OR DUPLI TEXT FINDER

BLOCK JAVA SCRIPT BY GOOGLE CHROME

MOUSE COORDINATES IN JAVA SCRIPT

RELATED POST WIDGET LIST WITHOUT TH...

DYNAMIC VIEWS BLOGGER TEMPLATE

FLASH PLAYER SWF FILE DOWNLOAD ARCH...

WHACK A RAT CSS GAME

GOOGLE FILTER BUTTON IN IMAGE SEARC...

BUTTON PADDING CHANGE HEIGHT WIDTH

INPUT BUTTON VALUE SWAP
?
+
X
Recommended for you
Loading..
Related Post for BASIC POST CODE AND ANIMATION UNDER POST BODY CONTENT
INTENSO MAGENTO QUICK VIEW BUTTON ---------------------------------------------------------------------------------------------------------------- 6:01 REMOVE QUICK VIEW BUTTON IN MAGEā¦
GOOGLE FILTER BUTTON IN IMAGE SEARCH ------------------------------------------------------------------------------------------------------ SEARCH IN GOOGLE: Google Image Search and search for any query,&nbsā¦
BLOG ZOOM EFFECT THUMBNAIL ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE READ MORE: http://www.mastemplate.com/20ā¦
WHACK A RAT CSS GAME ----------------------------------------------------------------------------------------------------------------- ReadMore: https://dzone.com/articles/css3-games-collection httā¦
RADIO BUTTON SLIDER TO KEY FRAME SLIDER ------------------------------------------------------------------------------------------------------------ Read More: https://codepen.io/macbobbitt_/pen/jmEBL https://codepeā¦
BODY JS FILE LINK IN MAGENTO ------------------------------------------------------------------------------------------------------------- SEARCH IN GOOGLE file content software https://www.google.co.uk/sā¦
FEATURE POST WIDGET IN BLOG ------------------------------------------------------------------------------------------------------------ FEATURE POST WIDGET WITHOUT JAVA CODE 1) IT WORKS WITH POST ID 2) ā¦
FIREBUG LITE USE OFFLINE ------------------------------------------------------------------------------------------------------------- 1)GET CSS CODE BY COPY CSS SELECTOR OR GOOGLE INSPECT 2) OR GET CSSā¦
FLICKITY JS CSS SLIDER ----------------------------------------------------------------------------------------------------------------------- ReadMore: https://flickity.metafizzy.co/ NEED 1 CSS FILā¦
MAGENTO CUSTOM BLOCK DEVOLPMENT ------------------------------------------------------------------------------------------------------------------ READ MORE: https://code.tutsplus.com/tutorials/custom-block-dā¦
FLICKITY SLIDER SCROLL WITH RADIO NEXT PREV BUTTON ----------------------------------------------------------------------------------------------------------- ReadMore: http://codepen.io/desandro/pen/bNLGNZ view-source:http://sā¦
BRICK WALL MENU BAR CODE -------------------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE http://fbgadgets.blogspoā¦
Labels:
B
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.