Pages

Showing posts with label tags. Show all posts
Showing posts with label tags. 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 »
No comments:
Labels: , , , , , , , ,

Meta Tags for web and blogger

Meta Tags for web and blogger


META TAGS is the key of success for web builders, right META TAGS and right place for META TAGS is the back-bone of blogger for optimizing a web which can make your blog easily index-able and findable from search engines.

Basic META TAGS for HTML

<meta charset=UTF-8>
<meta name=keywords content=your, tags>
<meta name=description content=150 words>
<meta name=subject content=your websites subject>
<meta name=copyright content=company name>
<meta name=language content=ES>
<meta name=robots content=index,follow>
<meta name=revised content=Sunday, July 18th, 2010, 5:15 pm>
<meta name=abstract content=>
<meta name=topic content=>
<meta name=summary content=>
<meta name=Classification content=Business>
<meta name=author content=name, email@hotmail.com>
<meta name=designer content=>
<meta name=reply-to content=email@hotmail.com>
<meta name=owner content=>
<meta name=url content=http://www.websiteaddrress.com>
<meta name=identifier-URL content=http://www.websiteaddress.com>
<meta name=directory content=submission>
<meta name=pagename content=jQuery Tools, Tutorials and Resources - OReilly Media>
<meta name=category content=>
<meta name=coverage content=Worldwide>
<meta name=distribution content=Global>
<meta name=rating content=General>
<meta name=revisit-after content=7 days>
<meta name=subtitle content=This is my subtitle>
<meta name=target content=all>
<meta name=HandheldFriendly content=True>
<meta name=MobileOptimized content=320>
<meta name=date content=Sep. 27, 2010>
<meta name=search_date content=2010-09-27>
<meta name=DC.title content=Unstoppable Robot Ninja>
<meta name=ResourceLoaderDynamicStyles content=>
<meta name=medium content=blog>
<meta name=syndication-source content=https://mashable.com/2008/12/24/free-brand-monitoring-tools/>
<meta name=original-source content=https://mashable.com/2008/12/24/free-brand-monitoring-tools/>
<meta name=verify-v1 content=dV1r/ZJJdDEI++fKJ6iDEl6o+TMNtSu0kv18ONeqM0I=>
<meta name=y_key content=1e39c508e0d87750>
<meta name=pageKey content=guest-home>
<meta itemprop=name content=jQTouch>
<meta http-equiv=Expires content=0>
<meta http-equiv=Pragma content=no-cache>
<meta http-equiv=Cache-Control content=no-cache>
<meta http-equiv=imagetoolbar content=no>
<meta http-equiv=x-dns-prefetch-control content=off>

Open Graph META TAGS


<meta name=og:title content=The Rock>
<meta name=og:type content=movie>
<meta name=og:url content=http://www.imdb.com/title/tt0117500/>
<meta name=og:image content=http://ia.media-imdb.com/rock.jpg>
<meta name=og:site_name content=IMDb>
<meta name=og:description content=A group of U.S. Marines, under command of...>

<meta name=fb:page_id content=43929265776>
<meta name=application-name content=foursquare>
<meta name=og:email content=me@example.com>
<meta name=og:phone_number content=650-123-4567>
<meta name=og:fax_number content=+1-415-123-4567>

<meta name=og:latitude content=37.416343>
<meta name=og:longitude content=-122.153013>
<meta name=og:street-address content=1601 S California Ave>
<meta name=og:locality content=Palo Alto>
<meta name=og:region content=CA>
<meta name=og:postal-code content=94304>
<meta name=og:country-name content=USA>

<meta property=fb:admins content=987654321>
<meta property=og:type content=game.achievement>
<meta property=og:points content=POINTS_FOR_ACHIEVEMENT>

<meta property=og:video content=http://example.com/awesome.swf>
<meta property=og:video:height content=640>
<meta property=og:video:width content=385>
<meta property=og:video:type content=application/x-shockwave-flash>
<meta property=og:video content=http://example.com/html5.mp4>
<meta property=og:video:type content=video/mp4>
<meta property=og:video content=http://example.com/fallback.vid>
<meta property=og:video:type content=text/html>

<meta property=og:audio content=http://example.com/amazing.mp3>
<meta property=og:audio:title content=Amazing Song>
<meta property=og:audio:artist content=Amazing Band>
<meta property=og:audio:album content=Amazing Album>
<meta property=og:audio:type content=application/mp3>

Custom META TAGS

Use custom meta tags to store data that you need in Javascript, instead of hard-coding that data into your Javascript. I store my Google Analytics code in meta tags. Heres some examples:

<meta name=google-analytics content=1-AHFKALJ>
<meta name=disqus content=abcdefg>
<meta name=uservoice content=asdfasdf>
<meta name=mixpanel content=asdfasdf>
<meta name=alexaVerifyID content=asdfasdf>

Company/Services META TAGS

Claim ID

<meta name=microid content=mailto+http:sha1:e6058ed7fca4a1921cq91d7f1f3b8736cd3cc1g7>
<meta name=readability-verification content=E7aEHvVQpWc8VHDqKvaB2Z58hek2EAv2HuLuegv7>
<meta name=google-site-verification content=4SMIedO1X4IkYrYuhEC2VuovdQM36Xxb0btUjElqQyg>
<meta name=ICBM content=40.746990, -73.980537>
<meta name=generator content=WordPress 3.3.1>
<meta name=norton-safeweb-site-verification content=tz8iotmk-pkhui406y41y5bfmfxdwmaa4a-yc0hm6r0fga7s6j0j27qmgqkmc7oovihzghbzhbdjk-uiyrz438nxsjdbj3fggwgl8oq2nf4ko8gi7j4z7t78kegbidl4>

