Buy Jirale Officially! Contact Us Buy Now!

How to add Dummy text in Blogger by Jirale

Today we explained how to add dummy text to a Blogger blog. This addition was designed with HTML or CSS code and it does not affect the page loading s

 



Hello and welcome everyone again to Jirale or Niadzgn blog. Today we explained how to add dummy text to your Blogger blog. This addition saves you from writing dummy text manually, and all you have to do is paste the code on the page.


Add dummy text to Blogger

How to add dummy text to a Blogger blog. This add-on was designed with HTML or CSS code and does not affect the page loading speed.

If you want to add dummy text to your Blogger post, just follow the below steps.


NB! 

There are two forms of performance and you must choose your preferred form.


The first form

.dummy-text{display:block}
.dummy-text i{display:block;height:16px;margin-bottom:8px;background:#a9a8ac;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}


To display this performance in your posts, copy the code below and paste it on the page while creating the post.


<p class="dummy-text">
  <i style="margin-left: 10%;"></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i style="width: 30%;"></i>
</p>

<p class="dummy-text">
  <i style="margin-left: 10%;"></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i style="width: 30%;"></i>
</p>


The second form


  .dummyText i{display:block;background-color:rgba(0,0,0,.05);margin-bottom:10px;height:1.5em}
  .dummyText i.img{height:auto;min-height:200px;margin:2rem 10%}


To display this performance in your posts, copy the code below and paste it on the page while creating the post.


<p class="dummyText">

<i style="margin-left: 10%;"></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i style="width: 30%;"></i>
</p>
<p class="dummyText">
  <i style="margin-left: 10%;"></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i style="width: 30%;"></i>
</p>


Our topic on “ How to add dummy text to Blogger ” ends here, and we will meet on a new topic on Jirale Or Niadzgn blog. May you always be safe :)






  • About the Author

    I am a web designer and developer. Sharing knowledge is my passion and web designing is my interest but it is not bigger than my interest in Islam.

    Post a Comment

    • A-
    • A+

    © web.Jirale.com. All rights reserved.

    Cookie Consent
    We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
    Oops!
    It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
    Site is Blocked
    Sorry! This site is not available in your country.