Kode Data pada Blogger beserta Penjelasannya

irfan-photo irfan · 2 bulan lalu

data pada blogger ada yang sifatnya global dan private

maksudnya data global berarti data tersebut bisa diakses dimana saja

sedangkan data private hanya bisa diakses dibagian-bagian tertentu, misalnya didalam widget

langsung saja saya berikan data kode bloggernya

Data Global

data:blog

Kode Hasil
<data:blog.blogId/> int
<data:blog.title/> blog title
<data:blog.url/> current url
<data:blog.canonicalUrl/> canonical url
<data:blog.homepageUrl/> homepage url
<data:blog.searchUrl/> https://example.blogspot.com/search
<data:blog.canonicalHomepageUrl/> canonical homepage url
<data:blog.blogspotFaviconUrl/> https://example.blogspot.com/favicon.ico
<data:blog.bloggerUrl/> https://www.blogger.com
<data:blog.hasCustomDomain/> boolean
<data:blog.httpsEnabled/> boolean
<data:blog.enabledCommentProfileImages/> boolean
<data:blog.gPlusViewType/> FILTERED_POSTMOD
<data:blog.adultContent/> false
<data:blog.analyticsAccountNumber/> null
<data:blog.encoding/> UTF-8
<data:blog.locale/> id
<data:blog.localeUnderscoreDelimited/> id
<data:blog.languageDirection/> ltr
<data:blog.isPrivate/> boolean
<data:blog.isMobile/> boolean
<data:blog.isMobileRequest/> boolean
<data:blog.mobileClass/> null
<data:blog.isPrivateBlog/> boolean
<data:blog.isDynamicViewsAvailable/> boolean
<data:blog.feedLinks/> html tag link feed
<data:blog.meTag/> null
<data:blog.adsenseHostId/> ca-host-pub-int
<data:blog.adsenseHasAds/> boolean
<data:blog.adsenseAutoAds/> boolean
<data:blog.adsenseClientId/> int
<data:blog.boqCommentIframeForm/> true
<data:blog.loginRedirectParam/> null
<data:blog.view/> null
<data:blog.dynamicViewsCommentsSrc/> //www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js
<data:blog.dynamicViewsScriptSrc/> //www.blogblog.com/dynamicviews/4485008abac83bd2
<data:blog.plusOneApiSrc/> https://apis.google.com/js/plusone.js
<data:blog.disableGComments/> boolean
<data:blog.hasCustomJumpLinkMessage/> boolean
<data:blog.jumpLinkMessage/> Baca selengkapnya
<data:blog.pageType/> index / static_page / item / archive
<data:blog.pageName/> current page title
<data:blog.pageTitle/> [blog title]: [current page title]
<data:blog.metaDescription/> current page description
Post
<data:blog.postId/> int
<data:blog.postImageThumbnailUrl/> first_image (if exist)
<data:blog.postImageUrl/> first_image (if exist)
Pages
<data:blog.pageId/> int
Searc Query
<data:blog.searchQuery/> input_query
Searc Label
<data:blog.searchLabel/> label_name

data:view

Kode Hasil
<data:view.isMobile/> boolean
<data:view.title/> current page title
<data:view.description/> current page description
<data:view.url/> current url
<data:view.type/> feed / item
<data:view.isSingleItem/> boolean
<data:view.isMultipleItems/> boolean
<data:view.isError/> boolean
<data:view.isPage/> boolean
<data:view.isPost/> boolean
<data:view.isHomepage/> boolean
<data:view.isArchive/> boolean
<data:view.isLabelSearch/> boolean
<data:view.isPreview/> boolean
<data:view.isLayoutMode/> boolean
Post
<data:view.postId/> int
Pages
<data:view.pageId/> int
Post & Pages
<data:view.featuredImage/> first_image (if exist)
Search
<data:view.isSearch/> boolean
<data:view.search.resultsMessage/> Menampilkan postingan label / query
<data:view.search.resultsMessageHtml/> Menampilkan postingan label / query
Searc Query
<data:view.search.query/> input_query
Searc Label
<data:view.search.label/> label_name
Archive
<data:view.archive.year/> int
<data:view.archive.month/> int
<data:view.archive.rangeMessage/> Menampilkan postingan dari [Bulan], [Tahun]

data:messages

