Pages

Showing posts with label responsive. Show all posts
Showing posts with label responsive. Show all posts

Conditional Tags for your blogger to make more responsive

Conditional Tags for your blogger to make more responsive

There are a few tricks to hide elements of both the blog on the home page / homepage, posts, static pages or by adding a conditional tag code in each element you want to hide.

Example
<b:if cond=data:blog.pageType != "static_page">
..... The contents of the content to be wrapped conditional tags (Content will be hidden in the static pages) .....
</b:if>

Not only hides an element but it could be to display only certain elements in the page that you specify.

Example
<b:if cond=data:blog.url == data:blog.homepageUrl>
..... The contents of the content to be wrapped in the conditional tag (content will only appear on the home page) .....
</b:if>
for more details please refer to some function conditional tag for widget below: 


1. Widget displays only on the home page:


<b:widget id=HTML1 locked=false title=Recent Posts type=HTML>
<b:includable id=main>
<b:if cond=data:blog.url == data:blog.homepageUrl>
<!-- only display title if its non-empty -->
<b:if cond=data:title != "">
<h2 class=title><data:title/></h2>
</b:if>
<div class=widget-content>
<data:content/>
</div>
<b:include name=quickedit/>
</b:if>
</b:includable>
</b:widget>

2. View the Widgets only on the post page:


<b:widget id=HTML1 locked=false title=Recent Posts type=HTML>
<b:includable id=main>
<b:if cond=data:blog.pageType == "item">
<!-- only display title if its non-empty -->
<b:if cond=data:title != "">
<h2 class=title><data:title/></h2>
</b:if>
<div class=widget-content>
<data:content/>
</div>
<b:include name=quickedit/>
</b:if>
</b:includable>
</b:widget>

3. View the Widgets only on certain page:


<b:widget id=HTML1 locked=false title=Recent Posts type=HTML>
<b:includable id=main>
<b:if cond=data:blog.url == "Your URL">
<!-- only display title if its non-empty -->
<b:if cond=data:title != "">
<h2 class=title><data:title/></h2>
</b:if>
<div class=widget-content>
<data:content/>
</div>
<b:include name=quickedit/>
</b:if>
</b:includable>
</b:widget>
Change "Your URL" to your page url.

4. Hiding the Widgets only on certain page:


<b:widget id=HTML1 locked=false title=Recent Posts type=HTML>
<b:includable id=main>
<b:if cond=data:blog.url != "Your URL">
<!-- only display title if its non-empty -->
<b:if cond=data:title != "">
<h2 class=title><data:title/></h2>
</b:if>
<div class=widget-content>
<data:content/>
</div>
<b:include name=quickedit/>
</b:if>
</b:includable>
</b:widget>
Change "Your URL" to your page url.

5. Display Widgets only on a static page:


<b:widget id=HTML1 locked=false title=Recent Posts type=HTML>
<b:includable id=main>
<b:if cond=data:blog.pageType == "static_page">
<!-- only display title if its non-empty -->
<b:if cond=data:title != "">
<h2 class=title><data:title/></h2>
</b:if>
<div class=widget-content>
<data:content/>
</div>
<b:include name=quickedit/>
</b:if>
</b:includable>
</b:widget>

6. Hide Widgets on a static page:


<b:widget id=HTML1 locked=false title=Recent Posts type=HTML>
<b:includable id=main>
<b:if cond=data:blog.pageType != "static_page">
<!-- only display title if its non-empty -->
<b:if cond=data:title != "">
<h2 class=title><data:title/></h2>
</b:if>
<div class=widget-content>
<data:content/>
</div>
<b:include name=quickedit/>
</b:if>
</b:includable>
</b:widget>

7. Widgets display only on the archive page:


<b:widget id=HTML1 locked=false title=Recent Posts type=HTML>
<b:includable id=main>
<b:if cond=data:blog.pageType == "archive">
<!-- only display title if its non-empty -->
<b:if cond=data:title != "">
<h2 class=title><data:title/></h2>
</b:if>
<div class=widget-content>
<data:content/>
</div>
<b:include name=quickedit/>
</b:if>
</b:includable>
</b:widget>

Once you add a tag conditional upon, save the template and see the results. Not limited to the widget, with conditional tags you can wrap other elements such as scripts, CSS, or HTML template for reasons accelerate blog by reducing the script contained in a page or other privacy reasons. May be useful.


Read more »

Alexis Responsive Blogger Template EP Free Templates

Alexis is a free blogger template adapted from WordPress with 2 columns, responsive design, right sidebar, minimalist, posts thumbnails, related posts support, well designed threaded comments, girly looking, simple look and vintage style.

Alexis Responsive Blogger Template (EP Free Templates)

Responsive & Fast template for blogs about any general topic, to write a diary or fashion.

Download Alexis for free from EP:

DEMO & Download


Read more »

Ivision Responsive Blogger Template Free by EP

Invision Responsive Blogger Template
As a routine work I search lots of free stuff for my friends, now Ill share the back of free templates. Invision is the first free template from EP Design in the early 2016 s . Appearance of this template was adopted from New Line premium template.
Invision Responsive Blogger Template.png


The following features in the template Invision this
Features Availability
Responsive True Check
Google Testing Tool Validator True Check
SEO Friendly True Check
Mobile Friendly True Check
Dynamic Heading True
Adsense Ready True
Valid Schema.org True
High CTR True
Personal Blog True
Disqus Comment System True
2 Column True
Auto Read More with Thumbnail True
Responsive Ad Slot True
Breadcrumbs True
About Me Widget True
Related Posts with Thumb True
Search Box True
Social Share Button True
Responsive Dropdown Menu True
News Ticker True
Smooth Back to Top True
Custom Subscribe Box Widget True
Custom Pop up Contact Form True
Shortcodes True
Unlimited Page Numbered True

Well for demos and download links , please click on the button below

DEMO & Download



Read more »

Android Mag Free Responsive Blogger Template

Android Mag Free Responsive Blogger Template and best professional and SEO Optimized blogger theme which will help you to make your blog looking awesome in design and it also helps to drive organic traffic from search engines which is the need of every blogger. Today, I will not take your too much time in discussing, 
So, Click Following Download Button and Get this Awesome Theme.

Android Mag Free Responsive Blogger Template








Read more »