Cara Mengganti Dan Merubah Tampilan Kotak Komentar Blog Keren Ala Google

Cara Mengganti Dan Merubah Tampilan Kotak Komentar Blog Keren Ala Google
Cara Mengganti Dan Merubah Tampilan Kotak Komentar Blog Keren Ala Google
www. - Pada kesempatan kali ini cuma mau menyebarkan info Cara Mengganti dan Merubah Tampilan Kotak Komentar Blog Keren Ala Google sebetulnya jenis tampilan ini sudah umum akan tetapi apabila kau belum memasangnya sanggup juga ikut dicoba ya.

Sebenarnya tampilan atau design ini dikeluarkan oleh blogger pada versi 3 dan tampaknya beberapa platform yang dipakai oleh google banyak memakai tampilan dan design yang hampir hampir menyerupai dengan yang akan aku 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 ketika ini belum sanggup memakai fiture komentar blog minimalis jenis ini.

Akan tetapi kau jangan khawatir alasannya yakni aku sudah sanggup 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 aku pasang juga instruksi tampilan komentar blog keren ini.

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

CARA MERUBAH TAMPILAN KOMENTAR BLOG KE VERSI BARU

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

 Pada kesempatan kali ini cuma mau menyebarkan gosip Cara Mengganti dan Merubah Tampilan Kotak Komentar Blog Keren Ala Google

<!-- 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 instruksi tersebut dengan instruksi yang ada dibawah ini.

 Pada kesempatan kali ini cuma mau menyebarkan gosip Cara Mengganti dan Merubah Tampilan Kotak Komentar Blog Keren Ala Google

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

Kemudian jangan lupa save atau simpan tema kau dan lihat akibatnya apakah kini komentar kau ada yang berubah terutama terlihat dari icon foto yang menjadi bulat-bulat.

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

Sumber https://www.indoblog.me/