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 :
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
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...
Related Post for BASIC POST CODE AND ANIMATION UNDER POST BODY CONTENT
SEARCH BOX WITHOUT JAVA CODE
SYNTAX HIGHLIGHTER BLOGGER TEMPLATE
GOOGLE IMAGE HOSTING BY PICSA
ONLINE ZIP OPNER
POPULAR POST WIDGET DIFFERENT STYLES
AUTOMATION ANY WEBSITES
Platinum Arts Sandbox Free 3D Game Maker
WORD PRESS PARTS
RECAPTCHA KEY CONTCAT FORM FOR BLOGGER
BASIC TEXT OR SCROLL BOX OR IMAGE SRC HTML CODES
CSS BORDER COLOR
FANCY BOX JS FIDDLE
JAVA COLOR PICKER WITH
RELATED POST WIDGET FRONT SCREEN TEMPLATE
Related PostWidget WithFirst Big Thumbnail
NEWS TICKER BLOGGER TEMPLATES
BLOG FULL POST IMAGE 600 BY 600
RELATED POST WIDGET LIST SHAPE
CODE OR TEXT WRITING BOX
IMAGE SCROLL BOX WITH MOUSE CURSOR
GENERIC BLOGGER TEMPLATE WITH CSS HEADER IMAGE AND PAGINATION
HOW TO GET MALWARE ADD POPUP WITHOUT SOFTWARE
ADD POP UP REMOVER
SYNTAX HIGHLIGHTER BLOGGER TEMPLATE
RECENT/FEATURED POST THUMBNAIL IMAGE IN SIDEBAR
MAKE DLL FILE AND OPEN IN VISUAL BASIC 2008-2010
WEBSITE TRANSLATOR AND THUMBNAIL
SYNTAX HIGHLIGHTER BLOGGER TEMPLATE.jpg)
INSTALL WORD PRESS TEMPLATE
IMAGE CONVERTER SOFTWARE 
PAGINATION IN BLOG
Popular Posts Widget for Blogger Tweak
POST LOADER TEMPLATE 
HTML AND EMOTIONS ICON COMMENT BOX 
PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG
GENERIC POST TITLE UNDER AUTO READ POST IMAGE TEMPLATE
RELATED POST WIDGET LEFT TO RIGHT
POST LOADER TEMPLATE
EDIT IMAGE IN NOTEPAD++
RECENT OR FEATURED POST SLIDER AFTER FOOTER
How to open a .DLL or .EXE file in Resource Editor
SYNTAX HIGHLIGHTER ON LINE FOR BLOGGER
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.