Wijzigingen in contempo labels doorscrollen

Hi Trudy,
Welcome to Blogger Help Forum...


You can still achieve the same possibilities -- but some minor changes would be required & pretty much straight forward with theme code edits. Here's how:-

#1 Use Featured Post to extract the post you created as your Post Glossary => http://www.slakopreis.nl/2017/03/reizen-per-camper.html
  • This page will be the top most page/post shown to your readers when they land at your blog.
  • After this posts will be the list of your newest published posts. You can limit the display accordingly.

#2 Now move a Label widget on top of Page Body/Blog Post Widget & click Save Arrangements.
  • This will allow the Labels to display when users searching at your posts.

#3 Update your PageList widget with your blog navigation links accordingly. 


Before proceeding Backup your template to your computer using the Backup/Restore button.


Update Featured Post to Display Full Body

  • Go to Theme > Edit HTML > click Jump to Widget > select FeaturedPost1
  • Expand <b:includable id='snippetedPostContent'> by clicking the small black arrow.
  • Replace below FROM...

          <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' data='post' name='snippetedPostThumbnail'/>
          <b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>
          <b:include data='post' name='postFooter'/>

TO...

          <data:post.body/>

  • Remove highlighted orange & replace with highlighted green.
  • Click Save Theme.

By doing so, the Featured Post will display your post in full (your selected post with Glossary). So any new posts you published will always be under this post at homepage. You do not need to update this post every time a new post is published.


Displaying your Labels

By default the labels has a click to open functionality. To override this, update the widget data tags, here's how...

  • Go to Theme > Edit HTML > select Label1 (the Label widget located on top of Blog1 widget)
  • Expand <b:includable id='main' var='this'> by clicking the small black triangle
  • Now find this..

            <b:attr cond='data:view.isLabelSearch' name='open' value='open'/>

  • Remove highlighted orange.
  • Click Save Theme

By doing so, the specific Label widget will continue to display without clicking -- but the click action still works! And this is accessible automatically on top of your published Posts & Pages for your readers to go through and access your post Labels in your posts.


Next & Previous Button/Links for Posts

Unfortunately, by design, the next & previous links is unavailable for newer themes.

But... here is the full tutorial authored by @Soraya PTC Blogger to add Next & Previous links for newer Blogger Themes => How to Add Next & Previous Button/Links Pagination on Newer Responsive Blogger Themes


Hope this trigger more design possibilities for your blog ;)


Regards
+irsah



Show labels on Blogger's Contempo theme


Here's a simple way to show the post labels on your main blog page if you're using Blogger's new Contempo theme. This uses the theme's default styling so they blend in pretty well.

For regular posts


Just edit your blog template (Theme → Edit HTML), and find this:

<div class='post'>

Somewhere below that line, paste the following piece of code:

<b:include data='post' name='super.postLabels'/>

You can choose exactly where you want the labels shown. I think they look good just below the datestamp, so I put the code there. For for example, this section should now look like this:

<div class='post'>
<b:include data='post' name='postMeta'/>
<b:include data='post' name='postTitle'/>
<b:include name='headerByline'/>
<b:include data='post' name='super.postLabels'/>

Result


Here's what your homepage of posts looks like now. They keep the default styling of this version of the theme, in soft gray boxes.

Post labels shown on Blogger's Contempo theme

Labels shown in Contempo theme mobile view

Zie: https://10wontips.blogspot.com/2017/04/show-labels-on-bloggers-contempo-theme.html


Reacties

Populaire posts van deze blog

Reisverslagen en camperverhalen

gadgets in footer and sidebar in mobile version

Volgende en Vorige aan het einde van blogpost