Cara Mengganti Kotak Komentar Seperti Template Contempo

Kotak komentar adalah salah satu nilai tambahan pada penampilan blog anda, apalagi kotak komentar juga mempengaruhi kecepatan loading blog anda. Dan juga salah satu syarat diterima nya Google Adsense jika memiliki kriteria kotak komentar yang rapih dan elegan. Membicarakan kotak komentar, mungkin banyak yang mengatakan ''bagusan kotak komentar hasil modifan atau bawaan blogger''. Semuanya tergantung selera masing-masing, tetapi kalau saya pribadi memilih bawaan dari Blogger.

Kotak komentar yang sudah dimodifikasi biasanya terdapat variasi-variasi yang bikin mata terlihat ingin memakainya, tetapi itu adalah salah satu penghambat loading kecepatan blog anda. Semakin anda memodif-modif kotak komentar, akan semakin berat loading blog nya. Jadi saya sarankan harus menggunakan kotak komentar dari blogger.

Kotak komentar blogger kan terlihat monoton dan berantakan walaupun sangat ringan.

Memang benar, kotak komentar blogger yang versi lama sangat terlihat membosankan apalagi percakapan balas-berbalas tidak terlihat tersusun rapih. Namun jangan khawatir blogger sudah memiliki amunisi kotak komentar terbaru, biasanya ada di tema Contempo. Pastinya anda saat membuat blog baru, anda pastikan menggunakan tema Contempo, dan lihat hasil kotak komentar di tema Contempo.

Cara Mengganti Kotak Komentar Versi Contempo

• Pergi ke dasbor blogger
• Tema dan klik Edit HTML

1. Cari kode <b:skin><![CDATA[ (dengan cara Ctrl + F)

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

3. Cari kode data:post.commentFormIframeSrc (terdapat 2 kode)
4. Hapus kedua kode tersebut, dan ganti dengan kode dibawah in

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