#dontshow code

WARNING: This only hides posts. Meaning that if you hide 3 posts and your theme has 10 posts per page and you use pagination, only 7 posts will show on that page. It also means that if you use infinite scroll and hide 6 or more recent posts, it could temporarily prevent your infinite scroll from triggering, so don't tag too many things in a row!

Step 1:

Find what your posts are labeled. My themes are wrapped within <article>. However yours might be under <div class=“entry”>, <div class=“posts”> or <div id=“posts”>. Whatever it is, it should be just below {block:Posts}

To this you need to add the variable {TagsAsClasses}. Examples:

<article {block:IndexPage}class="{TagsAsClasses}"{/block:IndexPage}>

<div class="entry {block:IndexPage}{TagsAsClasses}{/block:IndexPage}">

<div id="posts" {block:IndexPage}class="{TagsAsClasses}"{/block:IndexPage}>

If you would like your posts to only show in your archive, go to Step 2a. If you would like your posts to show on search and tag pages, got to Step 2b.

Step 2a:

Add the css that will make the posts hidden everywhere but permalink pages and your archive. For this example I will be making this work for the tag #dontshow (so if you tag a post with #dontshow it won’t show on your blog).

You will need to add this ABOVE </style>

{block:IndexPage} /*dontshow code by @bychloethemes*/ .dontshow{     display:none;     margin:0;     padding:0;     width:0;     border:0;     outline:none; } {/block:IndexPage}

Step 2b:

Add the css that will make the posts hidden on your home page. For this example I will be making this work for the tag #dontshow (so if you tag a post with #dontshow it won’t show on your blog).

You will need to add this ABOVE </style>