Cara merubah tampilan komentar blog lama ke versi terbaru

Cara merubah tampilan komentar lama ke versi terbaru

Seperti gambar di bawah :

Punya template tapi tampilan komentar nya masih yang lama, yuk simak tutorial berikut ini cara untuk merubah tampilan komentar blog ke versi terbaru, cara cukup  mudah kalian tinggal harus menempelkan code dan merubah code printah bawaan nya, cara nya seperti berikut :

1. Seperti biasa untuk merubah widget seperti ini kalian harus masuk pada menu thema dan pilih edit HTML

2. Jika sudah masuk, dan jika kalian menggunakan laptop kalian ketikan saja ctrl+f secara bersamaan dan ketikan printah berikut "data:post.commentFormIframeSrc" biasa akan ada 4 code seperti itu, kalian ganti semua nya dengan code berikut 

JEJARING KERTAS
Copy paste

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

 

3. Selanjut nya masukan/tempelkan code berikut tepat di bawah <b:skin><![CDATA[ 

JEJARING KERTAS
copy and paste

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

4. Jika sudah jangan lupa untuk di save, lalu buka kembali laman blog kalian dan liat hasil nya, contoh nya seperti ini

Selamat mencoba semoga berhasil jika terjadi masalah atau eror silahkan tulis kan komentar nya di bawah.

#ODOP

#OneDayOnePost

#4