Test Page One | blogger2ools (Static)

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.

blog.blogId 8769510562916278720
blog.postId
blog.pageId 4078876155330960576
blog.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_page
blog.searchLabel
blog.searchQuery
blog.title blogger2ools
blog.pageTitle blogger2ools: Test Page One
blog.pageName Test Page One
blog.metaDescription Meta description box data.
blog.localeUnderscoreDelimited en
blog.isPrivateBlog false
blog.adultContent false
blog.googleProfileUrl https://plus.google.com/109820545028793935551 π
blog.postImageThumbnailUrl π
blog.imageSrcTag
blog.analyticsAccountNumber
blog.view
blog.dynamicViewsScriptSrc //www.blogblog.com/dynamicviews/770dc096d8973eb2 π
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 false
blog.isMobileRequest false
blog.mobileClass
blog.isPrivate false
blog.enabledCommentProfileImages true
blog.encoding UTF-8
blog.locale en
blog.languageDirection ltr
blog.meTag
blog.ieCssRetrofitLinks
blog.layout-title
blog.mobileHeadScript
blog.openIdOpTag
blog.feedLinks <link rel="alternate" type="application/atom+xml" title="blogger2ools - Atom" href="http://blogger2ools.mystady.com/feeds/posts/default" /> <link rel="alternate" type="application/rss+xml" title="blogger2ools - RSS" href="http://blogger2ools.mystady.com/feeds/posts/default?alt=rss" /> <link rel="service.post" type="application/atom+xml" title="blogger2ools - Atom" href="https://www.blogger.com/feeds/8769510562916278720/posts/default" />
blog.latencyHeadScript
global b:include tags
- data="blog" name="all-head-content" <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <meta content='blogger' name='generator'/> <link href='http://blogger2ools.mystady.com/favicon.ico' rel='icon' type='image/x-icon'/> <link href='http://blogger2ools.mystady.com/p/test-page-one.html' rel='canonical'/> <link rel="alternate" type="application/atom+xml" title="blogger2ools - Atom" href="http://blogger2ools.mystady.com/feeds/posts/default" /> <link rel="alternate" type="application/rss+xml" title="blogger2ools - RSS" href="http://blogger2ools.mystady.com/feeds/posts/default?alt=rss" /> <link rel="service.post" type="application/atom+xml" title="blogger2ools - Atom" href="https://www.blogger.com/feeds/8769510562916278720/posts/default" />  <link href='https://plus.google.com/109820545028793935551' rel='publisher'/> <meta content='Meta description box data.' name='description'/> <meta content='http://blogger2ools.mystady.com/p/test-page-one.html' property='og:url'/> <meta content='Test Page One' property='og:title'/> <meta content='Meta description box data.' property='og:description'/> <meta content='https://lh4.googleusercontent.com/proxy/qnwKLiH8gn-cnpxoecmU7TkXredIxq5Ehlve7Q2Dy3rtuHCOsQfECUb2raw3x491OGg=w1200-h630-p-k-no-nu' property='og:image'/> 
- data="blog" name="layout" 
- data="blog" name="quickedit" <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='' onclick='return _WidgetManager._PopupConfig(document.getElementById(""));' target='config' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div>

Table of Contents | Top

Page Header Widget

description: Here at blogger2ools you'll find an updated list of Blogger Layout Data Tags, Live Blogger Widget examples, Blogger PageType examples and more.
useImage: true
sourceUrl: http://dl.mystady.com/blogger2ools/blogger2ools-logo-90x90.png π
height: 90px;
width: 90px;
imagePlacement: BEHIND (Values: "BEHIND", "REPLACE")
backgroundPositionStyleStr: left
widthStyleStr: width: 90px;
mobile: false

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

Table of Contents | Top

Feed Widget

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

feedUrl: http://www.mystady.com/feeds/posts/default/-/Anime π
loadingMsg: Loading...
showItemDate: true
showItemAuthor: true
numItemsShow: 5
openLinksInNewWindow: true

The 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 + &quot;_feedItemListDisplay&quot;'>
      <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.

Table of Contents | Top

Picture Widget

sourceUrl: http://dl.mystady.com/blogger2ools/blogger2ools-logo-90x90.png π
width: 90
height: 90
caption: The blogger2ools logo.
link: http://blogger2ools.mystady.com/ π

Table of Contents | Top

Labels Widget

