blogger2ools

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.

Table of Contents

Globally Available Layout Data Tags
Live Widget Examples
Page Header Widget
Blog Archive Widget
Profile Widget
Feed Widget
Picture Widget
Labels Widget
Link List Widget
Previously Undocumented Live Widget Examples
Blog List Widget
Subscription Links Widget
Page List Widget
Blog Posts Widget
Blog Configuration
Page Navigation
System Messages
Blog Page Feed Links
Posts List
Live PageType Examples
Homepage
Index Page
Label Page
Search Page
Archive Page
Item Page
Static Page
Error Page

Globally Available Layout Data Tags

A Global Layout Data Tag can be used anywhere in your template, even the header.

Table of Contents | Top

Page Header Widget

  • widget.type: Header
  • widget.instanceId: Header1
  • title: Blogger Debug
  • widget.sectionId: documented-widgets
  • widget.actionUrl: //blogger-debug.blogspot.com/2016/03/?widgetType=Header&widgetId=Header1 π
  • widget.quickEditUrl: //www.blogger.com/rearrange?blogID=4690467165010608147&widgetType=Header&widgetId=Header1&action=editWidget§ionId=documented-widgets π
  • edit-link: Chỉnh sửa
  • description: This website was build for help debug blogger template
  • useImage: false
  • sourceUrl: π
  • height: 0px;
  • width: 0px;
  • imagePlacement: BEHIND (Values: "BEHIND", "REPLACE")
  • backgroundPositionStyleStr: left
  • widthStyleStr: width: 0px;
  • mobile: false

Notes

(3.28.10) - The value of the title attribute in your b:widget element will be ignored.

Table of Contents | Top

Blog Archive Widget

  • widget.type: BlogArchive
  • widget.instanceId: BlogArchive1
  • title: Blog Archive
  • widget.sectionId: documented-widgets
  • widget.actionUrl: //blogger-debug.blogspot.com/2016/03/?widgetType=BlogArchive&widgetId=BlogArchive1 π
  • widget.quickEditUrl: //www.blogger.com/rearrange?blogID=4690467165010608147&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=documented-widgets π
  • edit-link: Chỉnh sửa
  • style: HIERARCHY (Values: "FLAT", "MENU", "HIERARCHY")
  • data: (list-type)
    • index: 0
    • name: 2016
    • post-count: 30
    • expclass: expanded
    • url: http://blogger-debug.blogspot.com/2016/ π
    • toggleId: YEARLY-1451581200000
    • data: (list-type)
      • index: 0
      • name: tháng 3
      • post-count: 1
      • expclass: expanded
      • url: http://blogger-debug.blogspot.com/2016/03/ π
      • toggleId: MONTHLY-1456765200000
      • posts: (list-type)
        • index: 0
        • post.title: 13 secrets about world markets the government is h...
        • post.url: http://blogger-debug.blogspot.com/2016/03/13-secrets-about-world-markets.html π
      • index: 1
      • name: tháng 2
      • post-count: 29
      • expclass: collapsed
      • url: http://blogger-debug.blogspot.com/2016/02/ π
      • toggleId: MONTHLY-1454259600000

Table of Contents | Top

Profile Widget

  • widget.type: Profile
  • widget.instanceId: Profile1
  • title: Profile
  • widget.sectionId: documented-widgets
  • widget.actionUrl: //blogger-debug.blogspot.com/2016/03/?widgetType=Profile&widgetId=Profile1 π
  • widget.quickEditUrl: //www.blogger.com/rearrange?blogID=4690467165010608147&widgetType=Profile&widgetId=Profile1&action=editWidget§ionId=documented-widgets π
  • edit-link: Chỉnh sửa
  • team: false
  • userUrl: https://www.blogger.com/profile/13108460837035618815 π
  • location:
  • showlocation: false
  • aboutme: Leader at J2TEAM. Website: https://j2team.dev/
  • displayname: JUNO_OKYO
  • photo:
  • photo.url: //blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL3yrcwWnlPeCOG6T3jtIoy42wtnpAvvPmo4s77w6SqVUi9xkSQam983z330vy7o-zOD77wK3qlMNIw5VhDcBAqMyJvtkcODRCf7FXXfsoCse2BRsdTXAPByodpi3C9zI/s113/juno-okyo-logo.png π
  • photo.width: 80
  • photo.height: 80
  • photo.alt: Ảnh của Tôi
  • authors: (This list-type is only available on team blogs.)
    • displayname:
    • userUrl:

