Saat blogger melakukan update template terbaru, salah satu perubahan yang paling terlihat modern adalah kolom komentarnya yang lebih smooth tanpa ada border atau embel-embel yang kelihatan kuno.

Namun sayangnya tidak semua blogger bisa mengganti kolom komentar blogger secara manual di blognya. Oleh karena itu dalam artikel ini, saya berbagi cara melakukan update komentar blogger versi terbaru.

Cara Mengubah Komentar Blog Versi Lama

Berikut ini adalah langkah-langkah yang harus Anda lakukan saat akan mengubah tampilan komentar blog secara manual.

Buka Dahsboard Blogger
Klik Menu Tema
Klik Edit HTML

Selanjutnya, cari kode <b:skin><[!CDATA[ lalu letakan kode di bawah ini sebelum kode tersebut.

<!-- Variable definitions -->
<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>

Selanjutnya cari data:post.commentFormIframeSrc. Biasanya terdapat lebih dari satu, ganti semua kode tersebut dengan kode di bawah ini.

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

Maka akan jadi seperti di bawah ini.

Baca: Cara Membuat Catatan di Atas Komentar

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

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

Klik simpan dan lihat hasilnya.

Jika terdapat error, bisa jadi karena Anda kurang pas dalam pemasangannya, atau karena kode di template Anda berbeda. Jika kebingungan silahkan tanyakan di kolom komentar.

Nah itulah tutorial blogger panduan mengganti komentar versi lama ke versi terbaru mirip contempo di blogger.

semoga bermanfaat.

Max Ikhsan

Hai, Saya adalah pemilik blog ini. Mau Kerja Sama? Hubungi maxikhsan.cs@gmail.com

Cara Mengganti Kolom Komentar Blogger ke Versi Terbaru

Cara Mengubah Komentar Blog Versi Lama

Posting Komentar