Kode Hasil
<data:messages.adsGoHere/> Iklan ada di sini
<data:messages.archive/> Arsip
<data:messages.at/> pukul
<data:messages.blogArchive/> Arsip Blog
<data:messages.blogAuthors/> Penulis blog
<data:messages.by/> Oleh
<data:messages.comments/> Komentar
<data:messages.configurationRequired/> Konfigurasi yang diperlukan
<data:messages.deleteBacklink/>
<data:messages.deleteComment/> Hapus Komentar
<data:messages.edit/> Edit
<data:messages.emailAddress/> Alamat Email
<data:messages.emailPost/> Posting Email
<data:messages.euCookieNotice/> Situs ini menggunakan cookie dari Google untuk membantu memberikan layanannya, mempersonalisasikan iklan, dan menganalisis lalu lintas. Informasi tentang penggunaan situs ini dibagikan dengan Google. Dengan menggunakan situs ini, Anda menyetujui penggunaan cookie.
<data:messages.euCookieResponsibility/> Merupakan tanggung jawab Anda untuk memberi tahu pengunjung tentang cookie yang digunakan di blog. Lihat http://www.blogger.com/go/cookiechoices untuk detail lebih lanjut.
<data:messages.euCookieNotice2018/> Situs ini menggunakan cookie dari Google untuk menyajikan layanan dan menganalisis traffic. Alamat IP dan browser Anda dibagikan dengan Google beserta metrik performa dan keamanan guna memastikan kualitas layanan, memunculkan statistik penggunaan, serta untuk mendeteksi dan menangani penyalahgunaan.
<data:messages.euCookieResponsibility2018/> Anda bertanggung jawab memberi tahu pengunjung tentang cookie yang digunakan dan data yang dikumpulkan di blog Anda. Blogger menyediakan notifikasi standar untuk digunakan di blog, dan Anda bisa menyesuaikan atau menggantinya dengan pemberitahuan Anda sendiri. Lihat http://www.blogger.com/go/cookiechoices untuk informasi selengkapnya.
<data:messages.featured/> Unggulan
<data:messages.getEmailNotifications/> Dapatkan notifikasi email
<data:messages.gotIt/> Oke
<data:messages.hidden/> Tersembunyi
<data:messages.home/> Beranda
<data:messages.image/> Gambar
<data:messages.joinTheConversation/> Gabung dalam percakapan
<data:messages.keepReading/> Terus membaca
<data:messages.labels/> Label
<data:messages.latestPosts/> Postingan Terbaru
<data:messages.learnMore/> Info Lengkap
<data:messages.linkCopiedToClipboard/> Tautan disalin ke papan klip!
<data:messages.loadMorePosts/> Muat postingan lainnya
<data:messages.loading/> Memuat…
<data:messages.moreEllipsis/> Lainnya…
<data:messages.morePosts/> Postingan lainnya
<data:messages.myBlogList/> Daftar Blog Saya
<data:messages.myFavoriteSites/> Situs favorit saya
<data:messages.myPhoto/> Foto saya
<data:messages.newer/> Lebih baru
<data:messages.newerPosts/> Postingan Lebih Baru
<data:messages.newest/> Terbaru
<data:messages.noResultsFound/> Tak ada hasil yang ditemukan
<data:messages.noTitle/> Tanpa judul
<data:messages.numberOfComments/> {numComments,plural, =0{Tidak ada komentar}=1{1 komentar}other{# komentar}}
<data:messages.older/> Lebih lama
<data:messages.olderPosts/> Postingan Lama
<data:messages.oldest/> Terlama
<data:messages.onlyTeamMembersCanComment/> Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.
<data:messages.on/> pada tanggal
<data:messages.photo/> Foto
<data:messages.popularPosts/> Postingan Populer
<data:messages.popularPostsFromThisBlog/> Postingan populer dari blog ini
<data:messages.postAComment/> Posting Komentar
<data:messages.postLink/> Tautan Pos
<data:messages.postedBy/> Diposting oleh
<data:messages.posts/> Postingan
<data:messages.poweredByBlogger/> Diberdayakan oleh Blogger
<data:messages.readMore/> Baca selengkapnya
<data:messages.recentPosts/> Postingan terbaru
<data:messages.reportAbuse/> Laporkan Penyalahgunaan
<data:messages.search/> Telusuri
<data:messages.searchBlog/> Telusuri blog
<data:messages.searchThisBlog/> Cari blog ini
<data:messages.share/> Berbagi
<data:messages.shareOtherApps/> Aplikasi Lainnya
<data:messages.shareToOtherApps/> Bagikan ke aplikasi lainnya
<data:messages.showAll/> Tunjukkan semua
<data:messages.showLess/> Tampilkan lebih sedikit
<data:messages.showMore/> Tampilkan selengkapnya
<data:messages.skipToMainContent/> Langsung ke konten utama
<data:messages.someOfMyFavoriteSites/> Beberapa situs favorit saya
<data:messages.subscribe/> Langganan
<data:messages.subscribeTo/> Langganan:
<data:messages.subscribeToThisBlog/> Berlangganan blog ini
<data:messages.theresNothingHere/> Tak ada apa pun di sini!
<data:messages.viewAll/> Lihat semua
<data:messages.viewMyCompleteProfile/> Lihat profil lengkapku
<data:messages.visible/> Dapat dilihat
<data:messages.visitProfile/> Kunjungi profil
<data:messages.widget/> Gadget
<data:messages.widgetNotAvailableInPreview/> Konten ini tidak tersedia di pratinjau blog.
<data:messages.widgetNotAvailableOnHttps/> Konten ini belum tersedia melalui sambungan terenkripsi.
<data:messages.copy/> Salin
<data:messages.copyToClipboard/> Salin ke papan klip
<data:messages.dynamicViewsNotAvailable/> Tema ini tidak kompatibel dengan setelan blog saat ini. Jika Anda ingin menggunakan tema ini, harap pastikan akses blog disetel ke publik dan mengizinkan feed blog.
<data:messages.ok/> Oke
<data:messages.title/> Judul
<data:messages.visitSite/> Kunjungi situs
<data:messages.blogComment/>
with parameter
<data:messages.authorSaid/> %1 mengatakan…
<data:messages.authorSaidWithLink/> <a href="%2" rel="nofollow">%1</a> mengatakan…
<data:messages.byAuthor/> Oleh %1
<data:messages.byAuthorLink/> Oleh <a href="%2">%1</a>
<data:messages.postedByAuthor/> Diposting oleh %1
<data:messages.postedByAuthorLink/> Diposting oleh <a href="%2">%1</a>
<data:messages.poweredByBloggerLink/> Diberdayakan oleh <a href='%1' target='_blank'>Blogger</a>
<data:messages.templateImagesBy/> Gambar tema oleh %1
<data:messages.templateImagesByLink/> Gambar tema oleh <a href="%1">%2</a>

Catatan untuk memasukan parameter maka harus menggunakan tag b:message, lihat di halaman tag code

data:skin

data:skin dapat digunakan untuk memanggil nilai pada tag Variable yang dibuat pada bagian css utama

kegunaan data:skin sangat berguna ketika css yang dikelola diluar dari tag style utama yang hanya bisa dipanggil menggunakan $(namaVariable) sekarang menjadi bisa dipanggil dimana saja dengan adanya tag data:skin ini

contoh penggunaan data:skin

<b:skin><![CDATA[ 
   /*
   <Group description="Bagian Utama Template">
   <Variable name="bodyFont" description="Body Font" type="font" default="400 36px Damion, cursive" hideEditor="false"  value="400 18px Damion, cursive"/>
   <Variable name="bodyColor" description="Body Color" type="color" default="#FFFFFF" hideEditor="false"  value="#FFFFFF"/>	
   </Group>
   */
   ]]>
   </b:skin>
   <style type="text/css">
   article {
       color: <data:skin.vars.bodyColor/>;
       font: <data:skin.vars.bodyFont/>;
   }
</style>

data:widgets

mengambil data dengan cepat dari widget yang sudah ada dan dapat ditaruh dimana saja

<b:loop values='data:widgets.Blog' var='BlogCustom'>           
  <b:loop values='data:BlogCustom.posts' var='post'>       
  <data:post.id/>
  <data:post.title/>
  <data:post.featuredImage/>
  </b:loop>
</b:loop>

contoh penggunaan lainnya, untuk pengecekan widget

<b:if cond='data:widgets.AdSense.first'></b:if>

Catatan Tidak semua data dapat diambil layaknya seperti didalam widget hanya beberapa saja

b:include global (data common)

data common ini maksudnya adalah data bawaan blogger yang dipanggilnya harus menggunakan kode b:include

all-head-content

<b:include name='all-head-content'/>

<b:includable id='all-head-content'>
  <meta expr:content='"text/html; charset=" + data:blog.encoding' http-equiv='Content-Type'/>
  <b:if cond='data:widgets'>
    <b:comment>Chrome, Firefox OS and Opera</b:comment>
    <meta expr:content='data:skin.vars.body_background_color' name='theme-color'/>
    <b:comment>Windows Phone</b:comment>
    <meta expr:content='data:skin.vars.body_background_color' name='msapplication-navbutton-color'/>
  </b:if>
  <data:blog.latencyHeadScript/>
  <data:blog.mobileHeadScript/>
  <meta content='blogger' name='generator'/>
  <link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
  <b:if cond='data:blog.adultContent'>
    <meta content='adult' name='rating'/>
  </b:if>
  <link expr:href='data:view.url.canonical' rel='canonical'/>
  <data:blog.feedLinks/>
  <b:tag name='link' cond='data:view.featuredImage' expr:href='data:view.featuredImage' rel='image_src'/>
  <b:if cond='data:blog.metaDescription'>
    <meta expr:content='data:blog.metaDescription' name='description'/>
  </b:if>
  <b:include name='openGraphMetaData'/>
  <data:blog.ieCssRetrofitLinks/>
  <!--[if IE]><script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script>
<![endif]-->
</b:includable>

openGraphMetaData

<b:include name='openGraphMetaData'/>

<b:includable id='openGraphMetaData'>
  <b:comment render='false'>Metadata for Open Graph protocol. See http://ogp.me/.</b:comment>
  <meta expr:content='data:blog.url.canonical' property='og:url'/>
  <meta expr:content='data:view.title.escaped' property='og:title'/>
  <meta expr:content='data:view.description.escaped' property='og:description'/>
  <b:if cond='data:view.featuredImage'>
    <meta expr:content='resizeImage(data:view.featuredImage, 1200, "1200:630")' property='og:image'/>
  <b:elseif cond='data:widgets'/>
    <b:loop values='data:widgets.Blog.first.posts where (p => p.featuredImage) map (p => p.featuredImage)' var='imageUrl'>
      <meta expr:content='resizeImage(data:imageUrl, 1200, "1200:630")' property='og:image'/>
    </b:loop>
  <b:elseif cond='data:blog.postImageUrl'/>
    <meta expr:content='resizeImage(data:blog.postImageUrl, 1200, "1200:630")' property='og:image'/>
  </b:if>
</b:includable>

google-analytics

<b:include name='google-analytics'/>

<b:includable id='google-analytics'>
  <b:if cond='data:blog.analyticsAccountNumber'>
    <script type='text/javascript'>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
      ga('create', '<data:blog.analyticsAccountNumber/>', 'auto', 'blogger');
      ga('blogger.send', 'pageview');
    </script>
  </b:if>
</b:includable>

Report Abuse

<b:include name='reportAbuse'/>

<a class='report_abuse' href='https://www.blogger.com/go/report-abuse' rel='noopener nofollow' target='_blank'>
Report Abuse
</a>

skipNavigation

<b:include name='skipNavigation'/>

<a class='skip-navigation' href='#main' tabindex='0'>
Skip to main content
</a>

responsiveImageStyle

<b:include name='responsiveImageStyle'/>

<b:includable id='responsiveImageStyle'>
  <b:with value='resizeImage(data:image,(data:imageSizes ?: [200,400,800,1200]),data:imageRatio)' var='images'>
    <b:tag name='style'>
      <b:eval expr='data:selector + " {background-image:url(" + data:image.cssEscaped + ");}"'/>
      <b:loop index='i' values='data:images' var='image'>
        <b:if cond='data:image.size == data:images.last.size'>
          /* Last tag covers anything over one higher than the previous max-size cap. */
        </b:if>
        @media <b:if cond='data:image.size != data:images.last.size'><b:eval expr='"(max-width: " + data:image.size + "px)"'/></b:if><b:if cond='data:image.size not in {data:images.first.size,data:images.last.size}'> and </b:if><b:if cond='data:image.size != data:images.first.size'><b:eval expr='"(min-width: " + (data:images[data:i - 1].size + 1) + "px)"'/></b:if> <b:eval expr='"{ " + data:selector + " {background-image:url(" + data:image.url.cssEscaped + ");}}"'/>
      </b:loop>
    </b:tag>
  </b:with>
</b:includable>

svgIcon / svgIconButton

<b:include data='{iconId: "???", iconClass: "???"}' name='svgIcon'/>

berikut iconId yang bisa digunakan

  • ic_24_email_dark
  • ic_24_facebook_dark
  • ic_24_link_dark
  • ic_24_pinterest_dark
  • ic_24_twitter_dark
  • ic_add_box_black_24dp
  • ic_arrow_back_black_24dp
  • ic_arrow_forward_black_24dp
  • ic_chat_bubble_black_24dp
  • ic_check_box_black_24dp
  • ic_check_box_outline_blank_black_24dp
  • ic_chevron_left_black_24dp
  • ic_chevron_right_black_24dp
  • ic_close_black_24dp
  • ic_expand_less_black_24dp
  • ic_expand_more_black_24dp
  • ic_expand_more_black_24dp
  • ic_mode_comment_black_24dp
  • ic_more_horiz_black_24dp
  • ic_more_vert_black_24dp
  • ic_person_black_24dp
  • ic_post_blogger_black_24dp
  • ic_rss_feed_black_24dp
  • ic_search_black_24dp
  • ic_share_black_24dp

Data Widget

All Widget

Kode Hasil
<data:widget.type /> Widget Type
<data:widget.instanceId /> Widget ID Atribute
<data:widget.sectionId /> Section ID Atribute
<data:widget.actionUrl/> URL
<data:widget.quickEditUrl/> URL
Catatan semua data diatas bisa diakses untuk semua widget yang ada

AdSense

Kode Hasil
<data:adCode/> AdSense Code
<data:adClientId/> AdSense Client Id

Attribution

Kode Hasil
<data:bloggerUrl/> Url
<data:copyright/> Powered by Blogger
<data:imageAuthor.name/> Author Image
<data:imageAuthor.url/> Author Url

Blog

Kode Hasil
<data:title /> Blog Title
<data:description/> Blog Description
<data:numPosts/> Count Posts
<data:olderPageUrl/> Older Post URL
<data:newerPageUrl/> Newer Post URL
<data:navMessage/> string
<data:adCode/> string
<data:adClientId/> string
<data:cmtIframeInitialHeight/> string
<data:showCmtPopup/> boolean
<data:backgroundColor/> string
<data:linkColor/> string
<data:textColor/> string
<data:languageCode/> string
data:this.allBylineItems
<data:this.allBylineItems.share/> Share status widget-setting
<data:this.allBylineItems.author/> Author status widget-setting
<data:this.allBylineItems.author.label/> Author message widget-setting
<data:this.allBylineItems.timestamp/> Date status widget-setting
<data:this.allBylineItems.timestamp.label/> Date message widget-setting
<data:this.allBylineItems.comments/> Comment status widget-setting
<data:this.allBylineItems.comments.label/> Comment message widget-setting
<data:this.allBylineItems.icons/> Icon widget-setting
<data:this.allBylineItems.labels/> Label status widget-setting
<data:this.allBylineItems.labels.label/> Label message widget-setting
posts [array]
<data:post.id/> int
<data:post.title/> string
<data:post.body/> string
<data:post.snippets.short/> string
<data:post.snippets.long/> string
<data:post.url/> URL
<data:post.absoluteUrl/> URL
<data:post.link/> string
<data:post.thumbnailUrl/> First Thumbnail Image URL
<data:post.featuredImage/> First Image URL
<data:post.date/> POST DATE
<data:post.date.iso8601/> 0000-00-00T00:00:00-07:00
<data:post.date.year/> int
<data:post.date.month/> int
<data:post.date.day/> int
<data:post.date.dayOfWeek/> int
<data:post.date.dayOfMonth/> int
<data:post.date.dayOfYear/> int
<data:post.lastUpdated/> UPDATED DATE
<data:post.lastUpdated.iso8601/> 0000-00-00T00:00:00-07:00
<data:post.lastUpdated.year/> int
<data:post.lastUpdated.month/> int
<data:post.lastUpdated.day/> int
<data:post.lastUpdated.dayOfWeek/> int
<data:post.lastUpdated.dayOfMonth/> int
<data:post.lastUpdated.dayOfYear/> int
<data:post.author.name/> Post Author
<data:post.author.profileUrl/> https://www.blogger.com/profile/[USERID]
<data:post.author.authorPhoto.image/> Author Photo URL
<data:post.author.authorPhoto.width/> string
<data:post.author.authorPhoto.height/> string
<data:post.author.authorPhoto.alt/> My Photo
<data:post.author.aboutMe/> Author Intro
<data:post.hasJumpLink/> boolean
<data:post.isFirstPost/> boolean
<data:post.isDateStart/> boolean
<data:post.postAuthorClass/> pid-[PID]
<data:post.adminClass/> blog-admin pid-[PID]
<data:post.hasOlderLinks/> boolean
<data:post.oldLinkClass/> string
<data:post.oldestLinkUrl/> URL
<data:post.olderLinkUrl/> URL
<data:post.hasNewerLinks/> boolean
<data:post.newLinkClass/> string
<data:post.newerLinkUrl/> URL
<data:post.newestLinkUrl/> URL
<data:post.avatarIndentClass/> string
<data:post.includeAd/> boolean
<data:post.adNumber/> int
<data:post.emailPostUrl/> URL
<data:post.shareUrl/> https://www.blogger.com/share-post.g?blogID=[BLOGID]&postID=[POSTID]
<data:post.location.mapsUrl/> Location URL
<data:post.location.name/> Location Name
<data:post.commentSource/> int
<data:post.commentConfig/> {}
<data:post.commentJso/> nullx
<data:post.commentMsgs/> string
<data:post.commentSrc/> string
<data:post.allowComments/> boolean
<data:post.allowNewComments/> boolean (only on embed comment)
<data:post.noNewCommentsText/> string (only on embed comment)
<data:post.numberOfComments/> int
<data:post.commentsUrl/> [POSTURL]#comments
<data:post.commentsUrlOnclick/> boolean
<data:post.commentPagingRequired/> boolean
<data:post.commentRangeText/> string
<data:post.commentFormIframeSrc/> https://www.blogger.com/comment/frame/[BLOGID]?po=[POSTID]&hl=en-GB&skin=contempo
<data:post.embedCommentForm/> boolean
<data:post.showThreadedComments/> boolean
<data:post.commentHtml/> html
<data:post.cmtfpIframe/> <script src='https://www.blogger.com/static/v1/jsbin/3262169375-comment_from_post_iframe.js' type='text/javascript'></script>
<data:post.appRpcRelayPath/> https://www.blogger.com/rpc_relay.html
b:includable
<b:include data='post' name='postMetadataJSON'/>
post.labels [array]
<data:label.name/> string
<data:label.url/> url
post.comments [array]
<data:comment.id/> int
<data:comment.inReplyTo/> string
<data:comment.cmtBodyIdPostfix/> _cmt-[commentID]
<data:comment.url/> [postURL]?showComment=[commentID]#[anchorName]
<data:comment.deleteUrl/> https://www.blogger.com/delete-comment.g?blogID=[BlogID]&postID=[PostID]
<data:comment.body/> string
<data:comment.timestamp/> DAY MONTH YEAR at TIME
<data:comment.timestampValue/> int
<data:comment.timestampAbs/> int
<data:comment.author/> author name
<data:comment.authorUrl/> https://www.blogger.com/profile/[UserID]
<data:comment.authorPhoto.url/> URL
<data:comment.authorPhoto.width/> int
<data:comment.authorPhoto.height/> int
<data:comment.authorPhoto.thumbUrl/> URL
<data:comment.authorPhoto.thumbWidth/> int
<data:comment.authorPhoto.thumbHeight/> int
<data:comment.authorAvatarSrc/> Author Photo URL
<data:comment.authorAvatarImage/> html Photo
<data:comment.authorUserType/> blogger
<data:comment.anchorName/> c7428714620873757246
<data:comment.isDeleted/> boolean
<data:comment.adminClass/> blog-admin pid-89414709
<data:comment.extraIconClass/> blog-author

BlogArchive

Kode Hasil
<data:title/> Widget BlogArchive Title
<data:style/> FLAT / HIERARCHY / MENU
<data:toggleopen/> DAILY-[id] / WEEK-[id] / MONTHLY-[id]
HIERARCY
<data:name/> All Posts
<data:url/> URL
<data:post-count/> int
<data:expclass/> expanded
<data:toggleId/> ALL-0
this.data [array]
<data:archive.name/> YEAR
<data:archive.url/> URL
<data:archive.post-count/> int
<data:archive.expclass/> expanded
HIERARCY this.data [array]
<data:archive.toggleId/> YEARLY-[ID]
HIERARCY this.data.data [array] | HIERARCY this.data.data.data [array]
<data:post.title/> title
<data:post.url/> URL
Catatan Widget Archive ini ada 3 style, khusus style hierarcy bisa ngelooping sampai 3x dan saat looping ke 2 dan ke 3 bisa ngambil post.title & post.url.
untuk style lainnya hanya bisa looping 1x dan hanya bisa mengambil data (this.data [array]) saja

BloggerButton

Kode Hasil
<data:source/> Blogger Image Url
<data:srcset/> Set Blogger Image Url

BlogList

Kode Hasil
<data:title/> Widget BlogList Title
<data:showIcon/> boolean
<data:showItemThumbnail/> boolean
<data:showItemTitle/> boolean
<data:showItemSnippet/> boolean
<data:showTimePeriodSinceLastUpdate/> boolean
<data:sortType/> ALPHABETICAL / LAST_UPDATE_DESCENDING
<data:numItemsToShow/> int
<data:totalItems/> int
<data:showNText/> Show [Items]
<data:showAllText/> Show All
<data:linkColor/> #00c
<data:textColor/> #000
data:items [array]
<data:item.displayStyle/> display: block;
<data:item.blogIconUrl/> Blog Favicon Url
<data:item.blogUrl/> Blog Url
<data:item.blogTitle/> Blog Title
<data:item.timePeriodSinceLastUpdate/> [int] week ago
<data:item.itemUrl/> Blog Post Url
<data:item.itemTitle/> Blog Post Title
<data:item.itemSnippet/> Blog Post Description
<data:item.itemSnippet/> Blog Post Description
<data:item.itemThumbnail.url/> Blog Post Thumbnail Url
<data:item.itemThumbnail.width/> int
<data:item.itemThumbnail.height/> int

BlogSearch

Kode Hasil
<data:title/> Widget BlogSearch Title

ContactForm

Kode Hasil
<data:title/> Widget ContactForm Title
<data:contactFormNameMsg/> Name
<data:contactFormEmailMsg/> Email
<data:contactFormMessageMsg/> Message
<data:contactFormSendMsg/> Send
<data:contactFormMessageSendingMsg/> Sending...
<data:contactFormMessageSentMsg/> Your message has been sent.
<data:contactFormMessageNotSentMsg/> Message could not be sent. Please try again later.
<data:contactFormInvalidEmailMsg/> A valid email address is required.
<data:contactFormEmptyMessageMsg/> Message field cannot be empty.
<data:submitUrl/> https://www.blogger.com/contact-form.do

PopularPosts & FeaturedPost

Kode Hasil
<data:title/> string
<data:postDisplay.showTitle/> boolean
<data:postDisplay.showSnippet/> boolean
<data:postDisplay.showFeaturedImage/> boolean
<data:postDisplay.showDate/> boolean
<data:postDisplay.showAuthor/> boolean
posts [array]
<data:post.id/>
<data:post.title/>
<data:post.body/>
<data:post.snippets.short/>
<data:post.snippets.long/>
<data:post.featuredImage/>
<data:post.url/>
<data:post.absoluteUrl/>
<data:post.shareUrl/>
<data:post.emailPostUrl/>
<data:post.commentsUrl/>
<data:post.commentsUrlOnclick/>
<data:post.commentSource/>
<data:post.numberOfComments/>
<data:post.allowComments/>
<data:post.hasJumpLink/>
<data:post.date/>
<data:post.date.iso8601/>
<data:post.date.year/>
<data:post.date.month/>
<data:post.date.day/>
<data:post.date.dayOfWeek/>
<data:post.date.dayOfMonth/>
<data:post.date.dayOfYear/>
<data:post.lastUpdated/>
<data:post.lastUpdated.iso8601/>
<data:post.lastUpdated.year/>
<data:post.lastUpdated.month/>
<data:post.lastUpdated.day/>
<data:post.lastUpdated.dayOfWeek/>
<data:post.lastUpdated.dayOfMonth/>
<data:post.lastUpdated.dayOfYear/>
<data:post.author.name/>
<data:post.author.profileUrl/>
<data:post.author.authorPhoto.image/>
<data:post.author.authorPhoto.width/>
<data:post.author.authorPhoto.height/>
<data:post.author.authorPhoto.alt/>
<data:post.author.aboutMe/>
post.labels [array]
same like a Blog Posts Label

Feed

Kode Hasil
<data:title/> Feed Title
<data:feedUrl/> Feed Url
<data:loadingMsg/> Loading...
<data:showItemDate/> boolean
<data:showItemAuthor/> boolean
<data:numItemsShow/> int
<data:openLinksInNewWindow/> boolean

Followers

Kode Hasil
<data:title/> Widget Followers Title
<data:codeSnippet/> HTML Resource show Follower List
Kode Hasil
<data:title/> string
<data:description/> string
<data:imagePlacement/> BEFORE_DESCRIPTION / REPLACE / BEHIND
<data:image/> Header Image URL
<data:sourceUrl/> Header Image URL
<data:backgroundPositionStyleStr/> left / right
<data:shrinkToFit/> boolean
<data:sectionWidth/> int
<data:width/> int
<data:height/> int

HTML & Text

Kode Hasil
<data:title/> Widget Title
<data:content/> HTML / TEXT

Image

Kode Hasil
<data:title/> Widget Image Title
<data:sourceUrl/> Image URL
<data:link/> Image URL
<data:width/> int
<data:height/> int
<data:sectionWidth/> int
<data:caption/> Image Text
<data:shrinkToFit/> boolean
<data:sourceSet/> list varian Size Image URL

Label

Kode Hasil
<data:title/> Widget Label Title
<data:display/> list / cloud
<data:showFreqNumbers/> boolean
<data:labels.size/> int
<data:labels.length/> int
<data:labels.any/> boolean
<data:labels.empty/> boolean
<data:labels.notEmpty/> boolean
<data:labels.first.url/> URL
<data:labels.first.name/> string
<data:labels.first.count/> int
<data:labels.first.cssSize/> int
<data:labels.last.url/> URL
<data:labels.last.name/> string
<data:labels.last.count/> int
<data:labels.last.cssSize/> int
labels [array]
<data:label.url/> URL
<data:label.name/> string
<data:label.count/> int
<data:label.cssSize/> int
Kode Hasil
<data:title/> Widget LinkList Title
<data:sorting/> none / alpha / reversealpha
<data:shownum/> int
data:links [array]
<data:link.target/> URL
<data:link.name/> string

PageList

Kode Hasil
<data:title/> Widget PageList Title
data:links [array]
<data:link.href/> URL
<data:link.title/> string
<data:link.id/> string
<data:link.isCurrentPage/> boolean

Profile

Kode Hasil
<data:title/> Widget Profile Title
Single Author
<data:displayname/> Owner Blog
<data:userUrl/> https://www.blogger.com/profile/[userId]
<data:showlocation/> boolean
<data:location/> string
<data:showaboutme/> boolean
<data:aboutme/> string
<data:authorPhoto/> Owner Photo URL
<data:profileLogo/> //www.blogger.com/img/logo-16.png
<data:hasgoogleprofile/> boolean
Multiple Author
<data:viewProfileMsg/> View my complete profile
<data:team/> boolean
data:authors [array]
<data:author.userUrl/> Author URL
<data:author.display-name/> Author Name
<data:author.profileLogo/> //www.blogger.com/img/logo-16.png
<data:author.authorPhoto.image/> Author Photo URL

Stats

Kode Hasil
<data:title/> Widget Stats Title
<data:showSparkline/> boolean
<data:showGraphicalCounter/> boolean
<data:showAnimatedCounter/> boolean
<data:statsUrl/> //[BLOGURL].blogspot.com/b/stats?style=BLACK_TRANSPARENT&timeRange=[ALL_TIME|LAST_MONTH|LAST_WEEK]&token=[TOKEN]

Subscribe

Kode Hasil
<data:title/> Widget Subscribe Title
<data:widgetId/> Widget Subscribe Atribute Id
<data:atomFeedTxt/> Atom Feed
<data:arrowDropdownImg/> https://resources.blogblog.com/img/widgets/arrow_dropdown.gif
<data:feedIconImg/> https://resources.blogblog.com/img/icon_feed12.png
<data:imagePathBase/> https://resources.blogblog.com/img/widgets/
data.feeds [array]
<data:feed.type/> POST / COMMENT
<data:feed.title/> Posts / All Comments
<data:feed.url/> URL
<data:feed.encodedUrl/> URL Encode

TextList

Kode Hasil
<data:title/> Widget TextList Title
<data:sorting/> none / alpha / reversealpha
<data:shownum/> int
data.items [array]
<data:item/> text

Translate

Kode Hasil
<data:title/> Widget Translate Title
<data:pageLanguage/> lang-code
<data:layout/> VERTICAL / HORIZONTAL / SIMPLE

Wikipedia

Kode Hasil
<data:title/> Widget Title
<data:searchResultsMsg/> Search results
<data:noResultsFoundMsg/> No results found.
<data:enterTextMsg/> Please enter text to search.
<data:moreMsg/> More »
<data:fetchingErrorMsg/> An error occurred. Please try again.
Terakhir diupdate 29 Jun 2022 06:48 WIB
Daftar Konten Belajar Kode Template Blogger