Hướng dẫn Tùy biến Plus UI V3.7.0 - Responsive Blogger Template
Tùy biến tiêu đề chính của blog
<b:tag class='headT' expr:name='!data:view.isHomepage ? "a" : "span"'><b:attr cond='!data:view.isHomepage' expr:value='data:blog.homepageUrl.canonical' name='href'/><data:title/></b:tag>
<b:tag class='headT' expr:name='!data:view.isHomepage ? "a" : "span"'><b:attr cond='!data:view.isHomepage' expr:value='data:blog.homepageUrl.canonical' name='href'/><a expr:aria-label='data:title' expr:href='data:blog.homepageUrl.canonical'><data:title/></a></b:tag>
Bỏ "good morning" trong chi tiết bài viết.
<b:if cond='data:view.isPost and !data:view.isPreview'>..</b:if>
Show menu trên desktop
<b:tag cond='!data:story.active and data:blog.view not in ["x-content-blog"]' expr:class='"mainW" + (data:vars.menu_state == "1px" ? " co" : " ex")' id='root' name='div'>
<b:tag cond='!data:story.active and data:blog.view not in ["x-content-blog"]' expr:class='"mainW" + (data:vars.menu_state == "1px" ? " ex" : " co")' id='root' name='div'>
Font & Icon SVG cho Plus UI
- Ngoài những icon mặc định của Plus UI thì bạn có thể truy cập: https://www.svgviewer.dev/ để lấy những mẫu icon svg phù hợp
- Font Plus UI mặc định là Google Sans Text hiển thị Tiếng Việt cũng khá đẹp nên để nguyên như vậy sẽ phù hợp hơn với template này.
Favicon cho Plus UI
<Variable name="meta.icon" description="Favicon URL" type="string" default="" value="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisldTSPR5qQSsrqZDyfYV81HFSq4Pko5u8xpbzKJ7V05CZAaCkfxG550uqbp2xlCxukxcVL4i2so2XxNri-wqqUO0yuVLLznfFes1rdmg7Ywq8pWE8FXwWQfcyrNiAPlyI3_ngX12x7-KGzAVPfjiTWPMP3HdwelG4pn729xMfH05-hdWVbQyaIsgMkQg/s0/favicon.png"/>[!] Favicon URL[!] @type {String}[!] Recommended image ratio: 1:1[!] If Blank: It will use Favicon URL from Blogger Blog Settings[!] Warning: Dont't add invalid URL
Nếu giữ nguyên thì thay link icon "bôi đỏ " ở trên nhé!
Thời gian đọc bài viết
Việt hóa thời gian đọc ước tính của bài viết
<Variable name="m.estimatedReadTime" description="Message for: Estimated read time" type="string" default="" value="Thời gian đọc ước tính"/>
Việt hóa phút đọc của bài viết
Tìm
.pInf .pRd >*::after{content:attr(data-minutes) ' min';display:inline-block}Sửa thành
.pInf .pRd >*::after{content:attr(data-minutes) ' phút';display:inline-block}Loại bỏ hoặc thay đổi tiền tố nhãn
Bỏ tiền tố "in" trước nhãn, tìm blog1 và sửa
<b:widget-setting name='postLabelsLabel'>in</b:widget-setting>
<b:widget-setting name='postLabelsLabel'/>
Định dạnh ngày, tháng, năm
Vấn đề ngày tháng năm, mặc định là MMM dd, YYYY thì sẽ chỉnh lại thành dd MMM, YYYY
<time class='aTtmp iTtmp pbl' expr:data-text='data:vars.m_published' expr:data-time='format(data:post.date, "dd MMM, YYYY")' expr:datetime='data:post.date.iso8601' expr:title='"Published on: " + format(data:post.date, "dd MMM, YYYY")'/>
<b:includable id='postTimestampPublish'>
<time class='aTtmp pTtmp pbl' expr:data-text='data:vars.m_published' expr:data-time='format(data:post.date, "dd MMM, YYYY")' expr:datetime='data:post.date.iso8601' expr:title='"Published on: " + format(data:post.date, "dd MMM, YYYY")'/>
</b:includable>
<b:includable id='postTimestampUpdate'>
<time class='aTtmp pTtmp upd' expr:data-text='data:vars.m_updated' expr:data-time='format(data:post.lastUpdated, "dd MMM, YYYY")' expr:datetime='data:post.lastUpdated.iso8601' expr:title='"Updated on: " + format(data:post.lastUpdated, "dd MMM, YYYY")'/>
</b:includable>
Loại bỏ link home khỏi menu bên trái
<b:if cond='!data:view.isHomepage'><!--[ Home link ]--><li><a expr:aria-label='data:messages.home' expr:href='data:blog.homepageUrl.canonical' itemprop='url'><b:include name='svg.home'/><span itemprop='name'><data:messages.home/></span></a></li></b:if>
Lời kết
Ngoài những chỉnh sửa tùy biến trên còn rất nhiều vấn đề liên quan đến template plus ui này, như vấn đề về việt hóa, seo,....
Chúc thành công!
