Jumaat, 28 Disember 2018

Tutorial Cara Ganti Ulasan Blogger Versi Terbaru

Tutorial Cara Ganti Ulasan Blogger Versi Terbaru

Hai, assalamualaikum dan salam sejahtera buat semua pembaca-pembaca yang admin kasihi sekalian. Hari ini admin sangat berbesar hati untuk kongsikan kepada anda mengenai tajuk artikel kita pada kali ini iaitu bagaimana cara menukarkan tampilan blogger ulasan kepada versi yang baru 2018 dalam kategori tips internet Html.

https://www.godiondzgn.com/2019/05/cara-tukar-tema-komen-blogger-terbaru.html

Jika anda perasaan, cuba anda semak tema Blogger sekarang yang sedia ada seperti tema cotempo templates. Anda akan lihat seperti dalam gambar rajah di atas ini. Oleh itu, di sini admin akan kongsikan kepada anda yang ingin membuat perubahan besar terhadap Style yang baru ini kerana kebanyakan custom templates yang sekarang ini purata 80% menggunakan tampilan ulasan yang masih classic atau dalam bahasa kasarnya adalah masih tema yang lama.

Namun kebanyakan ada diantara mereka yang tukar template ulasan yang lama ini sehingga mereka tukarkan kepada plugin Disqus iaitu sebuah plugin terbaik untuk berkomentar tapi agak berat sedikit lah. Saya pun tak Pasti sama ada anda berminat lagi menggunakan blogger comment ini atau pun tidak kerana widgets ini percuma, lebih ringan daripada yang sebelumnya, seo friendly dan juga mudah untuk digunakan serta sedap mata memandang. Bagi yang berminat sekarang ini, anda boleh ikuti tutorial bertulis dibawah sini.
Jika anda pengguna templates Arlina Design atau IdnTemplates, anda tidak mempunyai masalah untuk menggunakan widgets ini
Pertama, sila salin kod dibawah ini dan letak kan di bawah kode selepas <b:skin>.
<!-- 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>

Selepas itu, sila cari kod ini data:post.commentFormIframeSrc dan tukarkan semuanya kepada kod dibawah ini.
data:post.commentFormIframeSrc appendParams {skin: "contempo"}

Jika anda mempunyai sebarang ralat yang berlaku, jangan malu jangan segan untuk tanggal kan ulasan anda dibawah sini kerana tidak semua template yang support dengan widgets ini. Untuk templates daripada Arlina Design & IdnTemplate memang tidak mempunyai masalah langsung dengan pemasangan widgets ulasang blogger versi terbaru ini.

Rasanya setakat di sini sahaja yang boleh saya kongsikan kepada anda mengenai Tutorial Cara Ganti Ulasan Blogger Versi Terbaru. Sekian dan terima kasih.