Welcome to blogger2ools!
I know it's a bit ugly but it grows on you. The purpose of this page is to reference ALL the layout data tags available to you when coding blogger templates. There's a section for global tags and the rest are only available to specific widgets. This guide is generated in real-time from a real blogger template. I've included links all over the place to help you navigate. You'll notice the tag values change when you do. Echoing data directly from the code ensures you'll always have an up-to-date Blogger reference. Keep this page bookmarked!
If you find this confusing then seeing blogger2ools in dynamic view might help to wrap your head around this. New window because dynamic views break the back button.
Changelog
More Information
I've written many guides on customizing Blogger in undocumented ways. Here's a few to get you started.
So have fun, play around. I know you will find this very useful. If you like this tool then share it with others. Link it on your own guides. Seeing links and incoming traffic are how I know people are using it. And that encourages me to keep it updated. Take care!
A Global Layout Data Tag can be used anywhere in your template, even the header.
blog.blogId
8769510562916278720blog.postId
1533761054079552004blog.pageId
blog.bloggerUrl
https://www.blogger.com
πblog.blogspotFaviconUrl
https://blogger2ools.mystady.com/favicon.ico
πblog.homepageUrl
https://blogger2ools.mystady.com/
πblog.canonicalHomepageUrl
https://blogger2ools.mystady.com/
πblog.url
https://blogger2ools.mystady.com/2011/04/tinypic-hosted-image.html
πblog.canonicalUrl
https://blogger2ools.mystady.com/2011/04/tinypic-hosted-image.html
πblog.postImageUrl
http://i51.tinypic.com/ejdkjm.jpg
πblog.pageType
itemblog.searchLabel
blog.searchQuery
blog.title
blogger2ools: Data Tags Reference for Templates (2019 update)blog.pageTitle
blogger2ools: Data Tags Reference for Templates (2019 update): TinyPic Hosted JPGblog.pageName
TinyPic Hosted JPGblog.metaDescription
blog.localeUnderscoreDelimited
enblog.isPrivateBlog
falseblog.adultContent
falseblog.googleProfileUrl
πblog.postImageThumbnailUrl
http://i51.tinypic.com/ejdkjm_th.jpg
πblog.imageSrcTag
blog.analyticsAccountNumber
UA-16030039-1blog.view
blog.dynamicViewsScriptSrc
//www.blogblog.com/dynamicviews/89335447f6baec0c
πblog.dynamicViewsCommentsSrc
//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js
πblog.disableAdSenseWidget
blog.adsenseClientId
ca-pub-3290481153522974blog.plusOneApiSrc
https://apis.google.com/js/platform.js
πblog.isMobile
falseblog.isMobileRequest
falseblog.mobileClass
blog.isPrivate
falseblog.enabledCommentProfileImages
trueblog.encoding
UTF-8blog.locale
enblog.languageDirection
ltrblog.meTag
blog.ieCssRetrofitLinks
blog.layout-title
blog.mobileHeadScript
blog.openIdOpTag
blog.feedLinks
blog.latencyHeadScript
b:include
tags
data="blog" name="all-head-content"
data="blog" name="layout"
data="blog" name="quickedit"
widget.type:
Headerwidget.instanceId:
Header1title:
blogger2ools: Data Tags Reference for Templates (2019 update)widget.sectionId:
documented-widgetswidget.actionUrl:
//blogger2ools.mystady.com/2011/04/tinypic-hosted-image.html?widgetType=Header&widgetId=Header1
πwidget.quickEditUrl:
//www.blogger.com/rearrange?blogID=8769510562916278720&widgetType=Header&widgetId=Header1&action=editWidget§ionId=documented-widgets
πedit-link:
Editdescription:
Here the complete list of Blogger Layout Data Tags, Live Widgets, and PageType examples for your templates. Updated: 2019useImage:
truesourceUrl:
http://dl.mystady.com/blogger2ools/blogger2ools-logo-90x90.png
πheight:
90px; width:
90px; imagePlacement:
BEHIND
(Values: "BEHIND", "REPLACE")backgroundPositionStyleStr:
leftwidthStyleStr:
width: 90px; mobile:
false(3.28.10) - The value of the title
attribute in your b:widget
element will be ignored.
widget.type:
BlogArchivewidget.instanceId:
BlogArchive1title:
Blog Archivewidget.sectionId:
documented-widgetswidget.actionUrl:
//blogger2ools.mystady.com/2011/04/tinypic-hosted-image.html?widgetType=BlogArchive&widgetId=BlogArchive1
πwidget.quickEditUrl:
//www.blogger.com/rearrange?blogID=8769510562916278720&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=documented-widgets
πedit-link:
Editstyle:
FLAT
(Values: "FLAT", "MENU", "HIERARCHY")data:
(list-type)
index:
0name:
Sep 18post-count:
2expclass:
collapsedurl:
https://blogger2ools.mystady.com/2015_09_18_archive.html
πtoggleId:
index:
1name:
Sep 17post-count:
1expclass:
collapsedurl:
https://blogger2ools.mystady.com/2015_09_17_archive.html
πtoggleId:
index:
2name:
Apr 12post-count:
16expclass:
collapsedurl:
https://blogger2ools.mystady.com/2011_04_12_archive.html
πtoggleId:
index:
3name:
Apr 11post-count:
4expclass:
expandedurl:
https://blogger2ools.mystady.com/2011_04_11_archive.html
πtoggleId:
index:
4name:
Apr 22post-count:
2expclass:
collapsedurl:
https://blogger2ools.mystady.com/2010_04_22_archive.html
πtoggleId:
index:
5name:
Mar 23post-count:
1expclass:
collapsedurl:
https://blogger2ools.mystady.com/2010_03_23_archive.html
πtoggleId:
widget.type:
Profilewidget.instanceId:
Profile1title:
Profilewidget.sectionId:
documented-widgetswidget.actionUrl:
//blogger2ools.mystady.com/2011/04/tinypic-hosted-image.html?widgetType=Profile&widgetId=Profile1
πwidget.quickEditUrl:
//www.blogger.com/rearrange?blogID=8769510562916278720&widgetType=Profile&widgetId=Profile1&action=editWidget§ionId=documented-widgets
πedit-link:
EditThe Feed Widget only works when a visitor has JavaScript enabled. It uses the Google AJAX Feed API to dynamically replaces the first element it finds with an id whose value matches widget.instanceId
+ "_feedItemListDisplay". So in this case the Feed Widget is looking for id="Feed1_feedItemListDisplay"
.
widget.type:
Feedwidget.instanceId:
Feed1title:
widget.sectionId:
documented-widgetswidget.actionUrl:
//blogger2ools.mystady.com/2011/04/tinypic-hosted-image.html?widgetType=Feed&widgetId=Feed1
πwidget.quickEditUrl:
//www.blogger.com/rearrange?blogID=8769510562916278720&widgetType=Feed&widgetId=Feed1&action=editWidget§ionId=documented-widgets
πedit-link:
EditfeedUrl:
https://mystady.com/feeds/posts/default/-/Anime
πloadingMsg:
Loading...showItemDate:
trueshowItemAuthor:
truenumItemsShow:
5openLinksInNewWindow:
trueThe standard-issue Feed Widget (last checked 4.19.10), uses a single includable which contains the following code snippet:
<h2><data:title/></h2> <div class='widget-content' expr:id='data:widget.instanceId + "_feedItemListDisplay"'> <span style='filter: alpha(25); opacity: 0.25;'> <a expr:href='data:feedUrl'><data:loadingMsg/></a> </span> </div> <b:include name='quickedit'/>
The following code snippet demonstrates the minmum code required to render the feed items:
<div expr:id='data:widget.instanceId + "_feedItemListDisplay"' />
I used quotation marks (") instead of the HTML character entity "
because it's smaller (one byte vs. six) and makes for easier reading. The code above won't work outside the Feed Widget. In fact, you could potentially get a bX error depending on where you try to use it. The following code snippet demonstrates a (very simple) workaround:
<div id="Feed1_feedItemListDisplay" />
The following code snippet will replace the entire page with the Feed Widget. I can't think of any use for this...
<body id="Feed1_feedItemListDisplay">
Use the following classes to style the Feed Widget items: item-title
, item-date
, item-author
.
widget.type:
Imagewidget.instanceId:
Image1title:
Picturewidget.sectionId:
documented-widgetswidget.actionUrl:
//blogger2ools.mystady.com/2011/04/tinypic-hosted-image.html?widgetType=Image&widgetId=Image1
πwidget.quickEditUrl:
//www.blogger.com/rearrange?blogID=8769510562916278720&widgetType=Image&widgetId=Image1&action=editWidget§ionId=documented-widgets
πedit-link:
EditsourceUrl:
https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tBuF6uTVerI9ZU1o6hNFo4rWuTx_LeH4kQnoqy_wFH2Gotiy7EV1h9DjRdcUP9Mk3IWG7Kgu_olfeW7BeaGyGKvu_ko21od8KPfU8TCPF13lXvLWmih4NIWrQ5cUwLIYg=s0-d
πwidth:
90height:
90caption:
The blogger2ools logo.link:
https://blogger2ools.mystady.com/
πwidget.type:
Labelwidget.instanceId:
Label1title:
Labelswidget.sectionId:
documented-widgetswidget.actionUrl:
//blogger2ools.mystady.com/2011/04/tinypic-hosted-image.html?widgetType=Label&widgetId=Label1
πwidget.quickEditUrl:
//www.blogger.com/rearrange?blogID=8769510562916278720&widgetType=Label&widgetId=Label1&action=editWidget§ionId=documented-widgets
πedit-link:
Editdisplay:
list
(Values: "list", "cloud")showFreqNumbers:
truelabels:
(list-type)
index:
0name:
Imagescount:
16url:
https://blogger2ools.mystady.com/search/label/Images
πcssSize:
5index:
1name:
Amazon S3count:
5url:
https://blogger2ools.mystady.com/search/label/Amazon%20S3
πcssSize:
3index:
2name:
Picasacount:
4url:
https://blogger2ools.mystady.com/search/label/Picasa
πcssSize:
3index:
3name:
Flickrcount:
3url:
https://blogger2ools.mystady.com/search/label/Flickr
πcssSize:
3index:
4name:
One Fishcount:
3url:
https://blogger2ools.mystady.com/search/label/One%20Fish
πcssSize:
3index:
5name:
Two Fishcount:
3url:
https://blogger2ools.mystady.com/search/label/Two%20Fish
πcssSize:
3index:
6name:
YouTubecount:
3url:
https://blogger2ools.mystady.com/search/label/YouTube
πcssSize:
3index:
7name:
Red Fishcount:
2url:
https://blogger2ools.mystady.com/search/label/Red%20Fish
πcssSize:
2index:
8name:
Videocount:
2url:
https://blogger2ools.mystady.com/search/label/Video
πcssSize:
2index:
9name:
Blue Fishcount:
1url:
https://blogger2ools.mystady.com/search/label/Blue%20Fish
πcssSize:
1index:
10name:
Facebookcount:
1url:
https://blogger2ools.mystady.com/search/label/Facebook
πcssSize:
1index:
11name:
Img Boxcount:
1url:
https://blogger2ools.mystady.com/search/label/Img%20Box
πcssSize:
1index:
12name:
Photobucketcount:
1url:
https://blogger2ools.mystady.com/search/label/Photobucket
πcssSize:
1index:
13name:
TinyPiccount:
1url:
https://blogger2ools.mystady.com/search/label/TinyPic
πcssSize:
1The standard-issue Labels Widget (last checked 4.19.10), uses the following conditional statement to check if you're on a label page:
<b:if cond='data:blog.url == data:label.url'>
Unfortunately, that code only works on the first page. Replace it (both instances), with the following code snippet to have it work on all Label Pages:
<b:if cond='data:label.name == data:blog.searchLabel'>
Label Pages and Search Pages function similarly. See also Customizing Blogger's Search Result Pages With searchQuery.
widget.type:
LinkListwidget.instanceId:
LinkList1title:
Link Listwidget.sectionId:
documented-widgetswidget.actionUrl:
//blogger2ools.mystady.com/2011/04/tinypic-hosted-image.html?widgetType=LinkList&widgetId=LinkList1
πwidget.quickEditUrl:
//www.blogger.com/rearrange?blogID=8769510562916278720&widgetType=LinkList&widgetId=LinkList1&action=editWidget§ionId=documented-widgets
πedit-link:
Editlinks:
(list-type)
index:
0name:
Blogger Helptarget:
http://help.blogger.com/
πwidget.type:
BlogListwidget.instanceId:
BlogList1title:
Blog Listwidget.sectionId:
undocumented-widgetswidget.actionUrl:
//blogger2ools.mystady.com/2011/04/tinypic-hosted-image.html?widgetType=BlogList&widgetId=BlogList1
πwidget.quickEditUrl:
//www.blogger.com/rearrange?blogID=8769510562916278720&widgetType=BlogList&widgetId=BlogList1&action=editWidget§ionId=undocumented-widgets
πedit-link:
EditshowIcon:
trueshowItemThumbnail:
trueshowItemTitle:
trueshowItemSnippet:
trueshowTimePeriodSinceLastUpdate:
truenumItemsToShow:
0totalItems:
2showNText:
Show 2showAllText:
Show Allitems:
(list-item)
index:
0displayStyle:
display: block;timePeriodSinceLastUpdate:
4 years agoblogTitle:
Blogger BuzzblogUrl:
http://blogger.googleblog.com/
πblogIconUrl:
https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uzCU5p4tSIxnzqJpaRqsGr4yxKHCU-Q8YbYsHzUbT3sTAzJyUnKmAS037o94eeU-FyyBbbm_8M3bHreiJYBfoqEGE-Nam2wOLCwQk=s16-w16-h16
πitemTitle:
A better Blogger experience on the webitemSnippet:
Since 1999, millions of people have expressed themselves on Blogger. From
detailed posts about almost every apple variety you could ever imagine to a
blog...itemUrl:
http://blogger.googleblog.com/2020/05/a-better-blogger-experience-on-web.html
πitemThumbnail:
itemThumbnail.height:
72itemThumbnail.width:
72itemThumbnail.url:
https://lh5.googleusercontent.com/kWHfhyDmS0K6WMbTlfDV8Hq9RKq7Cs2sbPVl0otK3zDV5jNDO0SxM5-Ot89Wo3E11QvmNMI7VYMimqP-Vg9li-cz0cimWiGpJM65-uOSCmAvSN5n7M-lGcNWNW2u0cAfA54ZsGhZ=s72-c
πindex:
1displayStyle:
display: block;timePeriodSinceLastUpdate:
9 years agoblogTitle:
Blogger in DraftblogUrl:
http://bloggerindraft.blogspot.com/
πblogIconUrl:
https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tGGTR9MO7_cOlPM34ohn6RI1Xa0SQCA8gvdXLNKTC83RVkLGaW95wpth5x-fLshIXpCLlaCOmVqFk97_tyl0dq_5PdPovVl7X3HVn8UwDEtA=s16-w16-h16
πitemTitle:
Review Situs Agen Poker - Mencari Agen Poker TerpercayaitemSnippet:
*Review Situs Agen Poker *- Anda jangan khawatir tentang *Bandar Agen Poker*
Penipu di karenakan kami Review Situs Agen Poker sudah menyiapkan sebuah
ulasa...itemUrl:
http://bloggerindraft.blogspot.com/2015/10/review-situs-agen-poker-mencari-agen.html
πitemThumbnail:
itemThumbnail.height:
72itemThumbnail.width:
72itemThumbnail.url:
http://3.bp.blogspot.com/-gApepE2m8ls/VhSrJIdiVKI/AAAAAAAAA14/HBgcySpMgmY/s72-c/DAFTAR%2BSITUS%2BAGEN%2BPOKER.PNG
πWarning: The following data tags will trigger a bX-1k6z5j error (last checked 4.20.10), if used when there's no thumbnail present: itemThumbnail.height
, itemThumbnail.width
, itemThumbnail.url
. Always check for the presence of a thumbnail beforehand. The following code snippet will demonstrate how:
<b:if cond='data:item.itemThumbnail'>
widget.type:
Subscribewidget.instanceId:
Subscribe1title:
Subscription Linkswidget.sectionId:
undocumented-widgetswidget.actionUrl:
//blogger2ools.mystady.com/2011/04/tinypic-hosted-image.html?widgetType=Subscribe&widgetId=Subscribe1
πwidget.quickEditUrl:
//www.blogger.com/rearrange?blogID=8769510562916278720&widgetType=Subscribe&widgetId=Subscribe1&action=editWidget§ionId=undocumented-widgets
πedit-link:
EditwidgetId:
Subscribe1isPublic:
truearrowDropdownImg:
https://resources.blogblog.com/img/widgets/arrow_dropdown.gif
πfeedIconImg:
https://resources.blogblog.com/img/icon_feed12.png
πimagePathBase:
https://resources.blogblog.com/img/widgets/
πfeeds:
(list-type)
subscribe-google.png
subscribe-bloglines.png
subscribe-netvibes.png
subscribe-newsgator.png
subscribe-yahoo.png
Combine imagePathBase
with a filename to render an icon. The following code snippet renders the NewsGator icon:
<img expr:src='data:imagePathBase + "subscribe-netvibes.png"' />
And here's what it looks like:
widget.type:
PageListwidget.instanceId:
PageList1title:
Pageswidget.sectionId:
undocumented-widgetswidget.actionUrl:
//blogger2ools.mystady.com/2011/04/tinypic-hosted-image.html?widgetType=PageList&widgetId=PageList1
πwidget.quickEditUrl:
//www.blogger.com/rearrange?blogID=8769510562916278720&widgetType=PageList&widgetId=PageList1&action=editWidget§ionId=undocumented-widgets
πedit-link:
Editlinks:
(list-type)
index:
0isCurrentPage:
falsehref:
https://blogger2ools.mystady.com/
πtitle:
Homeindex:
1isCurrentPage:
falsehref:
https://blogger2ools.mystady.com/p/test-page-one.html
πtitle:
Test Page Oneindex:
2isCurrentPage:
falsehref:
https://blogger2ools.mystady.com/p/test-page-two.html
πtitle:
Test Page Twowidget.type:
Blogwidget.instanceId:
Blog1title:
blogger2ools: Data Tags Reference for Templates (2019 update)widget.sectionId:
blog-post-widgetwidget.actionUrl:
//blogger2ools.mystady.com/2011/04/tinypic-hosted-image.html?widgetType=Blog&widgetId=Blog1
πwidget.quickEditUrl:
//www.blogger.com/rearrange?blogID=8769510562916278720&widgetType=Blog&widgetId=Blog1&action=editWidget§ionId=blog-post-widget
πedit-link:
EditshowDummy
falsedummyUrl
languageCode
enauthorLabel:
Posted byshowAuthor:
truetimestampLabel:
–showTimestamp:
truecommentLabel:
commentscommentLabelPlural:
commentsbacklinkLabel:
*backlinksLabel:
postLabelsLabel:
Labels:reactionsLabel:
showReactions:
falseblogCommentMessage:
*COMMENT FORM MESSAGE*numPosts
1navMessage:
olderPageUrl:
https://blogger2ools.mystady.com/2011/04/post-with-youtube-video.html
πolderPageTitle:
Older PostnewerPageUrl:
https://blogger2ools.mystady.com/2011/04/img-box-hosted-image.html
πnewerPageTitle:
Newer PosthomeMsg:
HomeblogTeamBlogMessage:
feedLinksMsg:
Subscribe to:emailPostMsg:
Email PosteditPostMsg:
Edit PostpostCommentMsg:
Post a CommentcommentPostedByMsg:
said...deleteCommentMsg:
Delete CommentdeleteBacklinkMsg:
feedLinks:
(list-type)
index:
0url:
https://blogger2ools.mystady.com/feeds/posts/default
πname:
PostsfeedType:
AtommimeType:
application/atom+xmlposts:
(list-type)
index:
0allowComments:
trueallowNewComments:
embedCommentForm:
falsecommentPagingRequired:
falseshowBacklinks:
hasJumpLink:
falseisDateStart:
trueisFirstPost:
trueid:
1533761054079552004dateHeader:
Monday, April 11, 2011timestamp:
4/11/2011timestampISO8601:
2011-04-11T23:18:00-04:00author:
mystady.comauthorAboutMe:
authorProfileUrl:
https://www.blogger.com/profile/17782443978544199362authorPhoto.url:
authorPhoto.width:
authorPhoto.height:
authorPhoto.thumbUrl:
authorPhoto.thumbWidth:
authorPhoto.thumbHeight:
title:
TinyPic Hosted JPGsnippet:
File formats supported by TinyPic: .jpg, .png, .gif, .3g2, .3gp, .3gp2, .3gpp, .3p, .asf, .avi, .divx, .dv, .dvx, .flv, .moov, .mov, .mp4, ....body:
firstImageUrl:
http://i51.tinypic.com/ejdkjm.jpg
πjumpText:
Continue Reading →numComments:
0numBacklinks:
0adminClass:
blog-admin pid-1578374961avatarIndentClass:
avatar-comment-indentlink:
http://imgbox.us/
πurl:
https://blogger2ools.mystady.com/2011/04/tinypic-hosted-image.html
πeditUrl:
πemailPostUrl:
https://www.blogger.com/email-post.g?blogID=8769510562916278720&postID=1533761054079552004
πreactionsUrl:
πaddCommentUrl:
https://www.blogger.com/comment/fullpage/post/8769510562916278720/1533761054079552004
πcommentFormIframeSrc:
πaddCommentOnclick:
appRpcRelayPath:
πcommunityId:
commentRangeText:
oldLinkClass:
olderLinkText:
‹OlderolderLinkUrl:
oldestLinkText:
«OldestoldestLinkUrl:
newLinkClass:
newerLinkText:
Newer›newerLinkUrl:
newestLinkText:
Newest»newestLinkUrl:
noNewCommentsText:
backlinksLabel:
commentLabelFull:
No commentscreateLinkUrl:
createLinkLabel:
commentSource:
0showThreadedComments:
commentJso:
commentMsgs:
commentConfig:
commentHtml:
iframeCommentSrc:
cmtfpIframe:
iframeColorizer:
friendConnectJs:
feedLinks:
(list-type)
index:
0url:
https://blogger2ools.mystady.com/feeds/1533761054079552004/comments/default
πmimeType:
application/atom+xmlname:
Post CommentsfeedType:
Atomlabels:
(list-type)
index:
0name:
Imagesurl:
https://blogger2ools.mystady.com/search/label/Images
πisLast:
index:
1name:
TinyPicurl:
https://blogger2ools.mystady.com/search/label/TinyPic
πisLast:
trueenclosures:
(list-type)
backlinks:
(list-type)
comments:
(list-type)