0
Home  ›  Tmplate  ›  Tutorial

Tutorial Cara Mengembalikan Teks Yang Hilang Secara Tiba-Tiba Pada Postingan Artikel Di Template Invert Pro


Bagi kamu yang menggunakan template invert pro seperti yang aku tampilkan pada gambar dibawah ini, mungkin kamu mengalami kendala saat menggunakan template ini, tiba-tiba ada beberapa konten artikelmu yang seolah-olah tersembunyi, mungkin seperti pada gambar dibawah ini.


Tentu kamu tidak ingin hal seperti pada gambar di atas terjadi pada blogmu bukan? Nah, jika tidak mau tentunya kamu harus segera memperbaikinya agar pengunjung blogmu tidak bermasalah dan keluar, lalu seperti apakah tutorialnya? langsung saja ikuti tutorialnya kali ini

Tutorial :

  • Pada langkah pertama ini, pastikan kamu sudah login ke blogger milikmu terlebih dahulu.
  • Sekarang carilah postingan yang bermasalah tersebut.
  • Di sini, buka artikelnya, lalu ubah mode penulisannya, dari mode edit teks ke mode edit HTML.
  • Sekarang cari kode gambar paling atas, biasanya kode gambar ini yang dijadikan thumbnail guys.
  • Jadi disini perhatikan baik-baik kode gambarnya, apakah sebelum mengarah ke kode gambar ada kode seperti di bawah ini?

<div class="separator" style="clear: both; text-align: center;">

  • Jika tidak maka tambahkan kode ini tepat sebelum kode gambar, sehingga hasilnya akan seperti pada gambar di bawah ini.

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/
AVvXsEgOsTLQTN-hHGGM19Ny7xenuN8xZoI5mPMz2Hbe3NmH4VFyv3ISaFdvhPucX1lWmRYXyJpLkbyxz-
Z3hVJuAzImhdsGjdHbQkSfrQ3RT0JbYhVRzDP5EyRUWCOdPQ-2I-z6wG8LJyvs8cmBbOrZZvDjeJOsz5r7j
t1JeBrtv2ZpdRAqx92L0DqtkEnL/s500/Wallpaper.png" style="margin-left:
1em; margin-right: 1em;"><img border="0" data-original-height="500" data-original
-width="500" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl
/AVvXsEgOsTLQTN-hHGGM19Ny7xenuN8xZoI5mPMz2Hbe3NmH4VFyv3ISaFdvhPucX1lWmRYXyJpLkbyxz-
Z3hVJuAzImhdsGjdHbQkSfrQ3RT0JbYhVRzDP5EyRUWCOdPQ-2I-z6wG8LJyvs8cmBbOrZZvDjeJOsz5r7j
t1JeBrtv2ZpdRAqx92L0DqtkEnL/s320/Wallpaper.png" width="320" />

  • Maka sekarang tambahkan </div> tepat diakhir code tersebut, jadi jika kamu menambahkan </div> setelah kode width="320" /> yang berarti itu adalah kode terakhir, maka hasil akhirnya akan seperti pada gambar dibawah ini.

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOsTLQTN-
hHGGM19Ny7xenuN8xZoI5mPMz2Hbe3NmH4VFyv3ISaFdvhPucX1lWmRYXyJpLkbyxz-Z3hVJuAzImh
dsGjdHbQkSfrQ3RT0JbYhVRzDP5EyRUWCOdPQ-2I-z6wG8LJyvs8cmBbOrZZvDjeJOsz5r7jt1JeBr
tv2ZpdRAqx92L0DqtkEnL/s500/Wallpaper.png" style="margin-left: 1em; margin-righ
t: 1em;"><img border="0" data-original-height="500" data-original-width="500"
height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg
OsTLQTN-hHGGM19Ny7xenuN8xZoI5mPMz2Hbe3NmH4VFyv3ISaFdvhPucX1lWmRYXyJpLkbyxz-Z3h
VJuAzImhdsGjdHbQkSfrQ3RT0JbYhVRzDP5EyRUWCOdPQ-2I-z6wG8LJyvs8cmBbOrZZvDjeJOsz5r
7jt1JeBrtv2ZpdRAqx92L0DqtkEnL/s320/Wallpaper.png" width="320" /></div>

  • Jika sudah maka click tombol "Perbarui" untuk memperbaharui artikel tersebut, sekarang coba buka kembali halaman postingannya, harusnya konten pada artikel tertentu akan terlihat.

Baiklah mungkin itu saja tutorial yang bisa aku berikan pada kamu, mengingat tutorial ini sangat amat sederhana dan bisa kamu ikuti, tutorial ini khusus untuk template Invert Pro saja, apakah bisa untuk template lainnya? Mungkin menurutku bisa saja, namun aku belum pernah melihat desain template lain yang sama seperti Template Invert Pro yang mana gambar thumbnail dibuat terkunci.
Posting Komentar
Search
Menu
Theme
Share
Additional JS