Here at blogger2ools you'll find an updated list of Blogger Layout Data Tags, Live Blogger Widget examples, Blogger PageType examples and more.
blogger2ools is a work in progress. Updates are posted at MY STADY.
A Global Layout Data Tag can be used anywhere in your template, even the header.
blog.blogId
8769510562916278720blog.postId
blog.pageId
4078876155330960576blog.bloggerUrl
https://www.blogger.com
πblog.blogspotFaviconUrl
http://blogger2ools.mystady.com/favicon.ico
πblog.homepageUrl
http://blogger2ools.mystady.com/
πblog.canonicalHomepageUrl
http://blogger2ools.mystady.com/
πblog.url
http://blogger2ools.mystady.com/p/test-page-one.html
πblog.canonicalUrl
http://blogger2ools.mystady.com/p/test-page-one.html
πblog.postImageUrl
πblog.pageType
static_pageblog.searchLabel
blog.searchQuery
blog.title
blogger2oolsblog.pageTitle
blogger2ools: Test Page Oneblog.pageName
Test Page Oneblog.metaDescription
Meta description box data.blog.localeUnderscoreDelimited
enblog.isPrivateBlog
falseblog.adultContent
falseblog.googleProfileUrl
https://plus.google.com/109820545028793935551
πblog.postImageThumbnailUrl
πblog.imageSrcTag
blog.analyticsAccountNumber
blog.view
blog.dynamicViewsScriptSrc
//www.blogblog.com/dynamicviews/f3b7c696aa574948
πblog.dynamicViewsCommentsSrc
//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js
πblog.disableAdSenseWidget
blog.adsenseClientId
blog.plusOneApiSrc
https://apis.google.com/js/plusone.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:
blogger2oolswidget.sectionId:
documented-widgetswidget.actionUrl:
//blogger2ools.mystady.com/p/test-page-one.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 at blogger2ools you'll find an updated list of Blogger Layout Data Tags, Live Blogger Widget examples, Blogger PageType examples and more.useImage:
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/p/test-page-one.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:
expandedurl:
http://blogger2ools.mystady.com/2015_09_18_archive.html
πtoggleId:
index:
1name:
Sep 17post-count:
1expclass:
collapsedurl:
http://blogger2ools.mystady.com/2015_09_17_archive.html
πtoggleId:
index:
2name:
Apr 12post-count:
16expclass:
collapsedurl:
http://blogger2ools.mystady.com/2011_04_12_archive.html
πtoggleId:
index:
3name:
Apr 11post-count:
4expclass:
collapsedurl:
http://blogger2ools.mystady.com/2011_04_11_archive.html
πtoggleId:
index:
4name:
Apr 22post-count:
2expclass:
collapsedurl:
http://blogger2ools.mystady.com/2010_04_22_archive.html
πtoggleId:
index:
5name:
Mar 23post-count:
1expclass:
collapsedurl:
http://blogger2ools.mystady.com/2010_03_23_archive.html
πtoggleId:
widget.type:
Profilewidget.instanceId:
Profile1title:
Profilewidget.sectionId:
documented-widgetswidget.actionUrl:
//blogger2ools.mystady.com/p/test-page-one.html?widgetType=Profile&widgetId=Profile1
πwidget.quickEditUrl:
//www.blogger.com/rearrange?blogID=8769510562916278720&widgetType=Profile&widgetId=Profile1&action=editWidget§ionId=documented-widgets
πedit-link:
Editteam:
falseuserUrl:
https://plus.google.com/109820545028793935551
πlocation:
showlocation:
trueaboutme:
Follow me if you like seeing things off the beaten path. You never really know what to expect. My interests constantly change.displayname:
Alain-Christian Seraphinphoto:
photo.url:
//lh6.googleusercontent.com/-zHTHNBuiDSg/AAAAAAAAAAI/AAAAAAAALqU/-Kj9WvJ2OjY/s80-c/photo.jpg
πphoto.width:
80photo.height:
80photo.alt:
My Photoauthors:
(This list-type is only available on team blogs.)
displayname:
userUrl:
The 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:
Feedwidget.sectionId:
documented-widgetswidget.actionUrl:
//blogger2ools.mystady.com/p/test-page-one.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:
http://www.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/p/test-page-one.html?widgetType=Image&widgetId=Image1
πwidget.quickEditUrl:
//www.blogger.com/rearrange?blogID=8769510562916278720&widgetType=Image&widgetId=Image1&action=editWidget§ionId=documented-widgets
πedit-link:
Editwidget.type:
Labelwidget.instanceId:
Label1title:
Labelswidget.sectionId:
documented-widgetswidget.actionUrl:
//blogger2ools.mystady.com/p/test-page-one.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:
http://blogger2ools.mystady.com/search/label/Images
πcssSize:
5index:
1name:
Amazon S3count:
5url:
http://blogger2ools.mystady.com/search/label/Amazon%20S3
πcssSize:
3index:
2name:
Picasacount:
4url:
http://blogger2ools.mystady.com/search/label/Picasa
πcssSize:
3index:
3name:
Flickrcount:
3url:
http://blogger2ools.mystady.com/search/label/Flickr
πcssSize:
3index:
4name:
One Fishcount:
3url:
http://blogger2ools.mystady.com/search/label/One%20Fish
πcssSize:
3index:
5name:
Two Fishcount:
3url:
http://blogger2ools.mystady.com/search/label/Two%20Fish
πcssSize:
3index:
6name:
YouTubecount:
3url:
http://blogger2ools.mystady.com/search/label/YouTube
πcssSize:
3index:
7name:
Red Fishcount:
2url:
http://blogger2ools.mystady.com/search/label/Red%20Fish
πcssSize:
2index:
8name:
Videocount:
2url:
http://blogger2ools.mystady.com/search/label/Video
πcssSize:
2index:
9name:
Blue Fishcount:
1url:
http://blogger2ools.mystady.com/search/label/Blue%20Fish
πcssSize:
1index:
10name:
Facebookcount:
1url:
http://blogger2ools.mystady.com/search/label/Facebook
πcssSize:
1index:
11name:
Img Boxcount:
1url:
http://blogger2ools.mystady.com/search/label/Img%20Box
πcssSize:
1index:
12name:
Photobucketcount:
1url:
http://blogger2ools.mystady.com/search/label/Photobucket
πcssSize:
1index:
13name:
TinyPiccount:
1url:
http://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/p/test-page-one.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/p/test-page-one.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:
1 year agoblogTitle:
Blogger BuzzblogUrl:
http://blogger.googleblog.com/
πblogIconUrl:
https://lh3.googleusercontent.com/proxy/mq8QxQhFEq5U-ZEC_phBjwkDSqur_gKjgqtSFM8EgBNSxmQ4r1z4lQOOBJa1w21MUjuaRkvlOQhugHl2gQ=s0-d
πitemTitle:
Share your unique style with new Blogger themesitemSnippet:
If you’re one of the millions of people who uses Blogger to share your
views on current affairs, teach the world how to make sushi, or just offer
a peek in...itemUrl:
http://feedproxy.google.com/~r/blogger/WZDh/~3/7m7O3PtnSrE/share-your-unique-style-with-new.html
πitemThumbnail:
itemThumbnail.height:
72itemThumbnail.width:
72itemThumbnail.url:
https://4.bp.blogspot.com/-k1bwGQauV6I/WLyURMAuU9I/AAAAAAAAAD0/k_ZcX4sr_bENoB2P3P8MTEfN-ymfa3_ugCLcB/s72-c/en_Contempo.jpg
πindex:
1displayStyle:
display: block;timePeriodSinceLastUpdate:
2 years agoblogTitle:
Blogger in DraftblogUrl:
http://bloggerindraft.blogspot.com/
πblogIconUrl:
https://lh3.googleusercontent.com/proxy/nTGZDni3bqdBMKty5P8qwiG3K0Pgwm3IQvsf390_fXdwxTdVqLY1A1XOF1tRY8rEs4eRyX6DpXTdJq7i1FpezKoG=s0-d
π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/p/test-page-one.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://img2.blogblog.com/img/widgets/arrow_dropdown.gif
πfeedIconImg:
https://img1.blogblog.com/img/icon_feed12.png
πimagePathBase:
https://img1.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/p/test-page-one.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:
http://blogger2ools.mystady.com/
πtitle:
Homeindex:
1isCurrentPage:
truehref:
http://blogger2ools.mystady.com/p/test-page-one.html
πtitle:
Test Page Oneindex:
2isCurrentPage:
falsehref:
http://blogger2ools.mystady.com/p/test-page-two.html
πtitle:
Test Page Twowidget.type:
Blogwidget.instanceId:
Blog1title:
blogger2oolswidget.sectionId:
blog-post-widgetwidget.actionUrl:
//blogger2ools.mystady.com/p/test-page-one.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
truedummyUrl
languageCode
enauthorLabel:
Posted byshowAuthor:
falsetimestampLabel:
–showTimestamp:
falsecommentLabel:
commentscommentLabelPlural:
commentsbacklinkLabel:
Links to this post*backlinksLabel:
postLabelsLabel:
Labels:reactionsLabel:
Reactions:showReactions:
falseblogCommentMessage:
*COMMENT FORM MESSAGE*numPosts
1blogTeamBlogMessage:
feedLinksMsg:
Subscribe to:emailPostMsg:
Email PageeditPostMsg:
Edit PagepostCommentMsg:
Post a CommentcommentPostedByMsg:
said...deleteCommentMsg:
Delete CommentdeleteBacklinkMsg:
Delete BacklinkfeedLinks:
(list-type)
index:
0url:
http://blogger2ools.mystady.com/feeds/posts/default
πname:
PostsfeedType:
AtommimeType:
application/atom+xmlposts:
(list-type)
index:
0allowComments:
falseallowNewComments:
embedCommentForm:
falsecommentPagingRequired:
falseshowBacklinks:
truehasJumpLink:
falseisDateStart:
trueisFirstPost:
trueid:
4078876155330960576dateHeader:
timestamp:
9/21/2015timestampISO8601:
2015-09-21T22:42:00-04:00author:
Alain-Christian SeraphinauthorAboutMe:
Follow me if you like seeing things off the beaten path. You never really know what to expect. My interests constantly change.authorProfileUrl:
https://plus.google.com/109820545028793935551authorPhoto.url:
//lh6.googleusercontent.com/-zHTHNBuiDSg/AAAAAAAAAAI/AAAAAAAALqU/-Kj9WvJ2OjY/s512-c/photo.jpgauthorPhoto.width:
512authorPhoto.height:
512authorPhoto.thumbUrl:
//lh6.googleusercontent.com/-zHTHNBuiDSg/AAAAAAAAAAI/AAAAAAAALqU/-Kj9WvJ2OjY/s50-c/photo.jpgauthorPhoto.thumbWidth:
50authorPhoto.thumbHeight:
50title:
Test Page Onesnippet:
Readerbody:
firstImageUrl:
http://fap.mystady.com/png.png
πjumpText:
Continue Reading →numComments:
0numBacklinks:
0adminClass:
blog-admin pid-1578374961avatarIndentClass:
avatar-comment-indentlink:
πurl:
http://blogger2ools.mystady.com/p/test-page-one.html
πeditUrl:
πemailPostUrl:
https://www.blogger.com/email-post.g?blogID=8769510562916278720&pageID=4078876155330960576
πreactionsUrl:
https://www.blogger.com/blog-post-reactions.g?options=%5Bfunny,+interesting,+cool%5D&textColor=%23000000#http://blogger2ools.mystady.com/p/test-page-one.html
πaddCommentUrl:
https://www.blogger.com/comment.g?blogID=8769510562916278720&pageID=4078876155330960576
π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:
http://blogger2ools.mystady.com/feeds/4078876155330960576/comments/default
πmimeType:
application/atom+xmlname:
Post CommentsfeedType:
Atomlabels:
(list-type)
enclosures:
(list-type)
backlinks:
(list-type)
comments:
(list-type)