Pinktong, Template Blogger Gratis Dan Simpel

Pinktong, Template Blogger Gratis

Pinktong, Template Blogger Gratis - Pada tulisan sebelumnya, saya telah membagikan informasi mengenai template Blogger Fitrah Press yang gratis dan simpel. Pada postingan kali ini saya akan membagikan pendapat saya tentang salah satu template Blogger gratis yaitu Pinktong. Pinktong adalah salah satu template Blogger gratis yang memiliki tampilan sederhana dan waktu muat halaman yang cepat.

Template gratis dari Goinsan.com ini sudah banyak digunakan oleh pengguna Blogger sejak tahun 2019 yang merupakan tahun awal peluncuran template ini. Jika anda tertarik untuk menggunakan template blogger ini pada blog anda, silahkan simak tulisan saya berikut ini.

Pinktong, Template Blogger Gratis Dan Simpel

Tampilan Pinktong

Tampilan template ini terbilang modern minimalis dengan dua kolom yaitu kolom postingan dan sidebar. Kolom postingan menggunakan desain grid yang semakin memperindah tampilan beranda blog anda.

Dengan warna dasar ungu yang dapat diubah sesuai kebutuhan, template Pinktong juga telah memiliki desain yang responsif jika dibuka dengan berbagai perangkat.

Fitur dan Kecepatan Pinktong

Meskipun memiliki tampilan sederhana, fitur template Pinktong sudah terbilang lengkap layaknya template Blogger pada umumnya. Beberapa fitur template Pinktong dapat anda lihat pada tulisan di bawah ini:

  • Responsif
  • Loading cepat di halaman index, cek Pagespeed | Gtmetrix
  • Loading cepat di halaman postingan, cek Pagespeed | Gtmetrix
  • Data Terstruktur (scheme.org), Cek di sini
  • Breadcrum
  • Sticky sidebar
  • Lazy load Gambar
  • 2 Iklan di tengah atikel
  • Lazy load Youtube
  • Tombol Berbagi
  • Related Post
  • Sistem Komentar Disqus
  • Back to top
  • Dark mode (Template V.1.5)
  • dll

Dengan konsep tampilan yang sederhana, menjadikan template Pinktong memiliki waktu muat yang sangat cepat. Dalam website resminya, hasil pengujian kecepatan penggunaan template Pinktong bahkan menembus angka 95-98 untuk versi desktop, dan 94-99 untuk versi seluler menggunakan Google Pagespeed Insight.

Pengujian pada Gtmetrix juga mendapatkan hasil yang baik dengan skor 100 pada Pagespeed dan 86 pada YSlow dengan waktu muat hanya 1,5 detik saja.

Pengaturan Template Pinktong

Pengaturan template Pinktong dilakukan melalui tata letak dan edit html. Beberapa pengaturan yang dapat dilakukan melalui tata letak adalah pengaturan menu header, footer, pengaturan featured post dan gadget popular post pada sidebar.

Sedangkan pengaturan yang harus dilakukan pada edit html template adalah meta tag, warna dasar, komentar disqus, pemasangan kode iklan, dll. Berikut adalah beberapa penjelasan tentang pengaturan yang harus dilakukan.

Meta Tag

Meta tag yang harus disesuaikan adalah sebagai berikut:

Warna address bar browser smartphone
<meta content='#212121' name='theme-color'/>
<meta content='#212121' name='msapplication-navbutton-color'/>
<meta content='#212121' name='apple-mobile-web-app-status-bar-style'/>

Ganti #212121 dengan kode warna pilihan anda. Akan lebih baik jika disamakan kode warnanya dengan header blog.

Kode Verifikasi

<meta content='xxxxxxxxxxxxxxxxx_g' name='google-site-verification'/>
<meta content='xxxxxxxxxxxxxxxxx' name='msvalidate.01'/>
<meta content='xxxxxxxxxxxxxxxxx' name='p:domain_verify'/>
<meta content='xxxx_xxxxx-xxxxxxx' name='majestic-site-verification'/>

