[Tip] How to upgrade blogspot comment form Contempo

byToàn mạnh •
1
Blogspot comment  now has a new version that look more simple and beatiful than old form but blogspot don't update automatic it. So if you use old comment system and you want to update it. how do you can update to new version ? let's start  step by step:


Note: remember backup your template already before do that:
  1. Go To Blogger > Template
  2. Backup your template
  3. Click "Edit HTML"
  4. Just paste down before </b:skin> tag this code:
 /* Variable definitions
   ====================
<Group description="New Comment Required – Dont edit">
<Variable name="body.background" description="Body Background" type="background" color="#000" default="#000 none repeat scroll top left" value="#000 none repeat scroll top left"/>
<Variable name="body.font" description="Font" type="font" default="normal normal 14px Arial, sans-serif" value="normal normal 14px Arial"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#222" value="#222222"/>
<Variable name="body.text.font" description="2" type="font" default="$(body.font)" value="normal normal 14px Arial, sans serif"/>
<Variable name="posts.background.color" description="6" type="color" default="#fff" value="#ffffff"/>
<Variable name="body.link.color" description="7" type="color" default="#2196f3" value="#2196f3"/>
<Variable name="body.link.visited.color" description="8" type="color" default="$(body.link.color)" value="#2196f3"/>
<Variable name="body.link.hover.color" description="9" type="color" default="$(body.link.color)" value="#2196f3"/>
<Variable name="blog.title.font" description="10" type="font" default="$(robotoBold45)" value="$(robotoBold45)"/>
<Variable name="blog.title.color" description="11" type="color" default="#fff" value="#ffffff"/>
<Variable name="header.icons.color" description="12" type="color" default="#fff" value="#ffffff"/>
<Variable name="tabs.font" description="13" type="font" family="$(body.font.family)" size="$(body.font.size)" default="700 normal $(size) $(family)" value="700 normal $(size) $(family)"/>
<Variable name="tabs.color" description="14" type="color" default="#ccc" value="#cccccc"/>
<Variable name="tabs.selected.color" description="15" type="color" default="#fff" value="#ffffff"/>
<Variable name="tabs.overflow.background.color" description="16" type="color" default="$(posts.background.color)" value="#ffffff"/>
<Variable name="tabs.overflow.color" description="17" type="color" default="$(posts.text.color)" value="#222222"/>
<Variable name="tabs.overflow.selected.color" description="18" type="color" default="$(posts.title.color)" value="#212121"/>
<Variable name="posts.title.color" description="19" type="color" default="#212121" value="#212121"/>
<Variable name="posts.title.font" description="20" type="font" default="$(robotoBold22)" value="$(robotoBold22)"/>
<Variable name="posts.text.font" description="21" type="font" default="$(body.text.font)" value="normal normal 14px &#39;roboto&#39;, sans-serif"/>
<Variable name="posts.text.color" description="22" type="color" default="$(body.text.color)" value="#222222"/>
<Variable name="posts.icons.color" description="23" type="color" default="#707070" value="#707070"/>
<Variable name="labels.background.color" description="24" type="color" default="$(sidebar.backgroundColorTopHD)" value="$(sidebar.backgroundColorTopHD)"/>
</Group>
*/ code-box
Find data:post.commentFormIframeSrc all the code like this
And replace with bellow code:
data:post.commentFormIframeSrc + &quot;&amp;skin=contempo&quot; + data:variantParam

Final Change you first tag <html> with:
<html b:responsive='true' b:templateUrl='indie.xml' b:templateVersion='1.1.1' b:version='2' class='v2' expr:dir='data:blog.languageDirection' expr:id='data:blog.pageType' lang='en' 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'> code-box
Just finish. Save your template and check result. have fun
Tags:

1 Comments

- Vui lòng không spam
- Không quảng cáo
- Không sử dụng những từ ngữ thô tục.

  1. Toàn mạnhFebruary 08, 2018

    The skin is optimized for Template V3. Is without warranty.

    In inclusions: "comment-form" and "threaded-comment-form"

    You replace (4X)

    expr:href='data:post.commentFormIframeSrc'

    by

    expr:href='data:post.commentFormIframeSrc appendParams { skin: "contempo"}'

    ReplyDelete
Previous Post Next Post