Cara mengubah tampilan komentar Blogger ke versi terbaru

Multilenial.com

Cara mengubah tampilan komentar Blogger ke versi terbaru | Salah satu aspek yang diubah Blogger adalah tampilan komentarnya. Komentar Blogger kini tampil lebih menarik dan terlihat modern. Sehingga banyak orang yang menyukai tampilan komentar Blogger yang terbaru ini. Namun ketika ingin mengubah tampilan komentar Blogger, banyak orang yang mengalami masalah seperti harus berganti template karena formulir komentar tersebut hanya tersedia pada template versi terbaru yaitu Contenpo, Soho dan masih banyak lagi.

Tenang! Dalam postingan kali ini akan menjelaskan mengenai cara mengubah tampilan komentar blogger ke versi terbaru tanpa harus mengganti template secara menyeluruh. Bagaimana? Cekidot!

Baca Juga: Tips membuat efek Fade In saat membuka halaman blog

Cara mengubah tampilan komentar Blogger

• Backup/ cadangkan template Anda. Karena ketika hasilnya tidak sesuai harapan bisa langsung dikembalikan kesemula dengan mudah.
• Salin kode dibawah ini dan tempelkan dibawah kode <b:skin><![CDATA[

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

Kode #008c5f dalam body.link.color merupakan warna dari link di dalam komentar. Ganti kodenya dengan warna yang sesuai dengan kode warna template Anda.

• Cari kode data:post.commentFormIframeSrc yang jumlahnya lebih dari satu. Ganti semuanya dengan kode di bawah ini.

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

• Simpan templatenya. Selamat! Tampilan komentar blog Anda telah berubah.

Itulah cara mengubah tampilan komentar Blogger ke versi terbaru. Semoga tampilan komentar tersebut sesuai dengan keinginan. Terimakasih telah membaca artikel ini. Salam Blogger!