How to add Dummy Text in Blogger

Please wait 0 seconds...

Scroll Down and click on Go to Link for destination

Congrats! Link is Generated

Hello! Welcome to Tecky AaryaN.

You are looking for How to add Dummy Text in Blogger then this post is just for you.

You can see the demo here⤵

View Demo

Dummy Text in Blogger

Step 1: Go to Blogger Dashboard.

Step 2: On Blogger Dashboard, click Theme.

Step 3: & Open Edit HTML.

Step 4: Now search for ]]></b:skin> and paste the following CSS just above it.

/* Dummy Text Style 1 */
.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}

Step 5: Now Click on Save Button.

Step 6: Now create a New post or edit a existing post to add this dummy text Html Code.

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

Step 7: Now click on save if you followed all steps.

Conclusion

I hope you have successfully added Dummy Text. If you are facing any problem in any section or you have any question then ask us in the comment box.

Tecky AaryaN

Go to Link