How to add Dummy text in Blogger by Jirale

Please wait 0 seconds...

Scroll Down and click on Go to Link for destination

Congrats! Link is Generated

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 :)

PREVIEW

Go to Link

CONCLUSION

In this article, I shared with you How to add Dummy text in Blogger by Jirale. I hope you have liked It. Please do share it with your friends and follow our blog for more.

If you face any problems in Demo, Download or have any questions so feel free to ask me in comments section or join our Telegram Channel to get the lastest posts updates daily.

Our All Posts Are Protected By DMCA. So Don't Try To Copy Our Posts And Reproduction In Any Way Is Strictly Prohibited! Or else Legal Actions Will Be Taken.