Panduan Lengkap Memasang Komentar Blogger Terbaru

Bisa Oi - Kini ada yang baru pada template blogger saat setelah diluncurkan, salah satunya tampilan komentar yang lebih rapi dan minimalis membuat template blogger tersebut terlihat modern. Bagi para Blogger pastinya ingin sekali mencoba menerapkannya pada template blog situs mereka.

Panduan Lengkap Memasang Komentar Blogger Terbaru

Pada awal mulanya agar blog bisa memiliki tampilan komentar yang modern ini harus terpaksa mengganti template blog mereka dengan versi baru. Akan tetapi hal ini tentunya juga akan membutuhkan waktu yang lama, selain mengganti template juga memperbaruhi kode widget atau tombol yang bukan bawaan template tersebut.

Namun sekarang ini saya akan memberikan solusi untuk membuat komentar blog kalian menjadi modern. Langsung saja simak pada ulasan berikut ini.

Langkah-langkah Memasang Komentar Blogger Terbaru


1. Masuk ke akun Blogger kalian
2. Setelah itu masuk pada bagian Edit HTML blog kalian.
3. Letakkan kode berikut tepat dibawah kode <b:skin><![CDATA[

<!-- 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. Selanjutnya cari kode data:post.commentFormIframeSrc (berjumlah lebih dari satu). Ganti semua kode tersebut yang ada pada template dengan kode dibawah ini.

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

 <!-- Sebelum -->
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

<!-- Sesudah -->
<a expr:href='data:post.commentFormIframeSrc appendParams {skin: "contempo"}' id='comment-editor-src'/>
5. Simpan template.

Setelah kalian memasangnya pada template, lihat hasilnya.

Solusi Pemasangan Komentar Blogger Terbaru Bermasalah


Template tidak bisa disimpan dan muncul pemberitahuan.


Biasanya setelah kalian memasukkan kode komenter Blogger terbaru akan mengalami masalah yang muncul saat penyimpanan. Karena setiap template memiliki perbedaan jadi ada yang bisa disimpan atau tidak. Namun, kini ada solusi yang bisa membantu saat tidak bisa tersimpan.

Pada saat kode tersebut tidak bisa tersimpan biasanya akan muncul pemberitahuan seperti contoh berikut ini.

Invalid variabel declaration in page skin: Variabel name must not be declared twice. Input: body.background --> kata kunci setiap kode CSS

Kunci dari permasalahan tersebut ialah pada kode bold berwarna biru. Kode tersebut terdapat pada kode CSS diatas tadi. Untuk contoh diatas merupakan permasalahan pada bagian kode CSS berikut.
 
 <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"/>

Maka dari itu, untuk menyelesaikan permasalahan ini kalian cukup menghapus kode CSS tersebut. Dimulai dari <..... sampai..../> sesuai kode yang dipermasalahkan. Di pemasalahan ini menujukkan bahwa kode body.background sudah tersedia didalam template kalian. setelah itu simpan.

Permasalahan semacam ini biasanya terjadi berturut-turut setelah menghapus kode tersebut lanjut ke kode yang lain. Hal tersebut menunjukkan bahwa template blog kalian sudah tersedia banyak kode yang sama dengan kode tersebut. Ikuti petunjuk pemberitahuan sampai selesai. maka baru bisa disimpan.  

Tidak adanya kode  data:post.commentFormIframeSrc di template blog


Kode bawaan template setiap blog pastinya ada yang berbeda. Ada juga yang tidak terdapat kode data:post.commentFormIframeSrc pada template blognya. Nah kalian bisa cari di Edit HTML blog menggunakan Ctrl + F. Selanjutnya ketikkan kode comment-editor-src atau comment-editor. Setelah muncul ganti kode setelah <a expr:href='....... sampai....' dengan kode data:post.commentFormIframeSrc appendParams {skin: "contempo"}. Setelah itu simpan.

Contoh Permasalahan :

<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/> 

Diubah menjadi : 

<a expr:href='data:post.commentFormIframeSrc appendParams {skin: "contempo"}' id='comment-editor-src' title='comment editor'/>

Demikian panduan lengkap memasang komentar Blogger terbaru. Terus update perkembangan desain blogger terbaru.

Post a Comment

0 Comments