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 :
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”}
#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>
<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>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.
Invalid variable declaration in page skin: Variable name must not be declared twice. Input: body.background
<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”/>
Invalid variable declaration in page skin: Variable name must not be declared twice. Input: body.font
<Variable name=”body.font” description=”Font” type=”font” default=”normal 400 14px Roboto, Arial, sans-serif” value=”normal 400 14px Arial,sans-serif”/>
#3 Error Input: body.text.color
Invalid variable declaration in page skin: Variable name must not be declared twice. Input: body.text.color
<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 🙂
Kalo ini pake komentar apa gan? Bawaan blogspot? Wordress atau yg lain? Mohon info
Mas, saya sudah masukin kode CSS dan Iframe nya,sempat ada error “Input:body.background”. Pas saya benerin dengan menghapus “variabel background”, kotak tempat artikelnya ngga ada, ngga ada main post nya. Yang ada cuma bagian footer aja.
sekedar keterangan :
– Saya menggunakan Blogger, dan belum beli domain
– Saya menggunakan template versi gratis bernama Freebify
Kira kira gimana tuh ngatasinya ?
Sip, akhirnya ketemu juga tutorialnya
Siap, silahkan dicoba
Akhirnya nemu juga tutorialnya.
Kalau saja Blogspot komentarnya kayak WordPress ada pilihan Gravatar.
Hehe semoga kedepannya platform blogger lebih baik lagi mas
bagus template komentnya …
Benar gan, ini merupakan template comment terbaru dari blogger
kirim apik