MaxiLary Blogging

Blogger Conditional Tags

2020-03-13T10:38:00.004-07:00

Blogger conditional tags are the main function of a blogger template. You can't create a Blogger Template without this XML tags. You can say that Conditional Tags are the brain of a blogger template. You can function your site in various ways with these conditional tags (XML). But at first you have to know all the tags an uses of these tags. Here are all the Conditional Tags & you will also get that why and where to use these.

1 List of Conditional tags for page types
2 Archive page
3 Error Page (404)
4 Index Page
5 Homepage
6 Item (post) pages
7 Label page
8 Specific Label Page
9 Search page
10 Specific Search Query page
11 Static page
12 Specific Static page by URL
13 AND/OR/NOT
14 How to Use conditional tags
15 Example Applications

A conditional template tag in Blogger looks like This


<b:if cond='condition_expression'>
    <!-- content when condition is satisfied -->
</b:if>

List of Conditional tags for page types

Here Is All The Conditional Tags You Need

Archive page

This XML is tag for Archive Page.


<b:if cond='data:blog.pageType == "archive"'>
<!--archive_Page-->
</b:if>

Error Page (404)

This XML is tag for Error Page.


<b:if cond='data:blog.pageType == "error_page"'>
<!-- all error pages-->
</b:if>

Index Page

This XML is tag for Index Page or Post page shown on Homepage.


<b:if cond='data:blog.pageType == "index"'>
<!-- all index pages -->
</b:if>

Homepage

This XML is tag for for Homepage only codes inside this won’t be shown on other pages.


<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<!-- only homepage -->
</b:if>

Item (post) pages

This XML is tag for post pages will shown on post page and page posts also.


<b:if cond='data:blog.pageType == "item"'>
<!-- all item pages -->
</b:if>

Specific Post by URL

This XML tag is only for 2014/08/foo.html this post only.


<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2014/08/tittle.html"'> 
<!-- a item page from august 2014 with post-title 'tittle'-->
</b:if>

Label page

This XML tag is for Label or Category page only.


<b:if cond='data:blog.searchLabel'>
<!-- all label pages -->
</b:if>

Specific Label Page

This XML tag is for XML Label only. (Change XML with your Desire label.)


<b:if cond='data:blog.searchLabel == "XML"'>
<!-- for label 'foo' -->
</b:if>

Search page

This XML is tag for Search Page. Code inside this tag will only be shown on Search Page.


<b:if cond='data:blog.searchQuery'>
<!-- all search pages -->
</b:if>

Specific Search Query page

This XML is tag for Search Page HTML. Code inside this tag will only be shown if anyone search for HTML.


<b:if cond='data:blog.searchQuery == "HTML"'>
<!-- for query 'foo' -->
</b:if>

Static page

This XML is tag for Static Pages only.


<b:if cond='data:blog.pageType == "static_page"'>
<!-- all static pages -->
</b:if>

Specific Static page by URL

This XML is tag for Specific Static pages only. Example /Contact.html change with your code.


<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/Contact.html"'> 
<!-- a specific static page with name 'foo' -->
</b:if>

AND/OR/NOT

and is add two conditional tag, or is for foo page or another page, not is for not on this page.
AND example


<b:if cond='data:blog.pageType == "index"'>
  <b:if cond='data:blog.searchQuery'>
    <!--search_page AND index_page-->
  </b:if>
</b:if>

OR example


<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/foo.html"'> 
  <!-- static_site foo OR static_site bar -->
      <b:else/>
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/bar.htm"'> 
  <!-- static_site foo OR static_site bar -->
   </b:if>
</b:if>

NOT example


<b:if cond='data:blog.pageType != "item"'>
  <!-- all pages except item pages -->
</b:if>


<b:if cond='data:blog.url != data:blog.homepageUrl'> 
  <!-- all pages but NOT homepage -->
</b:if>

How to Use conditional tags To apply a conditional tag to some content, simply put the content inside the opening <b:if cond…> and the closing </b:if>

Example


<b:if cond='data:blog.pageType == "item"'>
    # THIS CONTENT WILL BE EXECUTED IF CONDITION IS TRUE
</b:if>