display: list (Values: "list", "cloud")
showFreqNumbers: true
labels: (list-type)
- index: 0
- name: Images
- count: 16
- url: http://blogger2ools.mystady.com/search/label/Images π
- cssSize: 5
- index: 1
- name: Amazon S3
- count: 5
- url: http://blogger2ools.mystady.com/search/label/Amazon%20S3 π
- cssSize: 3
- index: 2
- name: Picasa
- count: 4
- url: http://blogger2ools.mystady.com/search/label/Picasa π
- cssSize: 3
- index: 3
- name: Flickr
- count: 3
- url: http://blogger2ools.mystady.com/search/label/Flickr π
- cssSize: 3
- index: 4
- name: One Fish
- count: 3
- url: http://blogger2ools.mystady.com/search/label/One%20Fish π
- cssSize: 3
- index: 5
- name: Two Fish
- count: 3
- url: http://blogger2ools.mystady.com/search/label/Two%20Fish π
- cssSize: 3
- index: 6
- name: YouTube
- count: 3
- url: http://blogger2ools.mystady.com/search/label/YouTube π
- cssSize: 3
- index: 7
- name: Red Fish
- count: 2
- url: http://blogger2ools.mystady.com/search/label/Red%20Fish π
- cssSize: 2
- index: 8
- name: Video
- count: 2
- url: http://blogger2ools.mystady.com/search/label/Video π
- cssSize: 2
- index: 9
- name: Blue Fish
- count: 1
- url: http://blogger2ools.mystady.com/search/label/Blue%20Fish π
- cssSize: 1
- index: 10
- name: Facebook
- count: 1
- url: http://blogger2ools.mystady.com/search/label/Facebook π
- cssSize: 1
- index: 11
- name: Img Box
- count: 1
- url: http://blogger2ools.mystady.com/search/label/Img%20Box π
- cssSize: 1
- index: 12
- name: Photobucket
- count: 1
- url: http://blogger2ools.mystady.com/search/label/Photobucket π
- cssSize: 1
- index: 13
- name: TinyPic
- count: 1
- url: http://blogger2ools.mystady.com/search/label/TinyPic π
- cssSize: 1

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

showIcon: true
showItemThumbnail: true
showItemTitle: true
showItemSnippet: true
showTimePeriodSinceLastUpdate: true
numItemsToShow: 0
totalItems: 2
showNText: Show 2
showAllText: Show All
items: (list-item)
- index: 0
- displayStyle: display: block;
- timePeriodSinceLastUpdate: 5 months ago
- blogTitle: Blogger Buzz
- blogUrl: http://blogger.googleblog.com/ π
- blogIconUrl: https://lh3.googleusercontent.com/proxy/mq8QxQhFEq5U-ZEC_phBjwkDSqur_gKjgqtSFM8EgBNSxmQ4r1z4lQOOBJa1w21MUjuaRkvlOQhugHl2gQ=s0-d π
- itemTitle: Share your unique style with new Blogger themes
- itemSnippet: 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: 72
- itemThumbnail.width: 72
- itemThumbnail.url: https://4.bp.blogspot.com/-k1bwGQauV6I/WLyURMAuU9I/AAAAAAAAAD0/k_ZcX4sr_bENoB2P3P8MTEfN-ymfa3_ugCLcB/s72-c/en_Contempo.jpg π
- index: 1
- displayStyle: display: block;
- timePeriodSinceLastUpdate: 1 year ago
- blogTitle: Blogger in Draft
- blogUrl: http://bloggerindraft.blogspot.com/ π
- blogIconUrl: https://lh3.googleusercontent.com/proxy/nTGZDni3bqdBMKty5P8qwiG3K0Pgwm3IQvsf390_fXdwxTdVqLY1A1XOF1tRY8rEs4eRyX6DpXTdJq7i1FpezKoG=s0-d π
- itemTitle: Review Situs Agen Poker - Mencari Agen Poker Terpercaya
- itemSnippet: *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: 72
- itemThumbnail.width: 72
- itemThumbnail.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'>

Table of Contents | Top

Subscription Links Widget

widgetId: Subscribe1
isPublic: true
arrowDropdownImg: 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)
- index: 0
- title: Posts
- url: http://blogger2ools.mystady.com/feeds/posts/default π
- encodedUrl: http%3A%2F%2Fblogger2ools.mystady.com%2Ffeeds%2Fposts%2Fdefault π
- type: POST
- index: 1
- title: All Comments
- url: http://blogger2ools.mystady.com/feeds/comments/default π
- encodedUrl: http%3A%2F%2Fblogger2ools.mystady.com%2Ffeeds%2Fcomments%2Fdefault π
- type: COMMENT
Subscription icon filenames. See Filename Usage below.
- 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:

Table of Contents | Top

