Read To A Greater Extent Than Inwards Dynamic Template Periodical View

Some spider web log owners, who issue their blogs using a dynamic template, prefer the "Magazine" view.

Influenza A virus subtype H5N1 few owners discovery that there's a occupation amongst the "Read More" function, inwards the "Magazine" transportation service summary display.
How create I allow my readers know that there's to a greater extent than to read? There's no caption to betoken "Read to a greater extent than ..."!
This is an strange omission, too.

With Dynamic Templates involving vii dissimilar views, though, it's non hard to imagine 1 or ii details dropping through the cracks - together with nosotros are here.

It's non difficult, fortunately, to add together a "Read More" caption to the summary display, inwards Magazine view.

It's all done, using CSS. There are three sections of the Magazine display.
  1. The "lead", or commencement post.
  2. The "feature", or the other posts higher upward the fold. You encounter these posts below the lead, together with earlier yous scroll.
  3. The "fold", or all of the posts below the fold. You encounter these posts, every bit yous scroll.


That gives us three CSS rules, to add together to the template. You add together them, every bit i would hope, using the "Add CSS" wizard inwards the "Advanced" department of the Template Designer. Remember, every bit always, to brand a blank line, earlier each rule, when yous paste.

Lead - The commencement (most recent) post.
#lead .summary:after { content: "Read to a greater extent than >>"; color: #2d25ce !important; clear: both; display: block; position: relative; left: 0; top: 5px; }


Feature - Everything visible, below the Lead post, earlier yous start scrolling.
#feature .item:after { content: "Read to a greater extent than >>"; color: #2d25ce !important; clear: both; display: block; position: relative; left: 0; top: 5px; }


Fold - Everything visible, afterward yous start scrolling.
#fold .item:after { content: "Read to a greater extent than >>"; color: #2d25ce !important; clear: both; display: block; position: relative; left: 0; top: 5px; }


You may alter "content" (the caption), together with "color" (the text colour), to accommodate your preference.

What yous see, above, is the code that I added to this blog. If yous wish, yous may examine the results.
- Magazine View
You may also thought this blog, using a dynamic template, past times clicking "Dynamic", inwards the link bar at the elevation of the screen.

This tweak, originally provided past times Yoboy, was necessitated past times never ending Blogger revisions.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel