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>
Related movie you might like to see :
GOOGLE CONSOLE
GOOGLE CHROME EXTENSION FILE SAVE O...
OPEN DESKTOP TEXT FILE BY COMMAND P...
RADIO BUTTON SLIDER TO KEY FRAME SL...
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...
DYNAMIC VIEWS BLOGGER TEMPLATE
FLASH PLAYER SWF FILE DOWNLOAD ARCH...
WHACK A RAT CSS GAME
GOOGLE FILTER BUTTON IN IMAGE SEARC...
QUICK FIND TOOL GOOGLE CHROME FOR ...
WEB DEVELOPER 0.5
CSS SLIDER WITHOUT JS
FLICKITY SLIDER SCROLL WITH RADIO N...
Related Post for FEATURE POST WIDGET IN BLOG
Drag and Drop Practice Game With Image
IMAGE SCROLL BOX WITH MOUSE CURSOR
GENERIC POST TITLE UNDER AUTO READ POST IMAGE TEMPLATE
DRAG AND DROP PRACTICE GAME WITH IMAGE
DRAG AND DROP HTML GAME
MAKE DLL FILE AND OPEN IN VISUAL BASIC 2008-2010
POST LOADER TEMPLATE 
How to open a .DLL or .EXE file in Resource Editor
ADD POP UP REMOVER
Popular Posts Widget for Blogger Tweak
PAGINATION IN BLOG
RECENT/FEATURED POST THUMBNAIL IMAGE IN SIDEBAR
RELATED POST WIDGET FRONT SCREEN TEMPLATE
RELATED POST WIDGET LIST SHAPE
RECENT OR FEATURED POST SLIDER AFTER FOOTER
UnityAssetsExplorer
PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG
POST LOADER TEMPLATE
DRAG AND DROP HTML GAME
DRAG AND DROP WITH JQUERY AND HTML TUTORIAL
DRAG AND DROP PRACTICE GAME WITH IMAGE- DRAG AND DROP HTML GAME
RECAPTCHA KEY CONTCAT FORM FOR BLOGGER
HOW TO GET MALWARE ADD POPUP WITHOUT SOFTWARE
FANCY BOX JS FIDDLE
Dino Pairs Matching Game 
WEBSITE TRANSLATOR AND THUMBNAIL
BASIC TEXT OR SCROLL BOX OR IMAGE SRC HTML CODES
DRAG AND DROP HTML GAME
JAVA COLOR PICKER WITH- Drag and Drop Practice Game With Image
Sprite Sheet Animation
GENERIC BLOGGER TEMPLATE WITH CSS HEADER IMAGE AND PAGINATION
Random/Recent/Feature Posts Button In Blogger
POPULAR POST WIDGET DIFFERENT STYLES
AUTOMATION ANY WEBSITES
BLOG FULL POST IMAGE 600 BY 600
HTML AND EMOTIONS ICON COMMENT BOX - DINO PAIRS MATCHING GAME
DRAG AND DROP HTML GAME
CARD GAMES WITH DRAG AND DROP WITH JQUERY AND HTML
ONLINE ZIP OPNER
Related PostWidget WithFirst Big Thumbnail
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.