Blog Posts Widget

showDummy true
dummyUrl
languageCode en
authorLabel: Posted by
showAuthor: false
timestampLabel: –
showTimestamp: false
commentLabel: comments
commentLabelPlural: comments
backlinkLabel: Links to this post
*backlinksLabel:
postLabelsLabel: Labels:
reactionsLabel: Reactions:
showReactions: false
blogCommentMessage: *COMMENT FORM MESSAGE*
numPosts 1

navMessage:
olderPageUrl: π
olderPageTitle:
newerPageUrl: π
newerPageTitle:
homeMsg: Home

blogTeamBlogMessage:
feedLinksMsg: Subscribe to:
emailPostMsg: Email Page
editPostMsg: Edit Page
postCommentMsg: Post a Comment
commentPostedByMsg: said...
deleteCommentMsg: Delete Comment
deleteBacklinkMsg: Delete Backlink

feedLinks: (list-type)
- index: 0
- url: http://blogger2ools.mystady.com/feeds/posts/default π
- name: Posts
- feedType: Atom
- mimeType: application/atom+xml

posts: (list-type)
- index: 0
- allowComments: false
- allowNewComments:
- embedCommentForm: false
- commentPagingRequired: false
- showBacklinks: true
- hasJumpLink: false
- isDateStart: true
- isFirstPost: true
- id: 4078876155330960576
- dateHeader:
- timestamp: 9/21/2015
- timestampISO8601: 2015-09-21T22:42:00-04:00
- author: Alain-Christian Seraphin
- authorAboutMe: 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/109820545028793935551
- authorPhoto.url: //lh6.googleusercontent.com/-zHTHNBuiDSg/AAAAAAAAAAI/AAAAAAAALqU/-Kj9WvJ2OjY/s512-c/photo.jpg
- authorPhoto.width: 512
- authorPhoto.height: 512
- authorPhoto.thumbUrl: //lh6.googleusercontent.com/-zHTHNBuiDSg/AAAAAAAAAAI/AAAAAAAALqU/-Kj9WvJ2OjY/s50-c/photo.jpg
- authorPhoto.thumbWidth: 50
- authorPhoto.thumbHeight: 50
- title: Test Page One
- snippet: Reader
- body:
  Reader Comments: Don't allow / Edit HTML Settings: Convert newlines to
  s / Compose Settings: Interpret typed HTML
  This is a new line
  This new line has bold text.
- firstImageUrl: http://fap.mystady.com/png.png π
- jumpText: Continue Reading →
- numComments: 0
- numBacklinks: 0
- adminClass: blog-admin pid-1578374961
- avatarIndentClass: avatar-comment-indent
- link: π
- 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: ‹Older
- olderLinkUrl:
- oldestLinkText: «Oldest
- oldestLinkUrl:
- newLinkClass:
- newerLinkText: Newer›
- newerLinkUrl:
- newestLinkText: Newest»
- newestLinkUrl:
- noNewCommentsText:
- backlinksLabel:
- commentLabelFull: No comments
- createLinkUrl:
- createLinkLabel:
- commentSource: 0
- showThreadedComments: 
- commentJso: 
- commentMsgs: 
- commentConfig: 
- commentHtml: 
- iframeCommentSrc: 
- cmtfpIframe: 
- iframeColorizer: 
- friendConnectJs: 
- feedLinks: (list-type)
  - index: 0
  - url: http://blogger2ools.mystady.com/feeds/4078876155330960576/comments/default π
  - mimeType: application/atom+xml
  - name: Post Comments
  - feedType: Atom
- labels: (list-type)
- enclosures: (list-type)
- backlinks: (list-type)
- comments: (list-type)

Table of Contents | Top

blogger2ools

Table of Contents

Globally Available Layout Data Tags

Page Header Widget

Notes

Blog Archive Widget

Profile Widget

Feed Widget

Code Snippets

Picture Widget

Labels Widget

Identifying Label Pages

Link List Widget

Blog List Widget

Page List Widget

Blog Posts Widget

Blog Configuration

Page Navigation

System Messages

Blog Page Feed Links

Posts List

blogger2ools

Table of Contents

Globally Available Layout Data Tags

Page Header Widget

Notes

Blog Archive Widget

Profile Widget

Feed Widget

Code Snippets

Picture Widget

Labels Widget

Identifying Label Pages

Link List Widget

Blog List Widget

Subscription Links Widget

Filename Usage

Page List Widget

Blog Posts Widget

Blog Configuration

Page Navigation

System Messages

Blog Page Feed Links

Posts List