Panduan Mengganti Tampilan Komentar Blogger Versi Usang Menjadi Versi Baru

Panduan Mengganti Tampilan Komentar Blogger Versi Usang Menjadi Versi Baru

Panduan Mengganti Tampilan Komentar Blogger Versi Lama Menjadi Baru LENGKAP - Mungkin aneka macam pertanyaan kau mengenai tampilan form kotak komentar blogger ada versi usang yang lalu ada juga yang versi baru. fungsi di keduanya berdasarkan pendapat aku sama saja dan tidak ada bedanya, berbeda mungkin pada jenis tampilan dan fitur tambahannya saja. mungkin pada kotak komentar versi gres terlihat lebih elegant untuk dipasang di blog kau akan lebih baik biar kau meng-upgradenya menjadi ke versi baru.

Saya telah mengumpulkan beberapa dari rujukan blog lain, namun mungkin ada terjadi erorr maka aku 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 goresan pena dari admin jagoankode ini ya.

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

Baiklah, mungkin kalian sudah ingin tau bagaimana cara untuk mengubahnya dari versi usang ke versi baru. silahkan kalian ikuti apa - apa saja yang dibutuhkan pada klarifikasi yang aku berikan dibawah ini.

Cara Mengganti Tampilan Komentar Versi Lama Ke Versi Baru

Pada Umumnya blog ini juga memakai komentar yang versi usang juga, tetapi sehabis aku pikir pikir dan mempertimbangkannya ternyata sudah banyak blogger di indonesia yang sudah memakai atau mengupgrade ke versi yang baru, oleh alasannya ialah itu sekarang blog jagoankode juga sudah mengupgrade kotak komentarnya menjadi ke versi yang gres biar 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 Baru LENGKAP Panduan Mengganti Tampilan Komentar Blogger Versi Lama Menjadi Versi Baru

Sembari aku mengganti pada blog yang aku miliki, maka sembari juga aku sekalian berbagi tutorial yang lengkapnya juga disini. mungkin ini bekerja pada jenis jenis bentuk template yang kau gunakan dan aku juga sudah menciptakan sebuah eksperimen apabila arahan dibawah eror dan tidak sanggup 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 hambatan pada beberapa template sehabis menyimpan css diatas dikarenakan css yang ganda. oleh alasannya ialah itu penanganannya sudah aku kumpulkan. silahkan baca dibawah ini apabila kau 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 arahan tadi. nah pada beberapa template yang mempunyai problem ini cukup gampang untuk mengatasinya. silahkan ikuti cara dibawah ini jikalau kalian mengalami error pada penyimpanan css.

#1 Error Input:body.background
Kurang lebih kau akan mendapat notice menyerupai erorr dibawah ini apabila mengalami error dalam penyimpanan css tadi. kurang lebih menyerupai 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 kau akan mendapat notice menyerupai erorr dibawah ini apabila mengalami error dalam penyimpanan css tadi. kurang lebih menyerupai 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 kau akan mendapat notice menyerupai erorr dibawah ini apabila mengalami error dalam penyimpanan css tadi. kurang lebih menyerupai 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 kau yang memakai template yang berbeda beda alasannya ialah setiap template mungkin ada bawaan dari si pembuat template tersebut. mungkin sekian itu saja yang sanggup aku sampaikan, semoga bermanfaat untuk temen temen blogger semuanya untuk mengganti tampilan kotak tampilan versi usang ke versi yang lebih baru. Terimakasih Telah Membaca dan jangan lupa nantikan update dari blog ini :)

Baca juga:

Blogger
Disqus
Pilih Sistem Komentar

No comments

Silahkan berkomentar.
Perhatian! Komentar yang mengandung spam tidak akan di terima.