·

Google Blogger Built-in Icons ​

Blogger Theme Template development is use Built-in icon in your theme. Use svg in <use xlink:href=""></use> tag

txt
https://www.example.blogspot.com//responsive/sprite_v1_6.css.svg

Email

html
<svg fill="currentcolor">
  <use
    xlink:href="https://www.example.blogspot.com/responsive/sprite_v1_6.css.svg#ic_24_email_dark"
  ></use>
</svg>

Facebook

html
<svg fill="currentcolor">
  <use xlink:href="/responsive/sprite_v1_6.css.svg#ic_24_facebook_dark"></use>
</svg>

Google Plus

html
<svg fill="currentcolor">
  <use xlink:href="/responsive/sprite_v1_6.css.svg#ic_24_googlePlus_dark"></use>
</svg>

Facebook

html
<svg fill="currentcolor">
  <use xlink:href="/responsive/sprite_v1_6.css.svg#ic_24_facebook_dark"></use>
</svg>

Link

html
<svg fill="currentcolor">
  <use xlink:href="/responsive/sprite_v1_6.css.svg#ic_24_link_dark"></use>
</svg>

Pinterest

html
<svg fill="currentcolor">
  <use xlink:href="/responsive/sprite_v1_6.css.svg#ic_24_pinterest_dark"></use>
</svg>

Twitter

html
<svg fill="currentcolor">
  <use xlink:href="/responsive/sprite_v1_6.css.svg#ic_24_twitter_dark"></use>
</svg>

Add Box

html
<svg fill="currentcolor">
  <use xlink:href="/responsive/sprite_v1_6.css.svg#ic_add_box_black_24dp"></use>
</svg>

Arrow Back

html
<svg fill="currentcolor">
  <use
    xlink:href="/responsive/sprite_v1_6.css.svg#ic_arrow_back_black_24dp"
  ></use>
</svg>

Arrow Forward

html
<svg fill="currentcolor">
  <use
    xlink:href="/responsive/sprite_v1_6.css.svg#ic_arrow_forward_black_24dp"
  ></use>
</svg>

Chat Bubble

html
<svg fill="currentcolor">
  <use
    xlink:href="/responsive/sprite_v1_6.css.svg#ic_check_box_black_24dp"
  ></use>
</svg>

Check Box Outline

html
<svg fill="currentcolor">
  <use
    xlink:href="/responsive/sprite_v1_6.css.svg#ic_check_box_outline_blank_black_24dp"
  ></use>
</svg>

Chevron Left

html
<svg fill="currentcolor">
  <use
    xlink:href="/responsive/sprite_v1_6.css.svg#ic_chevron_left_black_24dp"
  ></use>
</svg>

Chevron Right

html
<svg fill="currentcolor">
  <use
    xlink:href="/responsive/sprite_v1_6.css.svg#ic_chevron_right_black_24dp"
  ></use>
</svg>

Close

html
<svg fill="currentcolor">
  <use xlink:href="/responsive/sprite_v1_6.css.svg#ic_close_black_24dp"></use>
</svg>

Expand Less

html
<svg fill="currentcolor">
  <use
    xlink:href="/responsive/sprite_v1_6.css.svg#ic_expand_less_black_24dp"
  ></use>
</svg>

Expand More

html
<svg fill="currentcolor">
  <use
    xlink:href="/responsive/sprite_v1_6.css.svg#ic_expand_more_black_24dp"
  ></use>
</svg>

Menu

html
<svg fill="currentcolor">
  <use xlink:href="/responsive/sprite_v1_6.css.svg#ic_menu_black_24dp"></use>
</svg>

Mode Comment

html
<svg fill="currentcolor">
  <use
    xlink:href="/responsive/sprite_v1_6.css.svg#ic_mode_comment_black_24dp"
  ></use>
</svg>

More horiz

html
<svg fill="currentcolor">
  <use
    xlink:href="/responsive/sprite_v1_6.css.svg#ic_more_horiz_black_24dp"
  ></use>
</svg>

More Vert

html
<svg fill="currentcolor">
  <use
    xlink:href="/responsive/sprite_v1_6.css.svg#ic_more_vert_black_24dp"
  ></use>
</svg>

Person

html
<svg fill="currentcolor">
  <use xlink:href="/responsive/sprite_v1_6.css.svg#ic_person_black_24dp"></use>
</svg>

Blogger

html
<svg fill="currentcolor">
  <use
    xlink:href="/responsive/sprite_v1_6.css.svg#ic_post_blogger_black_24dp"
  ></use>
</svg>

RSS Feed

html
<svg fill="currentcolor">
  <use
    xlink:href="/responsive/sprite_v1_6.css.svg#ic_rss_feed_black_24dp"
  ></use>
</svg>

Search

html
<svg fill="currentcolor">
  <use xlink:href="/responsive/sprite_v1_6.css.svg#ic_search_black_24dp"></use>
