Latest news, food, business, travel, sport, Tips and Tricks...

Reasons why pizzas are beyond everything, and are sheer love

When you hear someone saying they hate pizza in the first instance that astounds you and you start abhorring them but then eventually you realize that it’s actually good, and you are totally running at profit and you get elated because you don’t want to share your pizza even if you share your food, as the saying goes pizzas are love (bae).

Reasons why pizzas are beyond everything, and are sheer love

Do not ever think of food and pizza to be at par because even if they are at par, they just don’t feel like one, everything else in this world can wait when you want to have pizza. Food is survival policy and pizza is sheer love so they are divided by a thin line of difference. Anybody treating you with pizza becomes the favourite in the group also the restaurant itself becomes the favourite for the gang, who would ever want to come out of pizza zone.

Reasons why pizzas are beyond every explanation:

  • They are pizzas, it itself explains everything; anyone can just be hungry by thinking of getting a slice of pizza.
  • Nobody and that actually means nobody wants to share pizza; they become possessive about it, because it is the best thing to have in this spherical large universe.
  • You can never run short of the varieties of pizzas, you finish one you have the other right next waiting for your call.
  • Its can have as many layers of cheese as you want, no restrictions only happiness.
  • You get the flavor of oregano and also you can get extra packets of oregano complentary that makes you contented.
  • Pizzas can suit you at any time of the day, you don’t really care, all you care is about the delivery man to probably fly to you, so that you don’t have to waste a second thinking and you can literally jump on it to have it.
  • Share happiness over pizzas, it’s the perfect choice for a get together or a family reunion, nothing can be better than pizzas, this time share happiness over the slice of pizza.
  • Beware, you can get into fights too, because yes, that last slice matters in fact that last bite matters too, you cannot afford to not have the last piece of it.
  • It is so tasty that it feels like paradise inside your mouth, to feel good grab your pizzas for a yummy day ahead.
  • The best of the lot is the service of the 24 hour pizza delivery that makes the option wider for you, that 24 hours makes it any odd hour of the dawn, morning, night, midnight when so ever you have the craving for having it.
  • They aren’t just cheesy but are also crunchy and spicy, the taste bud can go gaga for them

Enough said about the goodness of pizzas, now after all of these nobody can resist the feeling of rushing near the closest pizza restaurant to my location to grab your share of pizza, so no waiting, go grab yours and share the love for pizza.

Sentimental gifting ideas

Appreciation - one of the fundamental human needs to excel further in the ladder of taking up responsibilities and handling them in a balanced way. It is necessary for us to show appreciation to a good work to convey the feeling that they or their work is valued. Appreciation is most commonly expressed with the help of two simple words - 'Thank you'. An elegant way to express regard, gratitude and acknowledgement.

Sometimes little formalities are required to show that we care. That we are there beside them in their need. A simple thank you can save a lot of ticklish relationships from failing. But in today's time deprived world, where we all are in a rush, it's most difficult to make our time for the closest person even. There are still a lot of people who crosses those little puddles for us when we are gloomy, and they definitely need a warm heartfelt recognition. The person whom you know will always be there for you, no matter what deserves to be honoured and showered with lots of love. 

Sentimental gifting ideas

Fruit baskets are not the ideas that strike your mind at first when you think of new gifting options to send good thoughts to an ailing friend or someone special. We generally think of a lot of fancy and tempting gifting options whenever an occasion comes up. This is high time we stop sending temporary fancies and start expressing heart felt love with the classic fruit baskets. Shop thank you fruit baskets online to send the most genuine form of care and love to your bosom friend. A thank you fruit basket falls under the category of sentimental gift ideas that hold genuine and lasting meaning. This is why sentimental gifts are so special. These gifts not only gives an ecstatic pleasure and peace to the recipient but also the receiver is touched into their most sensitive state of nostalgia.

Thank you fruit baskets delivered at your doorsteps at any place in the world, is the gift of modern technology in today's world, at very affordable prices. It totally depends on you whether you want to order a thank you gift basket full of sun-kissed fresh and ripe fruits or a tower of succulent ripened citrus fruits or small gourmet delights, it is a magnificent way to renounce all the efforts and endeavours on their part that saved you from some undesirable effects. However since thank you is a very small word to express your gratitude to someone who did their level best to make save you from something going wrong. Thank you is never said enough. Thank you gift baskets are made to save this situation and can be gifted liberally no matter who the recipient is and no matter what the occasion is.

