Tutorial Blog

Panduan Mengganti Tampilan Komentar Blogger Versi Lama Menjadi Versi Baru

Panduan Mengganti Tampilan Komentar Blogger Versi Lama Menjadi Baru LENGKAP – Mungkin banyak sekali pertanyaan kamu mengenai tampilan form kotak komentar blogger ada versi lama yang kemudian ada juga yang versi baru. fungsi di keduanya menurut pendapat saya sama saja dan tidak ada bedanya, berbeda mungkin pada jenis tampilan dan fitur tambahannya saja. mungkin pada kotak komentar versi baru terlihat lebih elegant untuk dipasang di blog kamu akan lebih baik agar kamu meng-upgradenya menjadi ke versi baru.

Saya telah mengumpulkan beberapa dari referensi blog lain, namun mungkin ada terjadi erorr maka saya disini akan menjelaskannya dengan lengkap plus menangani erorr – eror yang terdapat pada cara dibawah ini. untuk solusi yang sangat simple silahkan kalian baca – baca setiap tulisan dari admin jagoankode ini ya.

Untuk merubahnya menjadi ke versi baru, kamu tidak perlu menambahkan script atau mengganti kerangka ulang pada template blogger, karena yang diubah nantinya ialah tag pada komentar dibawaan templatenya saja. untuk karena itu penambahan script pada komentar berfungsi untuk merubah yang disebut dengan iframe kotak komentar terbaru.

Baiklah, mungkin kalian sudah penasaran bagaimana cara untuk mengubahnya dari versi lama ke versi baru. silahkan kalian ikuti apa – apa saja yang diperlukan pada penjelasan yang saya berikan dibawah ini.

Cara Mengganti Tampilan Komentar Versi Lama Ke Versi Baru

Pada Umumnya blog ini juga menggunakan komentar yang versi lama juga, tetapi setelah saya pikir pikir dan mempertimbangkannya ternyata sudah banyak blogger di indonesia yang sudah menggunakan atau mengupgrade ke versi yang baru, oleh karena itu kini blog jagoankode juga sudah mengupgrade kotak komentarnya menjadi ke versi yang baru agar terlihat lebih keren dan simple juga.

Berikut Seperti Inilah Tampilan Kotak Komentar Blogger Yang Baru Untuk Sekarang Ini :

Panduan Mengganti Tampilan Komentar Blogger Versi Lama Menjadi Versi Baru

Sembari saya mengganti pada blog yang saya miliki, maka sembari juga saya sekalian membuatkan tutorial yang lengkapnya juga disini. mungkin ini bekerja pada jenis jenis bentuk template yang kamu gunakan dan saya juga sudah membuat sebuah eksperimen apabila kode dibawah eror dan tidak bisa di gunakan. silahkan ikuti panduan dibawah ini…

#1 Menambahkan Kode Iframe Komentar Blogger

1. Silahkan Cari Kode/Script/Tag Berikut Ini Di Edit HTML (Gunakan Fitur Ctrl+F)

data:post.commentFormIframeSrc

2. Kode Diatas Terdapat Lebih Dari Satu (Pada Umumnya Template Memiliki 4 Kode Yang Mirip Seperti Kode Yang Saya Beri Warna Merah Seperti Diatas.

3. Ganti Semua Kode Diatas Dengan Kode Berikut Ini.

data:post.commentFormIframeSrc appendParams {skin: “contempo”}

4. Simpan Template.

#2 Menambahkan CSS Komentar Blogger Versi Baru.

1. Silahkan Cari Kode/Script/Tag Sebagai Berikut Ini DI Edit HTML (Gunakan Fungsi Ctrl+F)

]]></b:skin>

2. Tambahkan Kode Css Dibawah Ini Diatas Kode Tadi.

<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="#03214c" value="#03214c"/>
<Variable name="body.link.visited.color" description="4"
type="color"
default="#03214c" value="#03214c"/>
<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>

3. Simpan Template.
Dan Seharusnya Kotak Komentar Kamu Sudah Menjadi Versi Baru, Namun ada beberapa kendala pada beberapa template setelah menyimpan css diatas dikarenakan css yang ganda. oleh karena itu penanganannya sudah saya kumpulkan. silahkan baca dibawah ini apabila kamu mengalami error pada penyimpanan css diatas.

Apabila Error Setelah Menyimpan CSS Diatas ?

Ada terdapat banyak jenis erorr yang dialami beberapa template, sumber utamanya dikarenakan gandanya kode tadi. nah pada beberapa template yang memiliki masalah ini cukup mudah untuk mengatasinya. silahkan ikuti cara dibawah ini jika kalian mengalami error pada penyimpanan css.

#1 Error Input:body.background
Kurang lebih kamu akan mendapatkan notice seperti erorr dibawah ini apabila mengalami error dalam penyimpanan css tadi. kurang lebih seperti ini notice-nya.

Invalid variable declaration in page skin: Variable name must not be declared twice. Input: body.background

Penanganannya : Hapus Kode Css Berikut Ini :

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

Simpan Tema.
#2 Error Input: body.font
Kurang lebih kamu akan mendapatkan notice seperti erorr dibawah ini apabila mengalami error dalam penyimpanan css tadi. kurang lebih seperti ini notice-nya.

Invalid variable declaration in page skin: Variable name must not be declared twice. Input: body.font

Penanganannya : Hapus Kode Css Berikut Ini :

<Variable name=”body.font” description=”Font” type=”font” default=”normal 400 14px Roboto, Arial, sans-serif” value=”normal 400 14px Arial,sans-serif”/>

Simpan Tema.

#3 Error Input: body.text.color

Kurang lebih kamu akan mendapatkan notice seperti erorr dibawah ini apabila mengalami error dalam penyimpanan css tadi. kurang lebih seperti ini notice-nya.

Invalid variable declaration in page skin: Variable name must not be declared twice. Input: body.text.color

Penanganannya : Hapus Kode Css Berikut Ini :

<Variable name=”body.text.color” description=”Text Color” type=”color” default=”#1d2129″ value=”#1d2129″/>

Simpan Tema.

Dan Selesai, Saya rasa penanganan diatas cukup lengkap untuk kamu yang menggunakan template yang berbeda beda karena setiap template mungkin ada bawaan dari si pembuat template tersebut. mungkin sekian itu saja yang dapat saya sampaikan, semoga bermanfaat untuk temen temen blogger semuanya untuk mengganti tampilan kotak tampilan versi lama ke versi yang lebih baru. Terimakasih Telah Membaca dan jangan lupa nantikan update dari blog ini 🙂

About the author

Mohammad Kahfi

Pengetahuan adalah kebebasan, dan ketidaktahuan adalah perbudakan.

1 Comment

Leave a Comment