Drop Caps
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Guide - Access your blog Posts > click Edit on any of your posts or add a new post. then switch to HTML area of the post editor and add the below coding at the very first letter.
This a Text Normal : Ultra Fast is a Responsive Blogger Premium Template, With tons of features and fully Customizble, Powerfull Admin Panel and more...
This a Text Bold : Ultra Fast is a Responsive Blogger Premium Template, With tons of features and fully Customizble, Powerfull Admin Panel and more...
This a Text Italic : Ultra Fast is a Responsive Blogger Premium Template, With tons of features and fully Customizble, Powerfull Admin Panel and more...
This a Text Underline : Ultra Fast is a Responsive Blogger Premium Template, With tons of features and fully Customizble, Powerfull Admin Panel and more...
This a Text Strikethrough :Ultra Fast is a Responsive Blogger Premium Template, With tons of features and fully Customizble, Powerfull Admin Panel and more...
This a Colored Text : Ultra Fast is a Responsive Blogger Premium Template, With tons of features and fully Customizble, Powerfull Admin Panel and more...
This a Colored Background Text : Ultra Fast is a Responsive Blogger Premium Template, With tons of features and fully Customizble, Powerfull Admin Panel and more...
This a Text Small
This a Text Normal
This a Text Large
This a Text Largest
Guide - Access your blog Posts > click Edit on any of your posts or add a new post. then select any text you want to customize and click on the options available above your post editor. check below image for preference.
There are mainly 9 options which you can use to create awesome looking typography.
Guide - Access your blog Posts > click Edit on any of your posts or add a new post. then switch to HTML area of the post editor and add the below coding at the very first letter.
<span class="firstcharacter">L</span>
Typography
This Is a Title Heading
This Is a Title Heading
This Is a Title Heading
This a Quote : Ultra Fast is a Responsive Blogger Premium Template, With tons of features and fully Customizble, Powerfull Admin Panel and more...
This a Text Normal : Ultra Fast is a Responsive Blogger Premium Template, With tons of features and fully Customizble, Powerfull Admin Panel and more...
This a Text Bold : Ultra Fast is a Responsive Blogger Premium Template, With tons of features and fully Customizble, Powerfull Admin Panel and more...
This a Text Italic : Ultra Fast is a Responsive Blogger Premium Template, With tons of features and fully Customizble, Powerfull Admin Panel and more...
This a Text Underline : Ultra Fast is a Responsive Blogger Premium Template, With tons of features and fully Customizble, Powerfull Admin Panel and more...
This a Colored Text : Ultra Fast is a Responsive Blogger Premium Template, With tons of features and fully Customizble, Powerfull Admin Panel and more...
This a Colored Background Text : Ultra Fast is a Responsive Blogger Premium Template, With tons of features and fully Customizble, Powerfull Admin Panel and more...
This a Text Small
This a Text Normal
This a Text Large
This a Text Largest
Guide - Access your blog Posts > click Edit on any of your posts or add a new post. then select any text you want to customize and click on the options available above your post editor. check below image for preference.
There are mainly 9 options which you can use to create awesome looking typography.
- Text Size
- Text Heading Style
- Bold
- Italic
- Underline
- Strikethrough
- Text color
- Text Highlighter
- Link
Tables
| First Name | Last Name | Hero Title |
|---|---|---|
| Bruce | Wayne | Batman |
| Peter | Parker | Spiderman |
| Bruce | Banner | The Hulk |
| Clark | Kent | Superman |
Guide - Access your blog Posts > click Edit on any of your posts or add a new post. then switch to HTML area of the post editor and add the below coding anywhere you want to make the table appear.
<div class="post-table">
<table>
<thead>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Hero Title</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="First Name">Bruce</td>
<td data-label="Last Name">Wayne</td>
<td data-label="Hero Title">Batman</td>
</tr>
<tr>
<td data-label="First Name">Peter</td>
<td data-label="Last Name">Parker</td>
<td data-label="Hero Title">Spiderman</td>
</tr>
<tr>
<td data-label="First Name">Bruce</td>
<td data-label="Last Name">Banner</td>
<td data-label="Hero Title">The Hulk</td>
</tr>
<tr>
<td data-label="First Name">Clark</td>
<td data-label="Last Name">Kent</td>
<td data-label="Hero Title">Superman</td>
</tr>
</tbody>
</table>
</div>
Buttons
Guide - Access your blog Posts > click Edit on any of your posts or add a new post. then switch to HTML area of the post editor and add the below coding anywhere you want to make the table appear.
- Simple Buttons
<div class="small-button">
<a class="button small" href="https://www.blogger.com">Button Small</a>
<a class="button medium" href="https://www.blogger.com">Button Medium</a>
<a class="button large" href="https://www.blogger.com">Button Large</a>
</div>
- Buttons with Icons
<div class="small-button">
<a class="button small demo" href="https://www.blogger.com">Demo Button</a>
<a class="button medium demo" href="https://www.blogger.com">Demo Button</a>
<a class="button large demo" href="https://www.blogger.com">Demo Button</a>
<br>
<div class="clear">
</div>
<a class="button small download" href="https://www.blogger.com">Download Button</a>
<a class="button medium download" href="https://www.blogger.com">Download Button</a>
<a class="button large download" href="https://www.blogger.com">Download Button</a>
<br>
<div class="clear">
</div>
<a class="button small buy" href="https://www.blogger.com">Buy Now Button</a>
<a class="button medium buy" href="https://www.blogger.com">Buy Now Button</a>
<a class="button large buy" href="https://www.blogger.com">Buy Now Button</a>
<br>
<div class="clear">
</div>
<a class="button small visit" href="https://www.blogger.com">Visit a Link Button</a>
<a class="button medium visit" href="https://www.blogger.com">Visit a Link Button</a>
<a class="button large visit" href="https://www.blogger.com">Visit a Link Button</a>
</div>
Alert Boxes
Guide - Access your blog Posts > click Edit on any of your posts or add a new post. then switch to HTML area of the post editor and add the below coding anywhere you want to make the boxes appear.
<div class="alert-message success">
<i class="fa fa-check-circle"></i> success message You successfully read this important message.</div>
<div class="alert-message alert">
<i class="fa fa-info-circle"></i> Alert message This alert needs your attention.</div>
<div class="alert-message warning">
<i class="fa fa-exclamation-triangle"></i> Warning message Warning! Best check yo self.</div>
<div class="alert-message error">
<i class="fa fa-exclamation-circle"></i> Error message Oh snap! Change a few things up</div>
</div>
Code Box
<This is a custom code box>
Guide - Access your blog Posts > click Edit on any of your posts or add a new post. then switch to HTML area of the post editor and add the below coding anywhere you want to make the code box appear.
<pre>
Add your code here
</pre>
0 Comments