Tổng hợp thẻ xml, code html, css, javascript dùng chỉnh sửa template blogspot

I. Danh sách thẻ Xml Blogspot :

A. Thẻ Xml quan trọng khi chỉnh sửa template Blogspot :

Thẻ <b:skin>...</b:skin> là cặp thẻ dùng chứa code Css khi thiết kế template sử dụng nền tảng blogspot, thẻ này tương tự như thẻ <style>...<style>
Thẻ bài đăng trên Blog : <b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog' version='1' >
Thẻ nội dung bài viết đăng trên blogspot <data:post.body/>
Thẻ hiển thị tác giả trên blogspot <data:post.author/> hoặc <data:post.author.name/>
Thẻ điều kiện <b:if cond= : Xem chi tiết tại đây
Thẻ <b:includable> & <b:include> là loại thẻ luôn đi cùng nhau và luôn nằm trong thẻ <b:widget>
Thẻ <b:widget>
Thẻ <b:defaultmarkups>
...

B. Danh sách thẻ <data:... :

B.1 Xem dữ liệu với thẻ : <data:view.

postId/>
pageId/>
type/>
featuredImage/>
title/>
description/>
url/>
isPost/>
isPage/>
isHomepage/>
isSearch/>
isArchive/>
isError/>
isLabelSearch/>
isSingleItem/>
isMultipleItems/>
isMobile/>
isPreview/>
isLayoutMode/>
search.resultsMessageHtml/>
search.resultsMessage/>
search.query/>
search.label/>
archive.rangeMessage/>
archive.day/>
archive.month/>
archive.year/>

Thẻ dữ liệu tổng hợp chỉnh sửa template Blogspot : <data:blog.

blogId/>
title/>
pageTitle/>
pageName/>
pageType/>
view/>
url/>
homepageUrl/>
searchUrl/>
blogspotFaviconUrl/>
bloggerUrl/>
metaDescription/>
analyticsAccountNumber/>
locale/>
localeUnderscoreDelimited/>
languageDirection/>
encoding/>
hasCustomDomain/>
httpsEnabled/>
enabledCommentProfileImages/>
isPrivate/>
isPrivateBlog/>
adultContent/>
isMobileRequest/>
mobileClass/>
feedLinks/>
googleProfileUrl/>
postImageUrl/>
postImageThumbnailUrl/>
latencyHeadScript/>
mobileHeadScript/>
dynamicViewsScriptSrc/>
dynamicViewsCommentsSrc/>
ieCssRetrofitLinks/>
adsenseHostId/>
adsenseClientId/>
adsenseHasAds/>
plusOneApiSrc/>
gPlusViewType/>
jumpLinkMessage/>
hasCustomJumpLinkMessage/>
sharing.googlePlusBootstrap/>
sharing.googlePlusShareButtonWidth/>
... Còn nữa

Thẻ <data:messages.

adsGoHere/>
archive/>
at/>
authorSaid/>
authorSaidWithLink/>
blogArchive/>
blogAuthors/>
by/>
byAuthor/>
byAuthorLink/>
comments/>
configurationRequired/>
copy/>
copyToClipboard/>
deleteComment/>
edit/>
emailAddress/>
emailPost/>
euCookieNotice/>
euCookieNotice2018/>
euCookieResponsibility/>
euCookieResponsibility2018/>
featured/>
getEmailNotifications/>
gotIt/>
hidden/>
home/>
image/>
joinTheConversation/>
keepReading/>
labels/>
latestPosts/>
learnMore/>
linkCopiedToClipboard/>
loadMorePosts/>
loading/>
moreEllipsis/>
morePosts/>
myBlogList/>
myFavoriteSites/>
myPhoto/>
newer/>
newerPosts/>
newest/>
noResultsFound/>
noTitle/>
numberOfComments/>
ok/>
older/>
olderPosts/>
oldest/>
onlyTeamMembersCanComment/>
on/>
photo/>
popularPosts/>
popularPostsFromThisBlog/>
postAComment/>
postLink/>
postedBy/>
postedByAuthor/>
postedByAuthorLink/>
posts/>
poweredByBlogger/>
poweredByBloggerLink/>
readMore/>
recentPosts/>
reportAbuse/>
search/>
searchBlog/>
searchThisBlog/>
share/>
... Còn nữa

C. Thẻ Seo & thẻ meta sử dụng trên trang blogger / blogspot

C.1 Thẻ đầu trang Xml blogspot :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='indie.xml' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale.language' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<b:attr name='xmlns' value=''/>
<b:attr name='xmlns:b' value=''/>
<b:attr name='xmlns:data' value=''/>
<b:attr name='xmlns:expr' value=''/><head>

C.2 Thẻ meta / thẻ tag seo :

Cấu trúc thẻ meta / tag Seo sử dụng template median Ui Final bản trả phí :