In the example above, the content will only appear on post pages. The content can be a div, a section, a style tag or another conditional tag etc.

If you want to specify a alternate content (when the condition is false), you need to insert a <b:else/> tag followed by the content, like this:

Example


<b:if cond='data:blog.pageType == "item"'>
    # THIS CONTENT WILL BE EXECUTED IF CONDITION IS TRUE
    # i.e. if current page is post (item) page
<b:else/>
    # THIS CONTENT WILL BE EXECUTED IF CONDITION IS FALSE
    # i.e. if not post page
</b:if>

The <b:else/> also works like an OR operator as explained above.
Hope you understood the blogger conditional tags or XML tags and what and why these tags use for. But still if your having trouble don’t be shy to comment below. Share this post help us spread.
Special thanks to https://ultimatebloggerguide.blogspot.com

Make Like Button On Blogger!

2020-03-11T02:12:00.002-07:00

Hello Viewers Welcome To Maxilary. Today i will share a tutorial on how to make a Like Button (using on this blog) on Blogger with simple JavaScript.
It's pretty simple clean an easy. So let's start.

Follow These Steps

1. Go To Blogger

2. Select Which Template You Want

3. Edit HTML

4. Add This Code on </b:skin> or before
</style>

.lovebutton-bloggerku {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 20px 0;
}

.lovebutton-bloggerku .inner {
    text-align: center;
    display: inline-table;
}

.lovebutton-bloggerku a {
    background: #fff;
    border: 1px solid #aaa;
    display: inline-block;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    float: left;
    overflow: hidden;
    margin-right: 10px;
}

.lovebutton-bloggerku .icon {
    padding-top: 13px;
}

.lovebutton-bloggerku svg {
    fill: #aaa;
    transition: all 0.2s;
}

.lovebutton-bloggerku a:hover svg {
    fill: #666;
}

.lovebutton-bloggerku a .active svg {
    fill: #F44336;
}

.lovebutton-bloggerku .total {
    line-height: 50px;
    font-size: 20px;
    display: inline;
}

5. Then Ad This Code before <data:post.body/>

<div class='lovebutton-bloggerku' expr:data-id='data:blog.blogId + "_" + data:post.id'>
    <div class='inner'>
        <a href='javascript:;'>
            <div class='icon'>
                <svg height='25' viewBox='0 0 1792 1792' width='25' xmlns='http://www.w3.org/2000/svg'><path d='M896 1664q-26 0-44-18l-624-602q-10-8-27.5-26t-55.5-65.5-68-97.5-53.5-121-23.5-138q0-220 127-344t351-124q62 0 126.5 21.5t120 58 95.5 68.5 76 68q36-36 76-68t95.5-68.5 120-58 126.5-21.5q224 0 351 124t127 344q0 221-229 450l-623 600q-18 18-44 18z'/></svg>
            </div>
        </a>
        <div class='total'>Loading</div>
        <div style='clear:both;'/>
    </div>
</div>

6. Then add this code just before </body>

<script src='https://script.bloggerku.com/like/1.0/script.min.js' type='text/javascript'/>

7. Now Save The Theme.

That's all today. Until next tutorial good bye take care.

Source URL : https://www.bloggerku.com/2018/02/tombol-like-untuk-bloggger.html?m=1

NihLink Safelink Blogger Template

2020-03-05T02:05:00.000-08:00

Hello Guys welcome to Maxilarry. This is my first post on Maxilary.
If your looking for a template for making a safelink blog then i suggest you using this template.

This template is magical for making safelink blogger template.

the script is Simple , uses Bootstrap, uses CryptoJS (AES), and I think its features are complete for a 'Free' safelink template.

Here is a list of features and advantages of this template:

Free
Editable
The unlock with password feature
Sticky Ads
Countdown timer
Random Posts
Using the Latest Bootstrap
Encrypt URL with CryptoJS (Not Base64)
White and clean appearance
Simple and easy to use by users
Easy to understand and pass by

Because the script is simple and editable , I was able to learn a little about the working system of Safelink and CryptoJS.

If you also want to learn to make your own safelink template, I suggest you try this template.

I guarantee you won't regret it.

Download Template See Demo