Warna Dasar

Warna dasar pada template Blogger Pinktong memliputi warna header, label, tombol, dan warna link. Silahkan cari kode berikut:

:root{
--bg:linear-gradient(30deg,#c39 19%,#66c 100%);
--bg-link:#40407a;
--bg-link-hover:#DE2F1B;
--link-color:#1C7CA6;
--link-hover:#e74c3c;
}

Silahkan ganti kode warna pada kodelinear-gradient(30deg,#c39 19%,#66c 100%) jika ingin mengubah warna bakground header dan footer.

Menu dan Media Sosial

Pengaturan menu dan media sosial pada template Pinktong versi terbaru sudah dapat dilakukan melalui tata letak. Untuk mengatur menu header, silahkan sesuaikan kode berikut ini:

<ul>
<li><a href='#'>Static Page</a></li>
<li><a href='#'>BIZ</a></li>
<li><a href='#'>Politic</a></li>
<li><a href='#'>Entertainment</a></li>
<li class='dropdown-item'><span class='dropdown-label'>Film <span class='dropdown-symbol'></span></span>
<ul class='menu-dropdown'>
<li><a href='#'>Korea</a></li>
<li><a href='#'>Jepang</a></li>
<li><a href='#'>Cina</a></li>
<li><a href='#'>Thailand</a></li>
</ul>
</li>
</ul>

Pengaturan menu footer atau sitelink, silahkan sesuaikan kode berikut:

<ul class='clearfloat'>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Disclaimer</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#'>Terms and Conds</a></li>
</ul>

Pengaturan media sosial silahkan sesuaikan kode berikut:

<ul class='clearfloat'>
<li><a aria-label='Open Facebook' href='https://www.facebook.com/' rel='nofollow noreferrer' target='_blank'><svg><use xlink:href='#fbicon'/></use></svg></a></li>
<li><a aria-label='Open Twitter' href='https://twitter.com/' rel='nofollow noreferrer' target='_blank'><svg><use xlink:href='#twicon'/></use></svg></a></li>
<li><a aria-label='Open Instagram' href='https://instagram.com/' rel='nofollow noreferrer' target='_blank'><svg><use xlink:href='#isicon'/></use></svg></a></li>
<li><a aria-label='Open Youtube' href='https://www.youtube.com/' rel='nofollow noreferrer' target='_blank'><svg><use xlink:href='#yticon'/></use></svg></a></li>
</ul>

Komentar

Template Pinktong dapat menggunakan komentar bawaan Blogger maupun disqus secara bergantian. Secara default, komentar yang digunakan adalah komentar disqus.

Silahkan cari kata santheme lalu ganti dengan shortname disqus anda sendiri jika ingin tetap menggunakan komentar disqus. Namun jika tidak ingin menggunakan komentar disqus dan lebih memilih menggunakan komentar Blogger, silahkan cari kode:

<b:include data="post" name="disqus-comments"/>

dan ubah kode tersebut menjadi:

<b:include data="post" name="comments"/>

Iklan

Jika anda sudah dapat menayangkan iklan pada blog anda, anda juga dapat menayangkan iklan dengan template Pinktong. Silahkan buka tata letak dan tempelkan kode iklan pada tempat yang tersedia.

Anda juga dapat menggunakan fitur iklan otomatis jika tidak ingin repot mengatur letak iklan pada blog anda.

Dapatkan Template Pinktong Secara Gratis

Jika anda ingin melihat demo atau memasang template Blogger ini pada blog anda, silahkan kunjungi link berikut ini.

Demo Download

Demikian informasi tentang Pinktong, Template Blogger Gratis Dan Simpel. Semoga bermanfaat.

Referensi: goinsan.com


Tinggalkan Komentar
Komentar anda akan ditinjau terlebih dahulu sebelum dapat diterbitkan.
Pastikan anda mencentang "beri tahu saya" atau "notify me" untuk mendapat pemberitahuan jika komentar anda sudah ditanggapi.