<b:if cond='!data:view.isError'>
    
    <b:if cond='data:view.isMultipleItems'>
      <meta expr:content='data:blog.pageTitle' property='og:title'/>
      <meta expr:content='data:blog.pageTitle' property='og:image:alt'/>
      <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
      <meta expr:content='data:blog.pageTitle' name='twitter:image:alt'/>
      <b:else/>
      <meta expr:content='data:blog.pageName' property='og:title'/>
      <meta expr:content='data:blog.pageName' property='og:image:alt'/>
      <meta expr:content='data:blog.pageName' name='twitter:title'/>
      <meta expr:content='data:blog.pageName' name='twitter:image:alt'/>
    </b:if>
    <meta expr:content='data:blog.title' property='og:site_name'/>

    
    <b:if cond='data:blog.postImageUrl'>
      <meta expr:content='resizeImage(data:blog.postImageUrl, 0)' property='og:image'/>
      <b:else/>
      <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh37FKB491-yu_Wn6KQIyte5swM_iQ_6mb693svByuHsHLnPY_uZLoNo2dPayS2WiuVP7xmyjba0wzJKBjYevJlJiESYOvUThMqb5GzW5fY40ZZNR3Ki6GtV-RrSdOl04bnc5ZyKz2F2cZa/s320/median-img.png' property='og:image'/>
    </b:if>
    <b:if cond='data:view.isMultipleItems'>
      <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh37FKB491-yu_Wn6KQIyte5swM_iQ_6mb693svByuHsHLnPY_uZLoNo2dPayS2WiuVP7xmyjba0wzJKBjYevJlJiESYOvUThMqb5GzW5fY40ZZNR3Ki6GtV-RrSdOl04bnc5ZyKz2F2cZa/s320/median-img.png' name='twitter:image'/>
      <b:else/>
      <meta expr:content='resizeImage(data:blog.postImageUrl, 0)' name='twitter:image'/>
    </b:if>
    <b:if cond='data:view.isPost'>
      <link expr:href='resizeImage(data:blog.postImageUrl, 0)' rel='image_src'/>
    </b:if>

    
    <b:if cond='data:blog.metaDescription'>
      <meta expr:content='data:blog.metaDescription' name='description'/>
      <meta expr:content='data:blog.metaDescription' property='og:description'/>
      <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
      <b:else/>
      <meta expr:content='data:post.snippet' name='description'/>
      <meta expr:content='data:post.snippet' property='og:description'/>
      <meta expr:content='data:post.snippet' name='twitter:description'/>
    </b:if>

    
    <meta expr:content='data:blog.title + ", " + data:blog.pageName + ", Add_your_addtional_keyword_here "' name='keywords'/>
    <meta expr:content='data:blog.title' property='article:tag'/>

    
    <link expr:href='data:blog.url.canonical' rel='canonical'/>
    <link expr:href='data:view.url' hreflang='x-default' rel='alternate'/>
    <meta expr:content='data:blog.canonicalUrl' property='og:url'/>

    
    <meta content='' name='Author'/>
    <link href='#' rel='author'/>
    <link href='#' rel='publisher'/>
    <meta content='' property='article:author'/>
    <meta content='' property='article:publisher'/>
    <meta content='' name='twitter:site'/>
    <meta content='' name='twitter:creator'/>

    
    <meta content='#005af0' name='theme-color'/>
    <meta content='#005af0' name='msapplication-navbutton-color'/>
    <meta content='#005af0' name='apple-mobile-web-app-status-bar-style'/>
    <meta content='yes' name='apple-mobile-web-app-capable'/>

    
    <meta content='blogger' name='generator'/>
    <link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
    <link expr:href='data:blog.url' rel='openid.delegate'/>
    <link expr:href='data:blog.homepageUrl.canonical + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
    <link expr:href='"//www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
    <link expr:href='data:blog.homepageUrl.canonical + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>

    
    <meta content='article' property='og:type'/>
    <meta content='id_ID' property='og:locale'/>
    <meta content='en_US' property='og:locale:alternate'/>
    <meta content='summary_large_image' name='twitter:card'/>

    
    <meta content='width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=5.0' name='viewport'/>
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
    <meta content='IE=Edge' http-equiv='X-UA-Compatible'/>
    <meta content='true' name='MSSmartTagsPreventParsing'/>
    <meta content='index, follow' name='googlebot'/>
    <meta content='follow, all' name='Googlebot-Image'/>
    <meta content='follow, all' name='msnbot'/>

    
    <meta content='' name='google-site-verification'/>
    <meta content='' name='msvalidate.01'/>
    <meta content='' name='p:domain_verify'/>
    <meta content='' name='majestic-site-verification'/>
    <meta content='Jago Desain' name='copyright'/>

<script type='application/ld+json'>
{
    "@context": "https://schema.org",
    "@type": "WebSite",
    "url": "<data:blog.homepageUrl.canonical/>",
    "name": "<data:blog.title/>",
    "alternateName": "<data:blog.title/>",
    "potentialAction": {
      "@type": "SearchAction",
      "target": "<data:blog.homepageUrl.canonical/>search?q={search_term_string}&max-results=12",
      "query-input": "required name=search_term_string"
    }
}
</script>
</b:if>

Cấu trúc thẻ meta / tag Seo sử dụng template blogspot miễn phí .... :

... nội dung đang được cập nhật.

C.3 Thẻ khác

... nội dung đang được cập nhật.

II. Html, Css phổ biến trên trang blogspot :

HTML : Chèn nhúng file CSS, Javascript Html :

HTML : <link href='Link liên kết' rel='thông số'/>

Nội dung đang cập nhật...

Css sử dụng chung trên toàn bộ trang :

Nội dung đang cập nhật...

Css làm đẹp nội dung bài viết :

Nội dung đang cập nhật...

II. Javascript thường gặp khi chỉnh sửa giao diện blogspot :

 :

 :

 :

 :
<script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/1277698886-ieretrofit.js"></script>

 :

Nội dung đang được cập nhật...

Tham khảo thêm :

https://www.thietkeblogspot.com/2019/08/cach-su-dung-the-bincludable-va-binclude-trong-blospot.html
https://www.thietkeblogspot.com/2019/02/danh-sach-tong-hop-cac-loai-the-data-mac-dinh-trong-blogspot.html
https://bloggercodeexamples.blogspot.com/2018/04/the-bskin-va-trinh-thiet-ke-mau-trong.html

== End Tổng hợp thẻ xml, code html, css, javascript dùng chỉnh sửa template blogspot ==