Unique and attractive ideas of sending thank you gift baskets wrapped in handmade glitter papers or water coloured boxes that can be recycled later are a treat to watch even. Your buddies are sure to love the authentic way you have found out to shove love upon them.

Some specialties from the Thai cuisinesome specialties from the Thai cuisine

Being a food maniac isn’t very easy a task. You have the inherent tendency of trying out new dishes. Food is something that keeps everyone going especially if you get to have new cuisines every now and then nothing better than that. You might have a day without any space of doing anything else but you will always find time out for food.

Some specialties from the Thai cuisinesome specialties from the Thai cuisine

Talking of different cuisines reminds of the land of Thailand. With the aromatic flavours they have in their dishes surely compliments the food and the time. They are bold and spicy yet has all the perfect blend of sweet, sour, tangy and spicy, which makes the plate all the more exciting.

If you love cooking then it is a good news for you too that the Thai recipes in Hindi or other languages. They are so easily accessible that you can try your hands and serve it to yourself or your family.

Some specialties about the Thai cuisines:

Deep fried chili fish. Thailand is famous for its seas and the bounty of the sea is the specialty too which comprises most of the cuisines. Deep fried chili fish is one of the many famous dishes for Thai cuisines. They are dipped in Thai sweet chili sauce which is sweet and hot. The fish is the delicacy, it is crunchy from the outside but the sauce makes it soft from within. A perfect sweet and spicy food, the crunchiness from the outer cover and the softness of the meat of the fish, you might end up making it your favourite too.

Steamed lime fish. Fishes are their specialty and they have plethora of varieties for preparing a dish of each kind. If you are a sea food lover, this dish is going to leave you at awe. They steam the whole of the sea bass in a sour and tangy lime sauce, with perfectly sliced chilis. They garnish it so well with coriander leaves and chili’s that the plate will be empty in no time. The sour tangy feel of the sauce with the spicy chili’s and the moist fish is an ecstatic delicacy to try.

Shrimp lemongrass salad. Thai dishes are known for their usage of lemongrass. It not only enhances the taste of the food but also adds the aroma in it, which is to go gaga for. Lemongrass also does the work of the finishing touch in your cuisine. It is mostly boiled to get the flavour or is sliced very thin because too much of it can ruin the dish. They are very healthy too. Shrimp lemongrass is a very refreshing dish because of the ingredients in it, it a must try because of the blend of taste and goodness.

Cabbage with pork and egg sounds so not exciting and basic but the Thai cuisine makes it worth the money. They make the dish with the fried cabbage and add slices of pork and eggs, in a big flame using oil. The cabbage gets fried and the pork and the scrambled egg add the texture to the taste. Thai food recipes in Hindi can be your guide to make this easy yet comforting dish.

How to make Orange Banana Smoothie - Healthy Smoothie Recipes

Ingredients (240 ml cup used)

  • 2 large ripe bananas
  • 1½ cups of orange juice (with pulp tastes good)
  • 12 to 15 blanched almonds or cashews (optional) (any nuts or seeds as desired)
  • optional
  • 1 tsp crushed or grated ginger

How to make the recipe

  1. Add nuts to a blender jar, powder them finely.
  2. Juice the oranges to make fresh juice.
  3. Add orange juice, banana and ginger to the blender jar and blend until smooth.
  4. Serve fresh immediately.

Notes

Add more or less bananas and orange juice to adjust the thickness.

How to make radish salad recipe

How to make radish salad recipe

Ingredients (240 ml cup used)

  • 1 small radish grated
  • 2 tbsp. moong dal / skinned green gram split/ hesaru bele / pesara pappu
  • Small piece of ginger shredded
  • 1 green chili (seeds removed)
  • Few mint leaves
  • Few coriander leaves
  • Pinch pepper powder
  • salt to taste
  • Optional
  • 4 to 5 ml vinegar
  • Chat powder
  • 2 tbsp. grated fresh coconut

How to make the recipe

  1. Clean the lentil, wash and soak for about one hour. drain off in a colander.
  2. Toss all the ingredients together and set aside for 5 to 10 mins to kill the strong smell
  3. Serve immediately.

Notes

Any other lentils soaked and cooked can be used in place of split skinned green gram

How to make Soya chunks fried rice recipe, meal maker fried rice, soya chunks recipes

How to make Soya chunks fried rice recipe, meal maker fried rice, soya chunks recipes