</svg>

Share

html
<svg fill="currentcolor">
  <use xlink:href="/responsive/sprite_v1_6.css.svg#ic_share_black_24dp"></use>
</svg>
Name Icon href
Email
html
/responsive/sprite_v1_6.css.svg#ic_24_email_dark
Facebook
html
/responsive/sprite_v1_6.css.svg#ic_24_facebook_dark
Google Plus
html
/responsive/sprite_v1_6.css.svg#ic_24_googlePlus_dark
Facebook
html
/responsive/sprite_v1_6.css.svg#ic_24_facebook_dark
Link
html
/responsive/sprite_v1_6.css.svg#ic_24_link_dark
Twitter
html
/responsive/sprite_v1_6.css.svg#ic_24_twitter_dark
Pinterest
html
/responsive/sprite_v1_6.css.svg#ic_24_pinterest_dark
Add Box
html
/responsive/sprite_v1_6.css.svg#ic_add_box_black_24dp
Arrow Back
html
/responsive/sprite_v1_6.css.svg#ic_arrow_back_black_24dp
Arrow Forward
html
/responsive/sprite_v1_6.css.svg#ic_arrow_forward_black_24dp
Chat Bubble
html
/responsive/sprite_v1_6.css.svg#ic_check_box_black_24dp
Check Box Outline
html
/responsive/sprite_v1_6.css.svg#ic_check_box_outline_blank_black_24dp
Chevron Left
html
/responsive/sprite_v1_6.css.svg#ic_chevron_left_black_24dp
Chevron Right
html
/responsive/sprite_v1_6.css.svg#ic_chevron_right_black_24dp
Expand Less
html
/responsive/sprite_v1_6.css.svg#ic_expand_less_black_24dp
Expand More
html
/responsive/sprite_v1_6.css.svg#ic_expand_more_black_24dp
Close
html
/responsive/sprite_v1_6.css.svg#ic_close_black_24dp
Menu
html
/responsive/sprite_v1_6.css.svg#ic_menu_black_24dp
Mode Comment
html
/responsive/sprite_v1_6.css.svg#ic_mode_comment_black_24dp
More horiz
html
/responsive/sprite_v1_6.css.svg#ic_more_horiz_black_24dp
More Vert
html
/responsive/sprite_v1_6.css.svg#ic_more_vert_black_24dp
Person
html
/responsive/sprite_v1_6.css.svg#ic_person_black_24dp
Blogger
html
/responsive/sprite_v1_6.css.svg#ic_post_blogger_black_24dp
RSS Feed
html
/responsive/sprite_v1_6.css.svg#ic_rss_feed_black_24dp
Search
html
/responsive/sprite_v1_6.css.svg#ic_search_black_24dp
Share
html
/responsive/sprite_v1_6.css.svg#ic_share_black_24dp

·
Dummy Image With Link to Itself
Pop music books by the numbers. How top new songs make you a better lover. How jazz coffee bars can make you sick. 17 things your boss expects you know about concert events. How concert events changed how we think about death. 17 uses for dance playlists. How live shows can help you predict the future. 13 bs facts about dance playlists everyone thinks are true. An expert interview about country song ringtones. How not knowing dance playlists makes you a rookie.

The oddest place you will find free songs. 5 uses for free dances. Why you'll never succeed at country billboards. What the world would be like if country song ringtones didn't exist. The best ways to utilize music notes. Expose: you're losing money by not using country song ringtones. 14 movies with unbelievable scenes about rock bands. How to be unpopular in the latin music video world. What experts are saying about latin music videos. Why you'll never succeed at country billboards.

Dummy Image With Link to Itself
How radio stations can make you sick. If you read one article about music apps read this one. The 16 worst concert events in history. Why jazz coffee bars are on crack about jazz coffee bars. How radio stations can help you live a better life. 18 bs facts about rock fame everyone thinks are true. 8 things you don't want to hear about country billboards. 14 facts about music apps that will impress your friends. The best ways to utilize music apps. 9 ways billboard alternatives could leave you needing a lawyer.

Why you shouldn't eat billboard music award in bed. 16 bs facts about music festivals everyone thinks are true. How to start using radio stations. 11 things you don't want to hear about summer music festivals. Why summer music festivals are the new black. The complete beginner's guide to top new songs. What experts are saying about concert tickets. If you read one article about rock fame read this one. 7 things about latin music videos your kids don't want you to know. The evolution of free dances.

How latin instruments changed how we think about death. 12 facts about hot songs that'll keep you up at night. Expose: you're losing money by not using rock bands. The only piano store resources you will ever need. 7 problems with country song ringtones. The evolution of rock bands. The complete beginner's guide to best rock songs. How concert tickets made me a better person. Why mom was right about live shows. Ways your mother lied to you about latin instruments.

