Friday, 31 March 2017
FEATURE POST WIDGET IN BLOG
------------------------------------------------------------------------------------------------------------
FEATURE POST WIDGET WITHOUT JAVA CODE
1) IT WORKS WITH POST ID
2) CHANGE YOUR POST ID IN YELLOW CODE
3) GO INSIDE AND EDIT POST AND GET YOUR POST ID
4) SEE ABOVE PICTURE
5) ADD BELOW CODE IN BLOG TEMPLATE SECTION AREA
Read More:
https://www.youtube.com/watch?v=Wf4bo_VGjMY
------------------------------------------------------------------------------------------------------------
<b:widget id='FeaturedPost1' locked='false'
title='FEATURE POST' type='FeaturedPost'>
<b:widget-settings>
<b:widget-setting name='showSnippet'>true</b:widget-setting>
<b:widget-setting name='showPostTitle'>true</b:widget-setting>
<b:widget-setting name='postId'>2805640027711463317</b:widget-setting>
<b:widget-setting name='showFirstImage'>true</b:widget-setting>
<b:widget-setting name='useMostRecentPost'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- Only display title if it's non-empty -->
<b:if cond='data:title !=
""'>
<h2 class='title'><data:title/></h2>
</b:if>
<b:include name='content'/>
<b:include name='quickedit'/>
</b:includable>
<b:includable id='content'>
<div class='post-summary'>
<b:if cond='data:showPostTitle and
data:postTitle != ""'>
<h3><a expr:href='data:postUrl'><data:postTitle/></a></h3>
</b:if>
<b:if cond='data:showSnippet and
data:postSummary != ""'>
<p>
<data:postSummary/>
</p>
</b:if>
<b:if cond='data:showFirstImage and
data:postFirstImage != ""'>
<img class='image' expr:src='data:postFirstImage'/>
</b:if>
</div>
<style type='text/css'>
.image {
width: 100%;
}
</style>
</b:includable>
</b:widget>
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment