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/p/about.html?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/p/about.html?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/p/about.html?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/p/about.html?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/p/about.html?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/p/about.html?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/p/about.html?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: false
  • timestampLabel: vào lúc
  • showTimestamp: false
  • commentLabel: nhận xét
  • commentLabelPlural: nhận xét
  • backlinkLabel:
  • *backlinksLabel:
  • postLabelsLabel: Nhãn:
  • reactionsLabel:
  • showReactions: false
  • blogCommentMessage:

Page Navigation

  • navMessage:
  • olderPageUrl: π
  • olderPageTitle:
  • newerPageUrl: π
  • newerPageTitle:
  • homeMsg: Trang chủ

System Messages

  • blogTeamBlogMessage:
  • feedLinksMsg: Đăng ký:
  • emailPostMsg: Gửi trang qua email
  • editPostMsg: Chỉnh sửa Trang
  • 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: false
    • isDateStart: true
    • isFirstPost: true
    • id: 6129313170471701314
    • dateHeader:
    • timestamp: 01:43:00
    • timestampISO8601: 2016-03-12T01:43:00+07:00
    • author: JUNO_OKYO
    • title: About
    • body: Hello World from Juno_okyo!
    • jumpText: Đọc thêm »
    • numComments: 0
    • numBacklinks: 0
    • adminClass: blog-admin pid-1225170500
    • avatarIndentClass: avatar-comment-indent
    • link: π
    • url: http://blogger-debug.blogspot.com/p/about.html π
    • editUrl: https://www.blogger.com/page-edit.g?blogID=4690467165010608147&pageID=6129313170471701314&from=pencil π
    • emailPostUrl: https://www.blogger.com/email-page/4690467165010608147/6129313170471701314 π
    • reactionsUrl: π
    • addCommentUrl: http://blogger-debug.blogspot.com/p/about.html#comment-form π
    • commentFormIframeSrc: https://www.blogger.com/comment/frame/4690467165010608147?pa=6129313170471701314&hl=vi&saa=84935 π
    • 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/6129313170471701314/comments/default π
      • mimeType: application/atom+xml
      • name: Đăng Nhận xét
      • feedType: Atom
    • labels: (list-type)
    • enclosures: (list-type)
    • backlinks: (list-type)
    • comments: (list-type)

Table of Contents | Top