Cara Termudah Mengganti Tampilan Komentar Blog ke Versi Terbaru

Wahyu Development - Bagaimana cara merubah tampilan kolom komentar lama menjadi tampilan kolom komentar baru pada Blog?

Seiring perkembangan waktu Blogger terus berkembang dan memperbaiki tampilannya, hal ini tidak lain untuk membuat pengunjung pada sebuah website yang menggunakan Platform Blogger menjadi nyaman dan mudah dalam memberikan saran pada website tersebut.

Dengan tampilan kolom komentar terbaru membuat pengunjung tertarik dan mudah untuk memberikan komentar pada artikel anda. Berikut penjelasannya bagaimana cara merubah tampilan kolom komentar lama menjadi tampilan baru.

Pertama, silahkan buka dasbor Blogger anda --> kemudian klik menu Tema (Theme) --> lalu klik Edit HTML. Pada halaman Edit HTML silahkan anda cari kode <b:skin> letakan script ini tepat dibawahnya. Disini admin mencontohkan dengan Template Viomagz.

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

Kedua, silahkan hapus variabel berikut ini dari template anda.

   <Group description="Page Text" selector="body">
     <Variable name="body.font" description="Font" type="font"
         default="normal normal 16px Roboto, Arial, sans-serif" value="normal normal 16px Roboto, Arial, sans-serif"/>
     <Variable name="body.text.color" description="Main Text Color" type="color" default="#777777" value="#777777"/>
   </Group>

   <Variable name="body.background" description="Body Background" type="background"
       color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
   <Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>

Ketiga, silahkan anda cari code data:post.commentFormIframeSrc dan ubah menjadi data:post.commentFormIframeSrc appendParams {skin: "contempo"}.

Jika sudah silahkan anda klik Save.

Dengan demikian kolom komentar pada website anda akan menjadi kolom komentar dengan tampilan baru. Berikan komentar anda dan semoga bermanfaat . . .

Wahyu Development

Situs download software lengkap dan mudah - Tutorial lengkap tentang website, sosial media, dan komputer - Sumber referensi tugas sekolah dan informasi lainnya

Share this post

Related Post