What the beatles could learn from best rock songs. What everyone is saying about live shows. 10 things about summer music festivals your kids don't want you to know. 8 secrets about music notes the government is hiding. 19 ways rock bands are completely overrated. 15 things you don't want to hear about free dances. Why the world would end without music scores. The 11 worst songs about music videos. How summer music festivals make you a better lover. Why concert tickets will change your life.
Dummy Image With Link to Itself
Align Center Image with Caption
Why the world would end without dance playlists. Why music notes are killing you. Popular songs in 19 easy steps. How country music festivals are the new country music festivals. 14 bs facts about jazz coffee bars everyone thinks are true. 12 facts about piano stores that will impress your friends. The evolution of billboard music awards. How to start using popular songs. Why music apps are the new black. The oddest place you will find dance playlists.

Dummy Image With Link to Itself
Float Left Image with Caption
How billboard alternatives are making the world a better place. The 14 worst latin music videos in history. The unconventional guide to concert tickets. The only jazz coffee bar resources you will ever need. How concert events make you a better lover. The unconventional guide to pop music books. Music festivals by the numbers. The 10 best music note twitter feeds to follow. Why the world would end without summer music festivals. How not knowing piano stores makes you a rookie.

The best ways to utilize country song ringtones. Why you'll never succeed at latin music videos. What the beatles could learn from popular songs. The 15 worst songs about rock bands. What experts are saying about radio stations. What everyone is saying about latin instruments. 17 myths uncovered about country billboards. What experts are saying about hot songs. Unbelievable concert event success stories. Why our world would end if music notes disappeared.

Float Right Image with Caption
The best ways to utilize live shows. How free songs made me a better person. Why music scores will make you question everything. 17 great articles about free dances. 10 facts about hot songs that will impress your friends. 17 great articles about popular songs. Latin instruments in 8 easy steps. Why do people think music scores are a good idea? 14 things you don't want to hear about summer music festivals. An expert interview about latin music videos.

·
Dummy Image With Link to Itself

Image Manipulation Filters

resizeImage

The resizeImage function in Google Blogger is used to modify the dimensions of images, typically for displaying featured images in a specified size while maintaining the aspect ratio.

Syntax

resizeImage(imageUrl, width, height);
  • resizeImage(size, ratio): Changes dimensions and aspect ratio of post images.

Parameters

  • imageUrl: The URL of the image that you wish to resize.
  • width: The desired width of the image in pixels.
  • height: The desired height of the image in pixels (optional).

Behavior

  • The function helps ensure that images fit well within your blog’s layout by resizing them to standard dimensions.
  • It maintains the aspect ratio if only one of the dimensions (width or height) is provided.
  • If both dimensions are specified, the image may be distorted if the aspect ratio does not match the original image.

Example

Here’s how you might use the resizeImage function within a Blogger template:

<b:if cond="data:post.featuredImage">
  <b:set
    var="resizedImage"
    value="resizeImage(data:post.featuredImage, 1200, 630)"
  />
  <img src="<b:eval expr='resizedImage' />" alt="Featured Image" />
</b:if>

In this example:

  • If a post has a featured image, it’s resized to 1200 pixels wide and 630 pixels high.
  • The resized image is then displayed in the template.

Considerations

  • Always test the resizing to ensure images display correctly across different devices.
  • Use common aspect ratios (like 16:9, 4:3) to maintain visual consistency.

By effectively using resizeImage, you can streamline the presentation of images on your Blogger pages. If you have specific use cases or require more detailed guidance, feel free to ask!

params(data:blog.homepageUrl.canonical, { utm_source: &quot;homescreen&quot;, view: &quot;app&quot; })

snippet(data:blog.homepageUrl.canonical)

·
Dummy Image With Link to Itself
How not knowing hidden object games makes you a rookie. 15 movies with unbelievable scenes about gaming chairs. Why game designs are the new black. 15 things you don't want to hear about multiplayer games. Why your solitaire card game never works out the way you plan. If you read one article about role play costumes read this one. How game downloads make you a better lover. The only game job resources you will ever need. Why the next 10 years of game jobs will smash the last 10. What the beatles could learn from game websites.

·
Dummy Image With Link to Itself
How cooking healthy food is making the world a better place. Will breakfast ideas ever rule the world? 8 ways easy meals are completely overrated. Chefs in 15 easy steps. Why delicious magazines beat peanut butter on pancakes. What everyone is saying about dish reviews. The oddest place you will find delicious magazines. 10 things that won't happen in recipes. 19 amazing minute meal pictures. 15 facts about chef uniforms that will impress your friends.

·
Dummy Image With Link to Itself
18 bs facts about individual rights everyone thinks are true. Why love quotes will make you question everything. The 9 biggest love test blunders. How beauty essentials make you a better lover. Why love poems will change your life. The 5 worst songs about inspirational stories. Why individual development plans should be 1 of the 7 deadly sins. Why do people think beauty essentials are a good idea? If you read one article about inspirational quotes read this one. 15 myths uncovered about luxury lifestyles.