How to Create Dummy Text Content in Blogger

How to create Dummy Text With CSS Only?

DetRo

July 12, 2023

---

Dummy Text (bloggerxw.blogspot.com)

Dummy Text Content on Blogger - What is dummy text content? In graphic design dummy text is often used as a temporary sample text in a design layout.

Well, in the world of blogs it's the same, dummy text can be used to display font samples, generate text for testing or sample writing content on blogs.

Blogs with tutorial content for HTML, CSS and Javascript or Widgets are certainly no strangers to Dummy Text. Provides Demo widget with dummy text. Then how do you make it?

How to Make Dummy Text with CSS on Blogger

Info Dummy text content usually contains Lorem Ipsum text or sentences . But in this post how to add Dummy Text using CSS on Blogger.

Enter page blogger.com
Next Click Themes > Edit HTML
Search code ]]></b:skin>
Continue Copy then Paste the following code right above it

/* Dummy Text */

  .dummy-text{display:block}

  .dummy-text i{display:block;height:16px;margin-bottom:8px;background:#f2f1f7;border-radius:2px;}

  .dummy-text i.img{margin:0 auto;max-width:85%;height:180px;border-radius:10px}

  .dummy-header{position:relative;background:#fff;border-radius:6px;padding:15px 15px;box-shadow:0 2px 4px 0 rgba(0,0,0,.05)}

  .dummy-header .flex{display:flex;display:-webkit-flex}

  .dummy-header .flex i{width:60px;margin:0 10px 0 0}

  .dummy-header .flex i:last-child{margin:0}

5. If so, save it

How to Apply Dummy Text in Blogger Posts or Pages

Enter page blogger.com
Create a new post or page
Change to HTML view
Then Copy and Paste the following HTML code


/* Dummy Text Blogger */

  <p class="dummy-text">

    <i style="margin-left: 10%;"></i>

    <i></i>

    <i></i>

    <i></i>

    <i></i>

    <i style="width: 30%;"></i>

  </p>

5. Save it!

Reference:
https://inputtekno.com/

Blogger