Read More Error / Blogger Jump Break Error

Mungkin ramai yang masih tidak tahu mengapa masalah ini terjadi dan mungkin juga ada yang menganggap masalah ini terjadi disebabkan oleh kesilapan templet. Sebenarnya, masalah ini terjadi disebabkan kesilapan Coding HTML. Jika dilihat coding HTML untuk widget neh diberikan oleh pihak Blogger adalah seperti ini:-

<div>
This is the short summary
<!– more –>
This is the rest of the post
</div>

Tetapi setelah meletakkan widget Read More, masalah side kanan berada dibawah entry berlaku (Seperti gambar diatas).

Jadi, apa yang haku buat untuk mengatasi masalah ini?. Haku akan klik pada Edit HTML disebelah kiri compose, dan kemudian haku akan taip <span> dipermulaan perenggan dan taip </span> diatas coding <!– more –>

contoh:

<span>
short summary or photo
</span>
<!– more –>
Rest of the post

Itu adalah langkah yang haku buat supaya masalah sidebar dibawah entry tidak berlaku.

Antara langkah – langkah lain, korang semua boleh baca lar kat bawah neh: -

From: Bloggerplugins.com

A mistake that you might make.

When you insert a jump break in the post,the part of the post after the jump break gets truncated. In your posts,there are some opening div tags before the jump break and some of these are closed after the jump break. So when blogger truncates the part of the post after the jump break,the closing div gets missing. That’s why the sidebar shifts to the bottom.

So in order to solve this you should take some care in inserting the jump break.The jump break shouldn’t be inserted into open tags.

For example something like this shouldn’t happen.(You can see these things if you switch to Edit HTML instead of Compose)

<div>
This is the short summary
<!– more –>
This is the rest of the post
</div>

As it is clear from this code, the jump break is inserted into an open div tag and the div is closed after the jump break.This should not happen.You should insert jump breaks after closing the div tag..
So this should look like

<div>
This is the short summary
</div>
<!– more –>

This is the rest of the post
I hope that the blogger post editor will soon show warnings when the jump break is inserted into open tags.

From: Bloggerstop.net

ERROR #3
Finally some bloggers have noticed that whenever they add the code “<!– more –>” to any of their posts, the sidebar shifts to the bottom area of the blog.
To avoid this, you simply have to make sure that the code
<!– more –>
is not present in between any <div>…</div> tags. If you find any such tags, simply replace the words div with span.

So if you want to truncate this post,

<div style=”text-align: justify;”>
Visbile part of the post on homepage
<!– more –>
Hidden part of the post on homepage
</div>

without affecting the location of your blog’s sidebar

then simply replace those div tags with span tags, like this:

<span style=”text-align: justify;”>
Visbile part of the post on homepage
<!– more –>
Hidden part of the post on homepage
</span>