Ingredients (240 ml cup used)

  • 1 cup of long grain rice
  • ¼ to ⅓ cup of soya chunks or granules
  • 1 tbsp. soya sauce (can increase by ¼ tsp.)
  • Few juliennes of capsicum / bell peppers (green, red any)
  • 1 to 2 stalks of spring onions (green and white separated)
  • Fistful of Green peas (optional)
  • few juliennes of Carrots
  • 1 tsp. vinegar
  • 1 tsp. garlic minced
  • ⅛ tsp. pepper powder
  • 2 tbsps. Olive oil or sesame oil
  • 1 small star anise / star flower / chakri phool
  • 1 strand of mace / javitri
  • salt as needed

How to make the recipe

  1. Boil soya chunks till soft. Squeeze up the excess water and rinse them thoroughly with cold water. Squeeze up the excess water and repeat the cold water rinse once more. Make sure there is no water left in the chunks
  2. soak and cook rice al dente, the rice should not turn mushy, cool it on a wide plate
  3. Heat a wok with oil, add mace and star anise, and let them fry for 2 minutes. Add minced garlic, sauté till you get an aroma.
  4. Add soya chunks, white part of spring onions, other vegetables, sauté on high heat for 3 to 4 mins
  5. Pour vinegar and soya sauce. Let it bubble for 1 minutes.
  6. Add rice, pepper powder, salt and spring onions. Mix and fry on high for 2 to 3 mins

Soya Chunks Fried Rice Recipe, Meal maker Fried Rice, Soya Chunks recipes

Soya Chunks Fried Rice Recipe, Meal maker Fried Rice, Soya Chunks recipes

Ingredients (240 ml cup used)

  • 1 cup of long grain rice
  • ¼ to ⅓ cup of soya chunks or granules
  • 1 tbsp. soya sauce (can increase by ¼ tsp.)
  • Few juliennes of capsicum / bell peppers (green, red any)
  • 1 to 2 stalks of spring onions (green and white separated)
  • Fistful of Green peas (optional)
  • few juliennes of Carrots
  • 1 tsp. vinegar
  • 1 tsp. garlic minced
  • ⅛ tsp. pepper powder
  • 2 tbsps. Olive oil or sesame oil
  • 1 small star anise / star flower / chakri phool
  • 1 strand of mace / javitri
  • salt as needed

How to make the recipe

  1. Boil soya chunks till soft. Squeeze up the excess water and rinse them thoroughly with cold water. Squeeze up the excess water and repeat the cold water rinse once more. Make sure there is no water left in the chunks
  2. soak and cook rice al dente, the rice should not turn mushy, cool it on a wide plate
  3. Heat a wok with oil, add mace and star anise, and let them fry for 2 minutes. Add minced garlic, sauté till you get an aroma.
  4. Add soya chunks, white part of spring onions, other vegetables, sauté on high heat for 3 to 4 mins
  5. Pour vinegar and soya sauce. Let it bubble for 1 minutes.
  6. Add rice, pepper powder, salt and spring onions. Mix and fry on high for 2 to 3 mins.

How to make vegetarian spaghetti recipe (with almond mint pesto)

How to make vegetarian spaghetti recipe (with almond mint pesto)

Ingredients (240 ml cup used)

  • ½ cup mint leaves (adding more mint leaves can leave a bitter or pungent taste)
  • 180 grams dry spaghetti (cooked in lot of water till al dente)
  • 1 large onion
  • 2 garlic cloves
  • ½ tsp cumin
  • 1 green chili
  • 20 roasted almonds (consider using blanched if you have)
  • Salt to taste
  • Few drops of lemon juice
  • 2 tbsp. Peanut or sesame oil

How to make the recipe

  1. Bring water to a boil in a large pan, add spaghetti and cook till al dente. Follow the instructions on the pack for best results. Drain off the hot water, rinse in lot of water and drain in a colander
  2. Wash mint leaves in enough water and drain the water
  3. Powder the almonds coarsely and then add the other ingredients except oil and blend them to a coarse paste. Smooth or coarse is your choice.
  4. Add the pesto and oil to the cooked spaghetti and toss everything well.
  5. Serve with a bowl of soup.

Notes

Variations

1.You can garnish with some blanched roasted almonds too.

2.You can use ¼ to half a cup of cilantro for making the pesto.

3.Some of the other ingredients that can be used are a chili flakes, pinch of powdered cinnamon or few roasted sesame seeds. you can just try to include whatever flavor you like.

How to make your own baby Cereal Recipe