Apple META TAGS

<meta name="apple-mobile-web-app-title" content="My App"> <!-- New in iOS6 -->
<meta name=apple-mobile-web-app-capable content=yes>
<meta name=apple-touch-fullscreen content=yes>
<meta name=apple-mobile-web-app-status-bar-style content=black>
<meta name=format-detection content=telephone=no>
<meta name=viewport content=width=device-width; content=width = 320; initial-scale=1.0; maximum-scale=1.0; user-scalable=yes; target-densitydpi=160dpi>

<link href=/apple-touch-icon.png rel=apple-touch-icon type=image/png>
<link href=touch-icon-ipad.png rel=apple-touch-icon sizes=72x72>
<link href=touch-icon-iphone4.png rel=apple-touch-icon sizes=114x114>
<link href=/startup.png rel=apple-touch-startup-image>

<link href=http://github.com/images/touch-icon-iphone4.png sizes=114x114 rel=apple-touch-icon-precomposed>
<link href=http://github.com/images/touch-icon-ipad.png sizes=72x72 rel=apple-touch-icon-precomposed>
<link href=http://github.com/images/apple-touch-icon-57x57.png sizes=57x57 rel=apple-touch-icon-precomposed>

Internet Explorer META TAGS

<meta http-equiv=Page-Enter content=RevealTrans(Duration=2.0,Transition=2)>
<meta http-equiv=Page-Exit content=RevealTrans(Duration=3.0,Transition=12)>
<meta name=mssmarttagspreventparsing content=true>
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"/>
<meta name=msapplication-starturl content=http://blog.reybango.com/about/>
<meta name=msapplication-window content=width=800;height=600>
<meta name=msapplication-navbutton-color content=red>
<meta name=application-name content=Rey Bango Front-end Developer>
<meta name=msapplication-tooltip content=Launch Rey Bangos Blog>
<meta name=msapplication-task content=name=About;action-uri=/about/;icon-uri=/images/about.ico>
<meta name=msapplication-task content=name=The Big List;action-uri=/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/;icon-uri=/images/list_links.ico>
<meta name=msapplication-task content=name=jQuery Posts;action-uri=/category/jquery/;icon-uri=/images/jquery.ico>
<meta name=msapplication-task content=name=Start Developing;action-uri=/category/javascript/;icon-uri=/images/script.ico>
<meta name=msvalidate.01 content=6E3AD52DC176461A3C81DD6E98003BC9>
<meta http-equiv=cleartype content=on>

TweetMeme META TAG

<meta name=tweetmeme-title content=Retweet Button Explained>

Blog Catalog META TAG

<meta name=blogcatalog>

Rails META TAGS

<meta name=csrf-param content=authenticity_token>
<meta name=csrf-token content=/bZVwvomkAnwAI1Qd37lFeewvpOIiackk9121fFwWwc=>

HTML Links META TAGS

<link rel=alternate type=application/rss+xml title=RSS href=http://feeds.feedburner.com/martini>
<link rel=alternate type=application/atom+xml title=Atom 0.3 href=https://example.com/feed.atom>
<link rel=shortcut icon type=image/ico href=/favicon.ico>
<link rel=fluid-icon type=image/png href=/fluid-icon.png>
<link rel=me type=text/html href=http://google.com/profiles/thenextweb>
<link rel=shortlink href=http://blog.unto.net/?p=353>
<link rel=archives title=May 2003 href=http://blog.unto.net/2003/05/>
<link rel=index title=DeWitt Clinton href=http://blog.unto.net/>
<link rel=start title=Pattern Recognition 1 href=http://blog.unto.net/photos/pattern_recognition_1_about/>
<link rel=bookmarktitle=Styleguide href=http://paulrobertlloyd.com/about/styleguide/>
<link rel=search href=/search.xml type=application/opensearchdescription+xml title=Viatropos>

<link rel=self type=application/atom+xml href=http://www.syfyportal.com/atomFeed.php?page=3>
<link rel=first href=http://www.syfyportal.com/atomFeed.php>
<link rel=next href=http://www.syfyportal.com/atomFeed.php?page=4>
<link rel=previous href=http://www.syfyportal.com/atomFeed.php?page=2>
<link rel=last href=http://www.syfyportal.com/atomFeed.php?page=147>

<link rel=canonical href=http://smallbiztrends.com/2010/06/9-things-to-do-before-entering-social-media.html>
<link rel=EditURI type=application/rsd+xml title=RSD href=http://smallbiztrends.com/xmlrpc.php?rsd>
<link rel=pingback href=http://smallbiztrends.com/xmlrpc.php>
<link rel=stylesheet media=only screen and (max-device-width: 480px) href=http://wordpress.org/style/iphone.css type=text/css>
<link rel=wlwmanifest href=http://www.example.com/wp-includes/wlwmanifest.xml type=application/wlwmanifest+xml>


Read more »
No comments:
Labels: , , , , ,
Subscribe to: Posts (Atom)