Notifications
No new notifications.
Home Typography

Popular UI All Style (Typography, Elements, Gallery, etc)

Popular UI All Style (Typography, Elements, Gallery, etc) Sufian Tips, Engineer Abusufian
MD Abu Sufian
MD Abu Sufian
---
Popular UI All Style (Typography, Elements, Gallery, etc)
Popular UI All Style (Typography, Elements, Gallery, etc)

 

Table of Content

Classic Syntax Highlighter

You can add class to display what kind of code it is.
.post-body pre {
  background-color: #333;
  border-left: 5px solid #009688;
  padding: 0;
  margin: .5em auto;
}

<html>
  <head>
    <title>Populer UI</title>
  </head>
  <body>
    ....
    ....
  </body>
</html>

If you click on the below code here button, you will get the code for creating 'Classic Syntax Highlighter'
Code Here



Button

1) Fill











Also Read: Popular UI Blogger Template Table of Content

2) Outline










3) Rounded










If you click on the below code here button, you will get the code for creating 'Button'
Code Here


Note Box

This feature serves to add important info, warning sentences or highlight sentences, there are two styles that you can try including :
Info A simple info alert—check it out!
Warning A simple warning alert—check it out!
Success A simple success alert—check it out!
Error A simple error alert—check it out!

If you click on the below code here button, you will get the code for creating 'Note Box'
Code Here


Also Read: Popular UI Blogger Template Safelink Page

Blockquote

1) Default

This powerful blockquote by Winston Churchill reminds us that success and failure are not permanent states but rather fleeting moments in our journey. Success should not lead to complacency, and failure should not discourage us from trying again..

2) With Author

The true measure of our character lies in our ability to persevere, to pick ourselves up after setbacks, and to keep moving forward with courage and determination. It is through this relentless pursuit of our goals that we pave the way to lasting accomplishments and personal growth.
@MD Abu Sufian

If you click on the below code here button, you will get the code for creating 'Blockquote'
Code Here



Accordion

Hide or reveal contents. Very common in FAQ (Frequently Asked Question) section.

Collapse 1 - Click Me!
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.
Collapse 2 - Click Me!
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.
Collapse 3 - Click Me!
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.

If you click on the below code here button, you will get the code for creating 'Accordion'
Code Here


Also Read: How to use Table

Dropcaps

APopular UI blogger theme refers to a specific type of blog design and layout that focuses on topics related to popular user interface (UI) trends, techniques, and examples. This theme is tailored to showcase and discuss UI designs that are currently popular and widely used in various industries.


If you click on the below code here button, you will get the code for creating 'Dropcaps'
Code Here



Table


No. Name Gender City Hobbies
1 Sufian Man Dhaka Create a Blogger template design
2 No data. No data. No data. No data.
3 No data. No data. No data. No data.
4 No data. No data. No data. No data.
5 No data. No data. No data. No data.

If you click on the below code here button, you will get the code for creating 'Table'
Code Here



YouTube

Lazy load YouTube video will make your pages lighter.

If you click on the below code here button, you will get the code for creating 'YouTube video'
Code Here


Also Read: How to use the Classic Syntax Highlighter
If you want to report some bugs, you can write it in the comment section of the Report a bug page and if you want to request a new feature or give feedback, please write it in the comment section of the request and feedback page.
Typography
MD Abu Sufian
MD Abu Sufian
Content Creator | Developer | Student
Join the conversation (2)
2 comments
  1. Randy
    November 11, 2023 at 5:00 AM
    Profile
    Randy
    Randy
    Said: Link don't Work
    View profile
    Link don't Work
    Reply
    Reply