Sabtu, 20 April 2019

Cara Mengganti dan Merubah Tampilan Kotak Komentar Blog Keren Ala Google


www.indoblog.me - Pada kesempatan kali ini cuma mau berbagi info Cara Mengganti dan Merubah Tampilan Kotak Komentar Blog Keren Ala Google sebenarnya jenis tampilan ini sudah umum akan tetapi apabila kamu belum memasangnya bisa juga ikut dicoba ya.

Sebenarnya tampilan atau design ini dikeluarkan oleh blogger pada versi 3 dan sepertinya beberapa platform yang digunakan oleh google banyak menggunakan tampilan dan design yang hampir hampir mirip dengan yang akan saya bagikan disini.

Yang dimana pada versi 3 ini tampilan komentar blog akan terkesan minimalis dan tentunya terlihat sangat modern dan untuk beberapa template blog yang ada saat ini belum bisa menggunakan fiture komentar blog minimalis jenis ini.

Akan tetapi kamu jangan khawatir karena saya sudah dapat kodenya dari blog seberang yang mungkin akan anda butuhkan juga.

Lantas apakah di blog ini sudah dipasang jenis tampilan komentar minimalis ini, jawabannya belum? soalnya lagi ada pr atau masih ada pr untuk edit-edit templatenya dan tentunya akan saya pasang juga kode tampilan komentar blog keren ini.

Sebenarnya ini untuk dokumentasi admin saja jika besok membutuhkan kode ini tinggal buka blog atau buka halaman posting ini saja, ya sudah bagi sahabat-sahabat semuanya yang membutuhkannya langsung saja disimak tipsnya.

CARA MERUBAH TAMPILAN KOMENTAR BLOG KE VERSI BARU

1. Langsung saja masuk ke EDIT HTML lalu cari kode <b:skin><![CDATA[ kemudian langsung pasang kode dibawah ini tepat dibawahnya kode <b:skin><![CDATA[ tersebut

Cara Mempercantik Tampilan Komentar Blog

<!-- Variable definitions -->
<Group description="Komentar Baru Blogger (Contempo, Soho, Emporio, Notable)">
 <Variable name="body.background" description="Body Background" type="background" color="#dddfe2" default="#1a1f26 none repeat scroll top left" value="#1a1f26 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>

2. Kemudian selanjutnya cari kode data:post.commentFormIframeSrc dan ganti semua kode tersebut dengan kode yang ada dibawah ini.

Cara Mengganti Tampilan Komentar Blogger Lebih Simpel Dan Keren

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

Kemudian jangan lupa save atau simpan tema kamu dan lihat hasilnya apakah sekarang komentar kamu ada yang berubah terutama terlihat dari icon foto yang menjadi bulat-bulat.

Ok gaess itu saja dulu info kali ini dengan bagaimana Cara Mengganti dan Merubah Tampilan Kotak Komentar Blog Keren Ala Google semoga bermanfaat dan membantu dan terima kasih, dan apabila masih banyak kekurangannya mohon dimaafkan ya.