How to make your own baby Cereal Recipe

Ingredients (240 ml cup used)

  • 1 medium carrot (about ½ cup of cubes) (pureed) (optional)
  • 2 tbsp. Barley coarse powder (refer notes how to make)
  • 1½ cup water (can increase by another ¼ to ½ cup)
  • ½ cup milk
  • ⅛ tsp cardamom powder
  • 1 ½ tbsps. Coconut Palm sugar / jaggery / karupatti (adjust as per your taste)
  • 1 tbsp. ghee

How to make the recipe

  1. Soak barley powder in water for at least 10 mins.
  2. Puree carrot with milk and set aside.
  3. Cook barley thoroughly till all the coarse grains become smooth. It took around 15 mins on a low flame for me. Keep stirring to prevent lumps.
  4. Once thoroughly cooked, pour the carrot pure. Mix well and cook on a low flame for 2 mins. If you do not wish to use carrot for this just skip and pour milk at this step and continue.
  5. Add the cardamom powder, palm sugar and mix well.
  6. Add ghee & Cook it for a min or 2 on a low flame and off the heat
  7. Serve warm with ghee (I have added nuts since my kids can chew them, if yours cannot do not add them).

Blogger cond Attribute

The attribute cond is an expression attribute who's found in certain Blogger tags. The attribute is designed to define an execution condition true or false.

Blogger Attribute [COND] Syntax

cond='EXPRESSION'

,

Blogger Operator Intro

In programing language, Operator is a character that tells the compiler or interpreter to perform specific mathematical, relational or logical operation and produce the final result. In short, an operator is a character that represents an action. Blogger has own operator that can be used in Blogger language XML scripting. they are:

Arithmetic Operator

Arithmetic operator is a mathematical function that takes two operands and performs a calculation on them. They are used in common arithmetic that can be used within equations to perform a number of types of sequential calculation. Arithmetic operators in Blogger include: Addition +, subtraction -, multiplication *, division /, and modulo %.

LEARN MORE

Comparison Operator

The Comparison operator is a binary operator that takes two operands whose values are being compared, where the result of the comparison decides whether execution should proceed. They form the key to program flow control, known as conditional processing.  Comparison operators in Blogger language include: Equality operator == or eq, Inequality operator != or neq, Less than relational operator < or lt, Greater than relational operator > or gt, Less than or equal to relational operator <= or lte, Greater than or equal to relational operator >= or gte.

LEARN MORE

Concatenate Operator

Concatenation Also known as string concatenation, in the context of programming, is the operation of joining two strings together. The term"concatenation" literally means to merge two things together. The symbol is plus +. The string "Snow" and "ball" after joining operation is "Snowball".

LEARN MORE

Lambda Operator

The lambda operator => is used in the lambda expression to separate the input variables on the left side from the lambda body on the right side. Lambda expression is an anonymous function that can use to create object or expression tree types. In Blogger, exist 7 Operator to work with a lambda expression, they are any, all, none, filter, first, map and, count].

LEARN MORE

Logical Operator

Logical operators are used in decision-making statements, which determine the path of execution based on the condition specified as a combination of multiple Boolean expressions. They are helpful in generating efficient code by ignoring unnecessary logic and saving execution time, especially in logical expressions where multiple conditional operators are used. Blogger logical operator includes: and aka &&, or aka ||, not aka !.

LEARN MORE

Membership Operator

Membership operator is the operator to define a statement if this object belongs to or present in the operand. Blogger has two membership operator: in and contains

LEARN MORE

Range Operator

The terms range in blogger is a used in an Array. The range operator can descript the upper and lower bound of an array. The operator exists in Blogger are: limit, skip and to, its useful to make a dynamic view of the page that contains multiple posts.

LEARN MORE

ResizeImage Operator

The operator work to automatically resize an image that is hosted within Google. such as, Image that uploaded inside Blogger, Google Photos, Picassa, even Youtube Thumbnail.

LEARN MORE

Snippet Operator

Snippet operator works like a summary. It can make long character shorter based on settings that are set in this operator.

LEARN MORE

Ternary Operator

The ternary operator is an operator that takes three arguments. The first argument is a comparison argument, the second is the result upon a true comparison, and the third is the result upon a false comparison. In short, this operator works as a shortened way of writing a conditional if/else statement.

LEARN MORE

URL Constructor Operator

