Tổng hợp thẻ xml, code html, css, javascript dùng chỉnh sửa template 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/>
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'>
<!-- Meta Title -->
<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'/>
<!-- Meta Image -->
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='resizeImage(data:blog.postImageUrl, 0)' property='og:image'/>
<b:else/>
<meta content='https://1.bp.blogspot.com/-mxCVT67mucg/XuGnFewKQLI/AAAAAAAAPn0/43iTLOGDAO0nOPouyKKo4OpVGjoOpWnNwCK4BGAsYHg/s320/median-img.png' property='og:image'/>
</b:if>
<b:if cond='data:view.isMultipleItems'>
<meta content='https://1.bp.blogspot.com/-mxCVT67mucg/XuGnFewKQLI/AAAAAAAAPn0/43iTLOGDAO0nOPouyKKo4OpVGjoOpWnNwCK4BGAsYHg/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>
<!-- Meta Description -->
<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 Keywords -->
<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 Canonical -->
<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'/>
<!-- Site Owner -->
<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'/>
<!-- Theme Color -->
<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'/>
<!-- Blogger Rss -->
<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'/>
<!-- Open Graph -->
<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'/>
<!-- Robots Search -->
<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'/>
<!-- Sife Verification -->
<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 :
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script language="javascript" src="ten_tap_tin_javascript.js"></script>
HTML : <link href='Link liên kết' rel='thông số'/>
<link href='Link của bạn' rel='canonical'/>
<link href='Link của bạn' hreflang='x-default' rel='alternate'/>
<link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='Link của bạn' rel='openid.delegate'/>
<link href='https://www.digitalnomad.vn/feeds/posts/default' rel='alternate' title='Gia Bảo Blog - Atom' type='application/atom+xml'/>
<link href='//www.blogger.com/feeds/5394929731183577940/posts/default' rel='alternate' title='Gia Bảo Blog - Atom' type='application/atom+xml'/>
<link href='https://www.digitalnomad.vn/feeds/posts/default?alt=rss' rel='alternate' title='Gia Bảo Blog - RSS' type='application/rss+xml'/>
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 thư viện Javascript--> :
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js">
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js' type='text/javascript'></script>
<!--Script hiển thị bài viết ngẫu nhiên, bài viết gần đây theo nhãn--> :
<script type="text/javascript" src="/feeds/posts/default/-/note.ads.1?published&alt=json-in-script&callback=labelthumbs"></script>
<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>
<!--Script phần tử dính cuối trang, đầu trang, sidebar trái, phải - sticky bottom / header / sidebar left right --> :
<script type='text/javascript'>
$('.button_sticky_bottom').click(function(){
$(".ads_sticky_bottom").slideToggle();
})
</script>
<!--Script if IE--> :
<script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/1277698886-ieretrofit.js"></script>
<!--Script Funtion--> :
<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>
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 ==
