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 Tutorial](https://i.ytimg.com/vi/4I-b6tIg52w/default.jpg)
![How to Write a Blog Post From Start to Finish | Neil Patel](https://i.ytimg.com/vi/Q8rN3JKqUc8/default.jpg)
![10 Online Jobs That Pay $15/hr or More (for Students in 2022)](https://i.ytimg.com/vi/EufU0UW6NAA/default.jpg)
![How to Easily Verify Your WordPress Site on Pinterest](https://i.ytimg.com/vi/uj16S4rk3PA/default.jpg)
![How to Create Videobites and Share Your Podcast](https://i.ytimg.com/vi/UeP3OejkGqE/default.jpg)
![How to Create a Custom Call Out Style in Word to Avoid Floating Text Boxes](https://i.ytimg.com/vi/qdNRf9BGSVc/default.jpg)
![Watch me edit a podcast in less than 15 minutes // step-by-step ADVANCED editing w/ Hindenburg](https://i.ytimg.com/vi/MK4S_37JZGQ/default.jpg)
![Blog section for website design - Html 5 and css 3 || complete website design](https://i.ytimg.com/vi/OmPcpjyWA38/default.jpg)
![I used Jasper.ai to write a blog post in 10 MINUTES (1,000+ words)](https://i.ytimg.com/vi/veerZc9zCiE/default.jpg)
![A tour of my new NOTION dashboard // (productivity, biz, and life)](https://i.ytimg.com/vi/r91byB5xhbE/default.jpg)
![JavaScript - How To Add Edit Remove Selected Table Row From Input Text In Javascript [ with code ]](https://i.ytimg.com/vi/KnKMGCSPj3Y/default.jpg)
![Add Image Header on Blogger. How to Add Custom Blogger Header. Free Web Design Tutorial](https://i.ytimg.com/vi/rlnjKKrMxQ0/default.jpg)
![Cloudways Hosting REVIEW // Are they any good? Pros and Cons...](https://i.ytimg.com/vi/4kXkwSU4vkw/default.jpg)
![Landing Page Tutorial: How to create a professional landing page on Blogger [Totally For FREE 2022]](https://i.ytimg.com/vi/ZNzj3Ish8eA/default.jpg)
![Build a professionnal ecommerce website in blogger](https://i.ytimg.com/vi/G3YY13Msln8/default.jpg)
![Lucky WP Table of Contents Implementation With Elementor Blog Post Template in Wordpress](https://i.ytimg.com/vi/SpuXFjhxQ2w/default.jpg)
![Podia Demo: How to Embed Digital Products on Wordpress Using Podia Courses and WP Hooks](https://i.ytimg.com/vi/8_eqGah26ds/default.jpg)
![How To Put Your Podcast On YouTube (3 easy strategies)](https://i.ytimg.com/vi/EsWAH5iTQA8/default.jpg)
![Build Anything with Pods! Hands-on Workshop on Using the Pods Framework](https://i.ytimg.com/vi/U6co02SeMVA/default.jpg)
![I built a new passive income funnel in a day](https://i.ytimg.com/vi/VryLTCU1AIY/default.jpg)