How to Add "Call out" Boxes to Your Blog Posts (Easy HTML and CSS)
Here's a super easy way to add "call out" sections within your blog content.
Here's the CSS from the video:
.NAMETHIS {
border-left: 8px solid #00CBCC;
margin: 0 0 25px;
overflow: hidden;
padding: 20px;
background-color: #76FFFF;
}
Notes: Feel free to change the NAMETHIS to whatever you'll remember. I use .boxed
Here's the "wrapper" you'll use within your text editor:
IMPORTANT NOTE: YouTube won't allow me to put angle brackets here in this description, so you'll have to go back to the video and type those out! Sorry.
For more blogging goodness-- https://doyouevenblog.com
For info on making money via a blog -https://doyouevenblog.com/how-to-monetize-a-blog
Ciao bloggers!
Видео How to Add "Call out" Boxes to Your Blog Posts (Easy HTML and CSS) канала Pete McPherson DYEB
Here's the CSS from the video:
.NAMETHIS {
border-left: 8px solid #00CBCC;
margin: 0 0 25px;
overflow: hidden;
padding: 20px;
background-color: #76FFFF;
}
Notes: Feel free to change the NAMETHIS to whatever you'll remember. I use .boxed
Here's the "wrapper" you'll use within your text editor:
IMPORTANT NOTE: YouTube won't allow me to put angle brackets here in this description, so you'll have to go back to the video and type those out! Sorry.
For more blogging goodness-- https://doyouevenblog.com
For info on making money via a blog -https://doyouevenblog.com/how-to-monetize-a-blog
Ciao bloggers!
Видео How to Add "Call out" Boxes to Your Blog Posts (Easy HTML and CSS) канала Pete McPherson DYEB
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
How To Create a Responsive Blog Post Card | HTML and CSS TutorialHow to Write a Blog Post From Start to Finish | Neil Patel10 Online Jobs That Pay $15/hr or More (for Students in 2022)How to Easily Verify Your WordPress Site on PinterestHow to Create Videobites and Share Your PodcastHow to Create a Custom Call Out Style in Word to Avoid Floating Text BoxesWatch me edit a podcast in less than 15 minutes // step-by-step ADVANCED editing w/ HindenburgBlog section for website design - Html 5 and css 3 || complete website designI used Jasper.ai to write a blog post in 10 MINUTES (1,000+ words)A tour of my new NOTION dashboard // (productivity, biz, and life)JavaScript - How To Add Edit Remove Selected Table Row From Input Text In Javascript [ with code ]Add Image Header on Blogger. How to Add Custom Blogger Header. Free Web Design TutorialCloudways Hosting REVIEW // Are they any good? Pros and Cons...Landing Page Tutorial: How to create a professional landing page on Blogger [Totally For FREE 2022]Build a professionnal ecommerce website in bloggerLucky WP Table of Contents Implementation With Elementor Blog Post Template in WordpressPodia Demo: How to Embed Digital Products on Wordpress Using Podia Courses and WP HooksHow To Put Your Podcast On YouTube (3 easy strategies)Build Anything with Pods! Hands-on Workshop on Using the Pods FrameworkI built a new passive income funnel in a day