How To Give A Label Signs A New Post In Blogspot

This next article we will discuss how to give a new post label, this label will appear automatically on our page, so we do not have to bother to install and remove the label. as an example consider the following screenshot
 

 

Okay guys, let's try to create a new post for blogspot label, the first step is insert the css code right above ]]></ b:skin> Or </style>

     .newer-post {
    margin: 50px auto;
    width: auto;
    height: auto;
    background-color: none;
    position: relative;
    }
     
    .newer-post2 {
    font: bold 20px Sans-Serif;
    text-align: center;
    transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -25px;
    top: 7px;
    width: 160px;
    background-color: blue;
    color: #fff;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    }
     
    .newer-post3 {
    width: 86px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -4px;
    right: -4px;
    } 

if you paste the CSS code has been like in the above command, now find code faster <b:include data='post' name='post'/> use the Ctrl + F, If you have found replace the code with the code below

     <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <b:if cond='data:post.isFirstPost == &quot;true&quot;'>
    <div class='newer-post'>
    <div class='newer-post2'><div class='newer-post3'>NEW</div></div>
    <div class='first-post'>
    <b:include data='post' name='post'/>
    </div></div>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if> 

After all are finished click save and see the results on the template you ^ _ ^


Source : The-Anarchyta

Share this

Anonymous