Solusi Tampilan Blog Berantakan

Tampilan Blog Berantakan, Ini Solusinya

Dari tadi siang blog ini mengalami kegagalan tampilan (berantakan) blog yang tidak bisa membaca kode auto readmore di custom template.

UPDATE

Sudah fix, sekarang sobat bisa mengedit templatenya kembali.


Setelah itu saya coba cari solusi di forum google blogger dan menemukan ada beberapa post yang intinya mengalami hal serupa yaitu error pada tampilan custom template. Dalam post tersebut belum ada jawaban untuk mengatasi error ini, namun setelah Saya coba otak-atik sendiri masalah inipun terselesaikan

Bagi yang mengalami hal serupa, silakan ikuti langkah sederhana berikut ini

Buka Blogger > Template > Backup template terlebih dahulu kemudian pilih default blogger template dan biarkan seperti itu.

BACKUP

PILIH DEFAULT TEMPLATE




Langkah berikutnya buka file template XML sobat (bisa dengan notepad atau program lain), temukan kode di bawah ini :

<style type="text/css">
&lt;!-- /*<b:skin><![CDATA[



Kemudian ganti dengan kode di bawah ini

<b:skin><![CDATA[


Masih di notepad, cari kode Blog1 ganti dengan Blog2

GANTI NAMA BLOG1 DENGAN BLOG2




Kemudian simpan template dan coba upload ke blog.


Setelah itu akan muncul duplikat dari postingan blog, lewat biarkan saja.. Sekarang buka template > Edit HTML > Cari dan hapus semua markup widget Blog1 di bawah ini :

<b:widget id='Blog1' locked='false' title='Posting Blog' type='Blog'>
...
...

HAPUS SEMUA

...
...
</b:widget>


HAPUS SEMUA WIDGET BLOG1


Simpan template dan lihat hasilnya.


Jika ada tampilan yang masih kurang, tambahkan kode CSS ini pada template

/* CSS Fix Layout Sementara */
.date-header {visibility:hidden;width:0;height:0;}

Simpan, selesai.


UPDATE

Sudah fix, sekarang sobat bisa mengedit templatenya kembali.



Mungkin ini hanya solusi sementara dari Saya, jika masih ada yang kurang silakan bisa sobat tambahkan pada kolom komentar. Terima kasih.

0 Response to "Solusi Tampilan Blog Berantakan"

Posting Komentar

Catatan:
Menulis Tag <code>
<i rel="code">Tulis kode yang sudah diparse di sini</i>, atau
[code]Tulis kode yang sudah diparse di sini[/code]

Menulis Tag <pre>
<i rel="pre">Tulis kode yang sudah diparse di sini</i>, atau
[pre]Tulis kode yang sudah diparse di sini[/pre]

Menulis Catatan (Blockquote)
<b rel="quote">Tulis catatan di sini</b>, atau
[quote]Tulis catatan di sini[/quote], atau
[blockquote]Tulis catatan di sini[/blockquote]

Memasukan Gambar
<i rel="image">Tulis URL gambar di sini</i>, atau
[img]Tulis URL gambar di sini[/img]

Memasukan Video Youtube
<i rel="youtube">Tulis URL Video Youtube di sini</i>, atau
[youtube]Tulis URL Video Youtube di sini[/youtube]

Penting:
Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!