Table of Contents | Top

Labels Widget

  • widget.type: Label
  • widget.instanceId: Label1
  • title: Labels
  • widget.sectionId: documented-widgets
  • widget.actionUrl: //blogger-debug.blogspot.com/2016/03/?widgetType=Label&widgetId=Label1 π
  • widget.quickEditUrl: //www.blogger.com/rearrange?blogID=4690467165010608147&widgetType=Label&widgetId=Label1&action=editWidget§ionId=documented-widgets π
  • edit-link: Chỉnh sửa
  • display: list (Values: "list", "cloud")
  • showFreqNumbers: false
  • labels: (list-type)
    • index: 0
    • name: Accessory
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Accessory π
    • cssSize: 1
    • index: 1
    • name: Adventure
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Adventure π
    • cssSize: 1
    • index: 2
    • name: Bank
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Bank π
    • cssSize: 1
    • index: 3
    • name: Beautiful Pictures
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Beautiful%20Pictures π
    • cssSize: 1
    • index: 4
    • name: Beauty
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Beauty π
    • cssSize: 1
    • index: 5
    • name: Best Store
    • count: 2
    • url: http://blogger-debug.blogspot.com/search/label/Best%20Store π
    • cssSize: 3
    • index: 6
    • name: Billboard
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Billboard π
    • cssSize: 1
    • index: 7
    • name: Board
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Board π
    • cssSize: 1
    • index: 8
    • name: Budget Living
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Budget%20Living π
    • cssSize: 1
    • index: 9
    • name: Building
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Building π
    • cssSize: 1
    • index: 10
    • name: Business
    • count: 3
    • url: http://blogger-debug.blogspot.com/search/label/Business π
    • cssSize: 4
    • index: 11
    • name: Card
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Card π
    • cssSize: 1
    • index: 12
    • name: Celebrity
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Celebrity π
    • cssSize: 1
    • index: 13
    • name: Cloth accessory
    • count: 2
    • url: http://blogger-debug.blogspot.com/search/label/Cloth%20accessory π
    • cssSize: 3
    • index: 14
    • name: Cooking
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Cooking π
    • cssSize: 1
    • index: 15
    • name: Country
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Country π
    • cssSize: 1
    • index: 16
    • name: Cruises
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Cruises π
    • cssSize: 1
    • index: 17
    • name: Dance
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Dance π
    • cssSize: 1
    • index: 18
    • name: Decor
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Decor π
    • cssSize: 1
    • index: 19
    • name: Design
    • count: 2
    • url: http://blogger-debug.blogspot.com/search/label/Design π
    • cssSize: 3
    • index: 20
    • name: Devices
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Devices π
    • cssSize: 1
    • index: 21
    • name: Dinner
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Dinner π
    • cssSize: 1
    • index: 22
    • name: DIY Projects
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/DIY%20Projects π
    • cssSize: 1
    • index: 23
    • name: Economy
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Economy π
    • cssSize: 1
    • index: 24
    • name: Entrepreneur
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Entrepreneur π
    • cssSize: 1
    • index: 25
    • name: Expert Advices
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Expert%20Advices π
    • cssSize: 1
    • index: 26
    • name: Fashion
    • count: 4
    • url: http://blogger-debug.blogspot.com/search/label/Fashion π
    • cssSize: 5
    • index: 27
    • name: Festivals
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Festivals π
    • cssSize: 1
    • index: 28
    • name: Financial
    • count: 2
    • url: http://blogger-debug.blogspot.com/search/label/Financial π
    • cssSize: 3
    • index: 29
    • name: Floor Plan
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Floor%20Plan π
    • cssSize: 1
    • index: 30
    • name: Food
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Food π
    • cssSize: 1
    • index: 31
    • name: Foodstuff
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Foodstuff π
    • cssSize: 1
    • index: 32
    • name: Fund
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Fund π
    • cssSize: 1
    • index: 33
    • name: Games
    • count: 2
    • url: http://blogger-debug.blogspot.com/search/label/Games π
    • cssSize: 3
    • index: 34
    • name: Geek Ideas
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Geek%20Ideas π
    • cssSize: 1
    • index: 35
    • name: Gossip
    • count: 2
    • url: http://blogger-debug.blogspot.com/search/label/Gossip π
    • cssSize: 3
    • index: 36
    • name: Heath
    • count: 2
    • url: http://blogger-debug.blogspot.com/search/label/Heath π
    • cssSize: 3
    • index: 37
    • name: Image Rating
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Image%20Rating π
    • cssSize: 1
    • index: 38
    • name: Individual
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Individual π
    • cssSize: 1
    • index: 39
    • name: Inspiration
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Inspiration π
    • cssSize: 1
    • index: 40
    • name: Interior
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Interior π
    • cssSize: 1
    • index: 41
    • name: Interview
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Interview π
    • cssSize: 1
    • index: 42
    • name: Investor
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Investor π
    • cssSize: 1
    • index: 43
    • name: Lifestyle
    • count: 4
    • url: http://blogger-debug.blogspot.com/search/label/Lifestyle π
    • cssSize: 5
    • index: 44
    • name: Live Show
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Live%20Show π
    • cssSize: 1
    • index: 45
    • name: Lunch
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Lunch π
    • cssSize: 1
    • index: 46
    • name: Military
    • count: 2
    • url: http://blogger-debug.blogspot.com/search/label/Military π
    • cssSize: 3
    • index: 47
    • name: Model
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Model π
    • cssSize: 1
    • index: 48
    • name: Music
    • count: 3
    • url: http://blogger-debug.blogspot.com/search/label/Music π
    • cssSize: 4
    • index: 49
    • name: Nutrition
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Nutrition π
    • cssSize: 1
    • index: 50
    • name: Phone Shots
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Phone%20Shots π
    • cssSize: 1
    • index: 51
    • name: Photo Awards
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Photo%20Awards π
    • cssSize: 1
    • index: 52
    • name: Photographer Interview
    • count: 2
    • url: http://blogger-debug.blogspot.com/search/label/Photographer%20Interview π
    • cssSize: 3
    • index: 53
    • name: Photography
    • count: 2
    • url: http://blogger-debug.blogspot.com/search/label/Photography π
    • cssSize: 3
    • index: 54
    • name: Politics
    • count: 2
    • url: http://blogger-debug.blogspot.com/search/label/Politics π
    • cssSize: 3
    • index: 55
    • name: Pop Shop
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Pop%20Shop π
    • cssSize: 1
    • index: 56
    • name: Popular Collection
    • count: 2
    • url: http://blogger-debug.blogspot.com/search/label/Popular%20Collection π
    • cssSize: 3
    • index: 57
    • name: Prevention
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Prevention π
    • cssSize: 1
    • index: 58
    • name: Rock
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Rock π
    • cssSize: 1
    • index: 59
    • name: Role Playing
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Role%20Playing π
    • cssSize: 1
    • index: 60
    • name: Science
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Science π
    • cssSize: 1
    • index: 61
    • name: Shooting Styles
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Shooting%20Styles π
    • cssSize: 1
    • index: 62
    • name: Simulation
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Simulation π
    • cssSize: 1
    • index: 63
    • name: Society
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Society π
    • cssSize: 1
    • index: 64
    • name: Stock
    • count: 2
    • url: http://blogger-debug.blogspot.com/search/label/Stock π
    • cssSize: 3
    • index: 65
    • name: Strategy
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Strategy π
    • cssSize: 1
    • index: 66
    • name: Stylist
    • count: 2
    • url: http://blogger-debug.blogspot.com/search/label/Stylist π
    • cssSize: 3
    • index: 67
    • name: Technology
    • count: 2
    • url: http://blogger-debug.blogspot.com/search/label/Technology π
    • cssSize: 3
    • index: 68
    • name: Tone Set
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Tone%20Set π
    • cssSize: 1
    • index: 69
    • name: Travel
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Travel π
    • cssSize: 1
    • index: 70
    • name: Vogue
    • count: 1
    • url: http://blogger-debug.blogspot.com/search/label/Vogue π
    • cssSize: 1
    • index: 71
    • name: Weather
    • count: 3
    • url: http://blogger-debug.blogspot.com/search/label/Weather π
    • cssSize: 4
    • index: 72
    • name: Weight Loss
    • count: 2
    • url: http://blogger-debug.blogspot.com/search/label/Weight%20Loss π
    • cssSize: 3
    • index: 73
    • name: World
    • count: 4
    • url: http://blogger-debug.blogspot.com/search/label/World π
    • cssSize: 5

Identifying Label Pages

The 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.

Table of Contents | Top

Blog List Widget

  • widget.type: BlogList
  • widget.instanceId: BlogList1
  • title: Blog List
  • widget.sectionId: undocumented-widgets
  • widget.actionUrl: //blogger-debug.blogspot.com/2016/03/?widgetType=BlogList&widgetId=BlogList1 π
  • widget.quickEditUrl: //www.blogger.com/rearrange?blogID=4690467165010608147&widgetType=BlogList&widgetId=BlogList1&action=editWidget§ionId=undocumented-widgets π
  • edit-link: Chỉnh sửa
  • showIcon: true
  • showItemThumbnail: false
  • showItemTitle: true
  • showItemSnippet: false
  • showTimePeriodSinceLastUpdate: false
  • numItemsToShow: 0
  • totalItems: 0
  • showNText: Hiển thị 0
  • showAllText: Hiển thị Tất cả
  • items: (list-item)

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'>

Table of Contents | Top

Page List Widget

  • widget.type: PageList
  • widget.instanceId: PageList1
  • title: Pages
  • widget.sectionId: undocumented-widgets
  • widget.actionUrl: //blogger-debug.blogspot.com/2016/03/?widgetType=PageList&widgetId=PageList1 π
  • widget.quickEditUrl: //www.blogger.com/rearrange?blogID=4690467165010608147&widgetType=PageList&widgetId=PageList1&action=editWidget§ionId=undocumented-widgets π
  • edit-link: Chỉnh sửa
  • links: (list-type)
    • index: 0
    • isCurrentPage: false
    • href: http://blogger-debug.blogspot.com/ π
    • title: Trang chủ

Table of Contents | Top

Được tạo bởi Blogger.

Blog Posts Widget

  • widget.type: Blog
  • widget.instanceId: Blog1
  • title: Blogger Debug
  • widget.sectionId: blog-post-widget
  • widget.actionUrl: //blogger-debug.blogspot.com/2016/03/?widgetType=Blog&widgetId=Blog1 π
  • widget.quickEditUrl: //www.blogger.com/rearrange?blogID=4690467165010608147&widgetType=Blog&widgetId=Blog1&action=editWidget§ionId=blog-post-widget π
  • edit-link: Chỉnh sửa

Blog Configuration

  • showDummy false
  • dummyUrl
  • languageCode vi
  • authorLabel: Người đăng:
  • showAuthor: true
  • timestampLabel: vào lúc
  • showTimestamp: true
  • commentLabel: nhận xét
  • commentLabelPlural: nhận xét
  • backlinkLabel:
  • *backlinksLabel:
  • postLabelsLabel: Nhãn:
  • reactionsLabel:
  • showReactions: false
  • blogCommentMessage:

Page Navigation

  • navMessage:
  • olderPageUrl: http://blogger-debug.blogspot.com/search?updated-max=2016-03-02T04:17:00%2B07:00&max-results=7 π
  • olderPageTitle: Bài đăng cũ hơn
  • newerPageUrl: http://blogger-debug.blogspot.com/ π
  • newerPageTitle: Bài đăng mới hơn
  • homeMsg: Trang chủ

