Cara Menganti Tampilan Komentar di Blogspot Ke Versi Terbaru 2019

Saat blogger mengupdate template ke v3, hal yang membuat jadi pusat perhatian adalah perubahan tampilan pada kolom komentar nya yang diperbarui. Kolom komentar versi baru ini terlihat simple.
Tampilan komentar v3 Ini telah diterapkan oleh Mas Sugeng di Template yang fenomenal "VioMagz" yang kini telah mencapai v3.
Kolom komentar v3 juga diterapkan oleh template bawaan blogger yaitu Notable, Emporio, Soho, dan Contempo.
Namun jika anda ingin menerapkan kolom komentar v3 ini ke template yang belum mempunyai kolom komentar v3, anda wajib membaca artikel ini sampai habis. Dan Langsung saja baca caranya dibawah ini
Caranya adalah:
1. Masuk ke dashbord blogger anda, Lalu klik Tema > Edit HTML
Atau download template yang anda gunakan. Caranya Klik Tema > Backup/Pulihkan > Download Tema. Dan Edit melalui text editor (notepad)
2. Lalu Cari Kode <b:skin>
Dan tempelkan kode berikut ini tepat dibawah <b:skin>

<Group description="Komentar Baru Blogger (Contempo, Soho, Emporio, Notable)">
<Variable name="body.background" description="Body Background" type="background" color="#dddfe2" default="#dddfe2 none repeat scroll top left" value="#dddfe2 none repeat scroll top left"/>
<Variable name="body.font" description="Font" type="font" default="normal 400 14px Roboto, Arial, sans-serif" value="normal 400 14px Arial,sans-serif"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#1d2129" value="#1d2129"/>
<Variable name="body.text.font" description="1"
type="font"
default="$(body.font)" value="normal 400 14px Roboto,Arial,sans-serif"/>
<Variable name="posts.background.color" description="2"
type="color"
default="#fff" value="#ffffff"/>
<Variable name="body.link.color" description="3"
type="color"
default="#008c5f" value="#008c5f"/>
<Variable name="body.link.visited.color" description="4"
type="color"
default="#008c5f" value="#008c5f"/>
<Variable name="body.link.hover.color" description="5"
type="color"
default="#1d2129" value="#1d2129"/>
<Variable name="blog.title.font" description="6"
type="font"
default="$(body.text.font)" value="normal 400 14px Roboto, Arial, sans-serif"/>
<Variable name="blog.title.color" description="7"
type="color"
default="#fff" value="#ffffff"/>
<Variable name="header.icons.color" description="8"
type="color"
default="#fff" value="#ffffff"/>
<Variable name="tabs.font" description="9"
type="font"
default="$(body.text.font)" value="normal 400 14px Arial,sans-serif"/>
<Variable name="tabs.color" description="10"
type="color"
default="#ccc" value="#cccccc"/>
<Variable name="tabs.selected.color" description="11"
type="color"
default="#fff" value="#ffffff"/>
<Variable name="tabs.overflow.background.color" description="12"
type="color"
default="#fff" value="#ffffff"/>
<Variable name="tabs.overflow.color" description="13"
type="color"
default="$(body.text.color)" value="#1d2129"/>
<Variable name="tabs.overflow.selected.color" description="14"
type="color"
default="$(body.text.color)" value="#1d2129"/>
<Variable name="posts.title.color" description="15"
type="color"
default="$(body.text.color)" value="#1d2129"/>
<Variable name="posts.title.font" description="16"
type="font"
default="$(body.text.font)" value="normal 400 14px Arial,sans-serif"/>
<Variable name="posts.text.font" description="17"
type="font"
default="$(body.text.font)" value="normal 400 14px Arial,sans-serif"/>
<Variable name="posts.text.color" description="18"
type="color"
default="$(body.text.color)" value="#1d2129"/>
<Variable name="posts.icons.color" description="19"
type="color"
default="$(body.text.color)" value="#6c6f74"/>
<Variable name="labels.background.color" description="20"
type="color"
default="#008c5f" value="#008c5f"/>
</Group>

3. Cari Semua Kode data:post.commentFormIframeSrc
Yang berjumlah lebih dari satu dan ganti semua kode dengan kode berikut ini

data:post.commentFormIframeSrc appendParams {skin: "contempo"}

Untuk lebih jelasnya lihat dibawah ini


<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>


<a expr:href='data:post.commentFormIframeSrc appendParams {skin: "contempo"}' id='comment-editor-src'/>

4. Tinggal SAVE theme nya gaes…

Silahkan cek tampilan blog kamu. Jika berhasil akan nada perubahan seperti gambar dibawah ini

Sebelum