Cara Mengganti Kolom Komentar Bawaan Blogger Terbaru

Ketika anda menggunakan template yang mungkin anda dapatkan di internet, pastinya ada beberapa kolom komentar yang menggunakan versi blogger yang sudah lawas. Ada juga kolom komentar yang sudah dimodifikasi. Disini kita tidak membicarakan bagaimana cara mengganti kotak komentar yang sudah dimodifikasi, karena menurut saya itu akan membuat beratnya kecepatan website kalian, sehingga saat membuka suatu artikel kecepatan saat memunculkan komentar sedikit lama. Hal ini mempengaruhi nilai tampilan blog anda.

Membicarakan mengganti kotak komentar dari blogger, memang sih kotak komentar yang dulu itu sangat membosankan. Karena terkesan berantakan, dan tidak rapih. Namun blogger sudah memperbarui kotak komentar yang terbaru seperti template Contempo saat anda membuat blog baru.

Cara Mengganti Komentar Blogger Terbaru

• Buka dasbor blogger
• Pergi ke Tema lalu Edit HTML

1. Cari kode <b:skin><![CDATA[

2. Copy kode dibawah ini, dan paste tepat dibawahnya <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"/>

3. Cari kode data:post.commentFormIframeSrc (biasanya ada dua kode)
4. Hapus kode tersebut (hapus dua), dan ganti baru kode dibawah ini

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

5. Save template!!!