This operator works like Concatenate operator who joins two string, but this operator is designed to work with an URL when the page is rendered. We can give a parameter, modify a path or even give a fragment (#) to the URL.

LEARN MORE

,

Blogger Arithmetic Operator

An arithmetic operator is a mathematical function that takes numerical values as their operands and return a single numerical value. The Blogger arithmetic operators are addition +, subtraction -, multiplication *, division / and modulo %. Also plus operator + is Concatenate operator that can joint two expression.

Blogger Arithmetic Operator List and Syntax

OperatorMeaningDefault syntax
+Additionnumber + number
-Substractionnumber - number
*Multiplicationnumber * number
/Divisionnumber / number
%Modulonumber % number

The Arithmetic operator always return number as result. When used in Blogger expression, it only work for expression type number, as example data:post.length this is because Arithmetic operation only accept number.

,

Blogger Attribute for HTML Tag

Each Blogger theme has different feature that are defined in the <html> tag. This will make different behavior in the Layout Section tab and in the HTML Editor.

Blogger HTML Attribute List

  • b:layoutsVersion or b:version
  • b:defaultwidgetversion
  • b:css
  • b:js

Define Layouts version

The attributes b:version or b:layoutsVersion define the version of Layouts. The value must be "2" or "3". If one of these attributes is not mentioned, the version number will be "1". Each version has its own characteristics. For example, in the version "3" mobile views option is disabled since is designed to Responsive template which work on both mobile and desktop view.

Define Gadget Version

The attribute b:defaultwidgetversion is used to determine the version of the gadget being used.

There are 2 versions of gadgets: "1" and "2". When gadget version is not mentioned, the version of the gadget is 1. Each version has a default XML code and a different data dictionary that used. Version "1" gadgets works with layouts version "1" and "2", while the version "2" of gadgets only works with layouts version "3".

Example Defining Layout and Widget Version

LAYOUTS AND GADGET VERSION

Layout Version 1 & Widget Version 1

<html>

Layout Version 2 & Gadget Version 1

<html b:version='2'>

Layout Version 3 Gadget Version 2

<html b:layoutsVersion='3' b:defaultwidgetversion='2'>

Disable or Enable Blogger Bundle CSS files

Blogger has default CSS that is automatically loaded if the page is in view. These is list of known default CSS.

  • authorization.css
  • id-css_bundle_version.css

The attribute b:css come to disable or enable CSS bundle. If value set to 'false', the CSS bundle not injected to our Blog. If the attribute is not mentioned its mean value is 'true'.

DISABLE BLOGGER CSS BUNDLE EXAMPLE CODE

<html b:css='false'>

Disable Blogger Default Javascript files

The attribute is b:js used to control the availability of javascript files in the theme. They are two known Javascript added by default in our Blog if page is loaded.

  • inline rearrange widget javascript
  • id-widget.js

Default value is 'true', so if not mentioned in HTML tag, it will loaded automatically. To disable, just type 'true' as value.

DISABLE DEFAULT JAVASCRIPT FILES EXAMPLE CODE

<html b:js='false'>

By disable this Javascript this will also affect to Layout Manager causing its not work as always. So, enable before go to layout manager.

,

Blogger Attribute Intro

Each Blogger tag "b:" can have one or more attribute. These attributes are an additional element to give Blogger Expression. An attribute either modifies the default functionality of an element type or provides functionality to certain element types.

Blogger Expression

Attributes for Blogger Tag are designed to work with Blogger Language, and the value can be:

  • String, written with quotes ( "example" ).
  • Boolean, written without quotes ( true ).
  • Number, written without quotes ( 3725 ).
  • Object of items, written with braces ( { item1: "example", item2: "example" } ).
  • Array of items, written with square brackets ( ["example","example","example"] ).
  • An Blogger data ( data:foo ).
  • An Blogger Expression Operation.

An HTML tag attribute can also be converted to a Blogger Expression attribute by adding the prefix expr: to the attribute [Learn More].

List of Blogger tags Attributes

Attribute nameTags to which it appliesDescription
class<b:section>Class of the tag
cond<b:attr> <b:class> <b:elseif> <b:if> <b:include> <b:section> <b:tag> <b:widget>Condition of execution
data<b:includable> <b:include>Give data as Alias
expr<b:eval>Expression attribute
id<b:includable> <b:section> <b:widget>Give id
index<b:loop>Table index
locked<b:widget>Lock the gadget position
maxwidgets<b:section>The maximum number of gadgets in the section
mobile<b:widget>Allow gadget view on mobile view
name<b:attr> <b:class> <b:include> <b:section> <b:tag>Reference name
<b:param> <b:widget-setting>Reference name
<b:message>Give message or notation
preferred<b:section>Indicating the main section of the blog
render<b:comment>Show in HTML rendering
reverse<b:loop>Reverses the result in the loop
showaddelement<b:section>Allow adding gadget
title<b:widget>Widget title
type<b:defaultmarkup> <b:widget>Type of widget
value<b:attr> <b:case> <b:param>Value for the tag
<b:with>Value of the new container
values<b:loop>Value of the table
var<b:includable> <b:loop> <b:with>Name of the container
<b:switch>Value to be switched
version<b:widget>The version of the widget
visible<b:widget>Allow gadget to be displayed
,

Blogger b:attr Tag

The tag <b:attr> or attribute is an instruction tag for adding an attribute to the parent element.

<b:attr> Syntax and Attribute

BLOGGER XML LANGUAGE

<div>

<b:attr cond='CONDITION'

        name='ATTRIBUTE_NAME'  <!-- expr:name='EXPRESSION' -->

        value='VALUE'/>        <!-- expr:value='EXPRESSION' -->

</div>

  • <b:attr> tags can also be used with prefix expression expr: in the name and value.
  • Overwrite existing attribute. 
  • Can be used multiple time, in the same parent element.
  • If parent tag is singleton or self closing, tag must be replaced by <b:tag>

<b:attr> Example

GIVE ID AND CLASS

<div>

  <b:attr name='id' value='foo'/>

  <b:attr name='class' value='bar'/>

</div>

The new id attribute with the falue foo  will be added to the tag  <div> and attribute class with the value bar as well as the parent in the HTML rendering.

RESULT

<div id='foo' class='bar'>

 

</div>

ADD AN ATTRIBUTE WITH A CONDITION

<div>

  <b:attr cond='data:view.isPost' name='style' value='background: red'/>

</div>

If the current view of page is Post,  new attribute style with background: red as value, will be injected to the parent tag <div> in HTML rendering.

RENDERED

<div style='background: transparent'>

 

</div>

INJECT  MULTIPLE ATTRIBUTES

<a>

  <b:attr name='href' expr:value='data:label.url'/>

  <b:attr name='target' value='_blank'/>

  <span>TITLE</span>

</a>

Other Tag

 

,

Blogger b:class Tag

Like the name, <b:class> is an singleton tag to injecting class attribute to their parent. Almost same as <b:attr> but this one cant overwrite existing parent value.

<b:class>  Syntax and Attribute

BLOGGER XML LANGUAGE

<b:class cond='EXPRESSION'

         name='STRING'/>

 

<b:class cond='EXPRESSION'

         expr:name='EXPRESSION'/>

<b:class> Examples

ADD A CLASS

<p>

  <b:class name='foo'/>

</p>

The new class foo will be added to the parent tag <p> in the HTML rendering.

ADD A CLASS WITH A CONDITION

<div>

  <b:class cond='data:view.isHomepage' name='foo'/>

</div>

The foo class will be added to the parent tag <p> in HTML rendering only if the current page is the homepage.

ADD A CLASS TO AN EXISTING CLASS

<div class='foo'>

  <b:class name='bar'/>

</div>

This example injecting class bar to the parent tag <div> in the HTML rendering. and existing classes in the parent tag are retained.

RESULT

<div class='foo bar'>

 

</div>

INJECTING MULTIPLE CLASSES

<div class='foo'>

  <b:class name='bar'/>

  <b:class name='baz'/>

</div>

The new classes bar and baz will be added to the parent tag <div> in the HTML rendering and Existing classes in the parent tag are untouched.

RESULT

<div class='foo bar baz'>

 

</div>

WITH TERNARY OPERATION

<div>

  <b:class expr:name='data:view.isHomepage ? "foo" : "bar"'/>

</div>

With an expression in ternary operation, like this example, if the current view is Homepage the class foo will be injected to tag <div>, else bar will be chosen.

Other Tag

,

Blogger b:comment Tag

Comment tag <b:comment> is an instruction to add HTML Comment tag into HTML document to be rendered or not. Comment is not rendered or not visible by anyone, unless their view the page source.

<b:comment> Syntax and Attribute.

BLOGGER XML LANGUAGE

<b:comment render='BOOLEAN'>

  TEXT

</b:comment>

Usually used to explain or take a note to the related code block, The render value <b:comment> type is boolean {true or false} by default is 'false'. Our Comment code will be served to the page source only if we give value 'true'. So, we can keep our comment in XML blogger editor without worrying for anyone who sees page source code see it.

<b:comment> Examples

<b:comment render='true'> 

  I'am comment and will present in the Page Source

</b:comment>

RESULT

<!-- I'am comment and will present in the Page Source -->

Other Tag

 

,

Blogger b:eval Tag

The expression evaluation tag <b:eval> is a tag for evaluating the value of an expression. <b:eval> tags can combine or modify data values using an expression then print its value.

<b:eval> Syntax and Attribute

BLOGGER XML LANGUAGE

<b:eval expr='EXPRESSION'/>

The evaluation tag has only one attribute, which is expr:

<b:eval> Example

A CONCATENATE OPERATION

<button class='subscribe-button pill-button'>

    <b:eval expr='data:messages.subscribe + " to " + data:blog.title'/>

</button>

Result will be "Subscribe to BlogTitle"

A TERNARY OPERATION

<b:eval expr='data:view.isHomepage ? data:blog.pageName : data:blog.pageTitle'/>

The result of the expression is one of two defined values.

  • If Homepage: "data:blog.pageName
  • Else: data:blog.pageTitle

CREATING POST SUMMARY

<b:eval expr='data:post.body snippet {length: 250, links: false, linebreaks: false}'/>

Other Tag

 

,

Blogger b:if, b:else and b:elseif Tag

This is the most used tag in Blogger Theming, together <b:if>, and a singleton <b:elseif/> and <b:else/> are a Conditional tag to give a statement which is used to perform different actions based on different conditions.

Syntaxes and Attribute

BLOGGER XML LANGUAGE

<b:if cond='EXPRESSION'>

    <!-- executed if a specified condition is true -->

<b:elseif cond='EXPRESSION2'/>

    <!-- executed if upper condition test is false  -->

<b:else/>

    <!-- executed if all condition is false -->

</b:if>

These tag has only one attribute cond with the value either Boolean, String or Number or Blogger Expression.

Conditional Tags Example

WITH A BLOGGER DATA EXPRESSION

<b:if cond='data:view.isHomepage'>

    <!-- Execute -->

</b:if>

Execute only in Homepage.

WITH A BOOLEAN DATA

<b:if cond='data:blog.pageTitle'>

    <b:if cond='false'>

        <!-- Execute -->

    </b:if>

</b:if>

When Blog has no page title, child span block will be executed.

WITH A COMPARISON OPERATOR

<b:if cond='data:blog.isMobile == "true"'>

    <!-- Execute -->

</b:if>

Test statement if Blog view in Mobile mode, if true span block will be executed.

WITH A LOGICAL OPERATOR

<b:if cond='!data:view.isMobile and data:view.isHomepage or data:view.isSearch'>

    <!-- Execute -->

</b:if>

The current page view data:view will be test with cond data:view.isMobile with operator ! (not), if not mobile mode, it will check to next condition and. If both current page view is Homepage or Search page span block will be executed.

WITH A MEMBERSHIP OPERATOR

<b:if cond='data:view.search.label in ["Foo", "Bar", "Baz"]'>

    <!-- span Block 1 -->

<b:elseif cond='data:view.search.label not in ["Baz", "Qux"]'/>

    <!-- span Block 2 --> 

<b:else/>

 

</b:if>

If current page view is label page, span Block 1 will be executed for label in Foo, Bar and Baz page, in the next statement it will look for Baz and Qux. Since statement only tell not in the label Baz and Qux, span Block 2 will also be executed for label Foo and Bar.

WITH A LAMBDA OPERATOR

<b:if cond='data:posts any (p => p.labels any (l => l.name == "Foo"))'>

    <!-- Execute -->

</b:if>

The span block will be executed only if label match "Foo" in the post.

Other Tag

,

Blogger b:include and b:includable Tag

The <b:include> is statement takes all the text/code/markup that exists in the <b:includable> tags and copies it into the part that calling the include statement.

Blogger Inclusion tag Syntax and Attribute

<B:INCLUDE/>

<b:include cond='EXPRESSION'

           data='DATA-ALIAS'

           name='STRING1'/>

<B:INCLUDABLE>

<b:includable id='STRING1'

              var='STRING'>

   <!-- span Block -->

</b:includable>

  • The tags <b:includable> can only nest in a tag <b:widget> or <b:defaultmarkup>.
  • Tags <b:include/> is statement to calling or to include or to take <b:includable> together, and its singleton.
  • 'DATA-ALIAS' is dataset forwarded to be processed inside tag <b:includable>.
  • Attribute name in <b:include> tag, is a statement that he calls <b:includable> to include content together which id same as name.
  • var in <b:includable> tag its data: name to be used by child <data:.../> as children.

<b:include/> and <b:includable> Example

THE INCLUDABLE

<b:includable id='list'>

        <b:loop values='data:foo' var='item'>

        <li>

            <data:item/>

        </li>

        </b:loop>

</b:includable>

CALLING INCLUDABLE 'LIST' WITH DATA-ALIAS

<ol>

<b:include data='{ foo: ["Qux","Quux"] }' name='list'/>

<b:include data='{ foo: ["Corge","Graul"] }' name='list'/>

<b:include data='{ foo: ["Garply","Waldo"] }' name='list'/>

</ol>

RESULT

    1. Qux

    2. Quux

    3. Corge

    4. Graul

    5. Garply

    6. Waldo

With data-alias we can process multiple data with same format and get same result to avoid repeating typing same code again. The data with foo will be forwarded to <b:includable> tag and processed in <b:loop> tag with variable name item transform into <data:item/>.

THE INCLUDABLE WITH CHILD

<b:includable id='list' var='parent'>

    <b:include data='parent' name='list2'/>

</b:includable>

<b:includable id='list2'>

<b:if cond='data:foo'>

        <b:loop values='data:foo' var='item'>

        <li>

            <data:item/>

        </li>

        </b:loop>

<b:elseif cond='data:bar'/>

        <ol>

        <b:loop values='data:bar' var='item'>

            <li><data:item/></li>

        </b:loop>

        </ol>

</b:if>

</b:includable>

CALLING INCLUDABLE 'LIST' WITH DIFFERENT DATA NAME

<ol>

<b:include data='{ foo: ["Qux","Quux"] }' name='list'/>

<b:include data='{ bar: ["Corge","Graul"] }' name='list'/>

<b:include data='{ foo: ["Garply","Waldo"] }' name='list'/>

</ol>

RESULT

    1. Qux

    2. Quux

        1. Corge

        2. Graul

    3. Garply

    4. Waldo

In this example, data with different name and various string forwarded to <b:includable> with a name 'list' and variable 'parent', transform into group data:parent and gave to next <b:includable> with the name 'list2'. Conditional Statement is there to test which group and process with matching statement.

Server Managed Inclusion

Blogger has default inclusion that we can call to be used in our template. This are inclusions that are stored on the Blogger serverside. Mostly marked with prefix super in the inclusion. Other are The Common Inclusion, this inclusion can be installed anywhere except b:skin. The known inclusion present inside default tempate are:

<b:include name='all-head-content'/>

<b:include name='postMetadataJSON'/>

Other Tag

 

,

Blogger b:loop Tag

A loop is a sequence of instruction s that is continually repeated until a certain condition is reached. Typically, a certain process is done, such as getting an item of data and changing it, and then some condition is checked such as whether a counter has reached a prescribed number. In the Blogger Language , a loop is implemented using the tag <b:loop>. Most commonly used for printing out each post in a list of posts for a given page, or each comment, or each label, etc.

<b:loop> Syntax and Attributes

BLOGGER XML LANGUAGE

<b:loop index='STRING'        

        values='ARRAY'

        var='STRING'

        reverse='BOOLEAN'>

    <!-- Repeat -->

</b:loop>

  • values attribute value can be expression resulting an Array.
  • index with string value will give index number of each result starting from 0.
  • reverse mean to display result from backward.
  • reverse is not necessary. The default is not visible which mean 'false'.

<b:loop> Example

POST ARTICLE

<b:loop index='i' values='data:posts' var='post'>

  <div>

    <h3>

      <b:eval expr='data:i + 1' />. <data:post.title />

    </h3>

    <div>

      <data:post.body />

    </div>

  </div>

</b:loop>

<b:if> 

Index with the name i, transform into data: and got <b:eval> tag, will evaluate with expression expr:'data:i + 1'. This will evaluate starting value 0 + 1.

HTML RENDERED RESULT

1. This is Post Title

WITH STRING

<ul>

<b:loop values='["Bar","Baz","Qux"]' var='foo' >

    <li>

        <data:foo/>

    </li>

</b:loop>

</ul>

The data Bar, Baz, and Qux will be printed as result by calling <data:foo/>

Other Tag

,