System Messages

  • blogTeamBlogMessage:
  • feedLinksMsg: Đăng ký:
  • emailPostMsg: Gửi Bài đăng qua email
  • editPostMsg: Sửa Bài đăng
  • postCommentMsg: Đăng nhận xét
  • commentPostedByMsg: nói...
  • deleteCommentMsg: Xóa nhận xét
  • deleteBacklinkMsg:

Blog Page Feed Links

  • feedLinks: (list-type)
    • index: 0
    • url: http://blogger-debug.blogspot.com/feeds/posts/default π
    • name: Bài đăng
    • feedType: Atom
    • mimeType: application/atom+xml

Posts List

  • posts: (list-type)
    • index: 0
    • allowComments: true
    • allowNewComments: true
    • embedCommentForm: true
    • commentPagingRequired: false
    • showBacklinks:
    • hasJumpLink: true
    • isDateStart: true
    • isFirstPost: true
    • id: 446454838487101701
    • dateHeader: Thứ Tư, 2 tháng 3, 2016
    • timestamp: 04:17:00
    • timestampISO8601: 2016-03-02T04:17:00+07:00
    • author: JUNO_OKYO
    • title: 13 secrets about world markets the government is hiding
    • body:
      Dummy Image With Link to Itself
      How to cheat at weather radars and get away with it. How to start using military records. 11 things about royal societies your kids don't want you to know. The best ways to utilize weather reports. Why you shouldn't eat air force portal in bed. Why our world would end if wine societies disappeared. How hollywood got economic indicators all wrong. The unconventional guide to world books. What wikipedia can't tell you about weather radars. Will new technologies ever rule the world?
    • jumpText: Đọc thêm »
    • numComments: 0
    • numBacklinks: 0
    • adminClass: blog-admin pid-1225170500
    • avatarIndentClass: avatar-comment-indent
    • link: π
    • url: http://blogger-debug.blogspot.com/2016/03/13-secrets-about-world-markets.html π
    • editUrl: https://www.blogger.com/post-edit.g?blogID=4690467165010608147&postID=446454838487101701&from=pencil π
    • emailPostUrl: https://www.blogger.com/email-post.g?blogID=4690467165010608147&postID=446454838487101701 π
    • reactionsUrl: π
    • addCommentUrl: http://blogger-debug.blogspot.com/2016/03/13-secrets-about-world-markets.html#comment-form π
    • commentFormIframeSrc: https://www.blogger.com/comment/frame/4690467165010608147?po=446454838487101701&hl=vi π
    • addCommentOnclick:
    • appRpcRelayPath: https://www.blogger.com/rpc_relay.html π
    • communityId: 0
    • commentRangeText:
    • oldLinkClass:
    • olderLinkText: ‹Cũ hơn
    • olderLinkUrl:
    • oldestLinkText: «Cũ nhất
    • oldestLinkUrl:
    • newLinkClass:
    • newerLinkText: Mới hơn›
    • newerLinkUrl:
    • newestLinkText: Mới nhất»
    • newestLinkUrl:
    • noNewCommentsText:
    • backlinksLabel:
    • createLinkUrl:
    • createLinkLabel:
    • cmtfpIframe:
    • iframeColorizer:
    • friendConnectJs:
    • feedLinks: (list-type)
      • index: 0
      • url: http://blogger-debug.blogspot.com/feeds/446454838487101701/comments/default π
      • mimeType: application/atom+xml
      • name: Đăng Nhận xét
      • feedType: Atom
    • labels: (list-type)
      • index: 0
      • name: Politics
      • url: http://blogger-debug.blogspot.com/search/label/Politics π
      • isLast:
      • index: 1
      • name: Weather
      • url: http://blogger-debug.blogspot.com/search/label/Weather π
      • isLast:
      • index: 2
      • name: World
      • url: http://blogger-debug.blogspot.com/search/label/World π
      • isLast: true
    • enclosures: (list-type)
    • backlinks: (list-type)
    • comments: (list-type)

Table of Contents | Top