Read To A Greater Extent Than Inwards Dynamic Template Periodical View

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

Influenza A virus subtype H5N1 few owners detect that there's a work amongst the "Read More" function, inward the "Magazine" post summary display.
How practise I permit my readers know that there's to a greater extent than to read? There's no caption to signal "Read to a greater extent than ..."!
This is an strange omission, too.

With Dynamic Templates involving seven unlike views, though, it's non hard to imagine 1 or two 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, inward Magazine view.

It's all done, using CSS. There are iii sections of the Magazine display.
  1. The "lead", or source post.
  2. The "feature", or the other posts higher upward the fold. You run across these posts below the lead, together with earlier you lot scroll.
  3. The "fold", or all of the posts below the fold. You run across these posts, every bit you lot scroll.


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

Lead - The source (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 you lot 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 you lot 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 modify "content" (the caption), together with "color" (the text colour), to adjust your preference.

What you lot see, above, is the code that I added to this blog. If you lot wish, you lot may examine the results.
- Magazine View
You may also persuasion this blog, using a dynamic template, past times clicking "Dynamic", inward 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