Blog Includable Main Top Widget Problem

Thursday, 11 July 2013

Blog Includable Main Top Widget Problem

Blog Includable Main Widgets Problem

----------------------------------------------------------------------------------------------------------
After Blog Outer And Main Wrapper,You find blog post section Area, This Section Has 23 Includable Widgets Such As :
Main,BacklinkDeleteIcon,Backlinks,
Comment-form,CommentDeleteIcon,Comment_count_picker,
Comment_picker,Comments,FeedLinks,
FeedLinksBody,Iframe_comments,Mobile-index-post,
Mobile-main,Mobile-nextprev,Mobile-post
Nextprev,Post,PostQuickEdit,
ShareButtons,Status-message,Threaded-comment-form,
Threaded_comment_js,Threaded_comments
-----------------------------------------------------------------------------------------------------------
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<title>FB Gadgets</title>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
/* ========================================================
Name : Fb Gadgets
Designed by: Fb Gadgets (http://fbgadgets.blogspot.com/)
Date : July 2013
======================================================== */
/* Template Colors Fonts And Variable Code
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#111111">*/

/* Nav Bar Display None Code
Other Css Code
----------------------------------------------*/
#navbar-iframe{display: none !important;}

/* normal posts
----------------------------------------------*/

.post {
width: 960px;
margin: 0 auto;
padding: 0;
}

/* After Post Size
----------------------------------------------*/

.post-body img {
float: left;
width: auto;
height: auto;
margin: 0 0 20px;
border: 10px solid $bordercolor;
}

/* Auto Width Outer-Wrapper*/
#outer-wrapper{width:auto;margin:0px auto 0px;padding:0px;text-align:left;background:none;}

/* Auto Width Main-Wrapper*/
#main-wrapper{width:auto;float:left;margin:0px;padding:0px 0px 0px 0px;word-wrap:break-word;overflow:hidden;text-shadow:0 1px 0 #fff;}

]]></b:skin>

/* Post Coditional Code, Java Code And
Other Css Code
----------------------------------------------*/

<b:if cond='data:blog.pageType == "index"'>
<style type='text/css'>
.post-body {max-height: 160px;}

</style>

</b:if>

<b:includable id='iframe_comments' var='post'></b:includable>

<b:includable id='mobile-index-post' var='post'></b:includable>

<b:includable id='mobile-main' var='top'></b:includable>

<b:includable id='mobile-nextprev'></b:includable>

<b:includable id='mobile-post' var='post'></b:includable>

<b:includable id='nextprev'></b:includable>

<b:includable id='post' var='post'></b:includable>
<b:includable id='postQuickEdit' var='post'></b:includable>
<b:includable id='shareButtons' var='post'></b:includable>
<b:includable id='status-message'></b:includable>

<b:includable id='threaded-comment-form' var='post'></b:includable>
<b:includable id='threaded_comment_js' var='post'></b:includable>
<b:includable id='threaded_comments' var='post'></b:includable>

</b:widget>
</b:section>

</div> 

<div class='clear'/>


<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'></b:widget>
<b:widget id='HTML2' locked='false' title='' type='HTML'></b:widget>
<b:widget id='HTML3' locked='false' title='' type='HTML'></b:widget>
</b:section>

<div class='clear'/>


<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div> 
</body>
</html>

------------------------------------------------------------------------------------------------------
Blog Includable Main Top Widget Problem Tutorial Starts Here

Find This Red Line in Your Html Code

<b:includable id='main' var='top'></b:includable>

And Replace This Red Line With Below Code If Your Home Page Show Post Date

------------------------------------------------------------------------------------------------------

<b:includable id='main' var='top'>
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:include data='post' name='post'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='pager'>
<b:include name='nextprev'/>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<div class='clear'/>
<b:if cond='data:blog.pageType != "item"'>
<div class='pager'>
<b:include name='nextprev'/>
</div>
</b:if>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>/*<![CDATA[*/google.load("annotations","1",{"locale":"<data:top.languageCode/>"});function initialize(){google.annotations.setApplicationId(<data:top.blogspotReviews/>);google.annotations.createAll();google.annotations.fetch();}
google.setOnLoadCallback(initialize);/*]]>*/</script>
</b:if>
</b:includable>

----------------------------------------------------------------------------------------------

Main,BacklinkDeleteIcon,Backlinks,
Comment-form,CommentDeleteIcon,Comment_count_picker,
Comment_picker,Comments,FeedLinks,
FeedLinksBody,Iframe_comments,Mobile-index-post,
Mobile-main,Mobile-nextprev,Mobile-post
Nextprev,Post,PostQuickEdit,
ShareButtons,Status-message,Threaded-comment-form,
Threaded_comment_js,Threaded_comments
Blog Includable Main Top Widget Problem,