Search & Find

Sponsor Post

Best Telegram Groups List Collection - Updated

Saturday, 12 December 2015

How to Insert Code Block in Blogger Post with Pictures

Hello friends, welcome to the Techtspot Blogger tutorial today I will show you how to insert add Code Block or Copy Area in Blogger post with pictures.
Insert Code Block in Blogger Post with Pictures

Here we create a area for copy the some contents or codes for visitors, Internet have lot of website and blogs, so some of website and blogs are provide some content for highlight and for there visitor then they can use this Code Block.

These are Following Steps:-


Step 1: Go to Blogger Theme and click Customize button.
How To Add Code Box To Blogger Blog 1
Step 2: Click Advanced and click Add CSS then Paste the Code in the White Box and click Save button or Apply to Blog.
How To Add Code Box To Blogger Blog 2
Step 3: Go to your Posts link and click Edit post then click HTML button in a top of post then find out your Code which you share it to the users and type.
How To Add Code Box To Blogger Blog 3
<div class=”code”>
here is your all code
</div>
Step 4: Go to your Blogger Blog.


Click Here For Code Block Code

How to Insert Code Block in Blogger Post



Read More:- 
How to Change Favicon in Blogger
How to Upload Files For Download in Blogger
How to Backup Blogger Theme
How to Add Social Media Buttons to Blogger

I hope you enjoy this Post. If any problem comment it.

23 comments:

  1. this is cool post thanks

    ReplyDelete
  2. Amazing post and video bro u r superb

    ReplyDelete
  3. thanks sooooooo much. it's esy and it works!

    ReplyDelete
  4. Thanks man, you are great!

    ReplyDelete
  5. Wow. great tricks. Thanks for Helping
    I have many more.

    ReplyDelete
  6. Good your post
    http://www.dollar-guru.com/2018/03/How-to-Make-Faucet-Website.html?m=1

    ReplyDelete
  7. Sir When I Past My Code and check so there is no codding its how website view its mean my code will run

    ReplyDelete
    Replies
    1. hi there
      you check the code is working on site. if code not work again paste and apply on you site.

      Delete
    2. Same problem on my website not working this code

      Delete
    3. Please send me your website name and mostly this code proper work on blogger blog :)

      thanks

      Delete
  8. nice code bro keep it up all post are nice follow my blog to learn php and wordpress www.gajabwap.blogspot.in

    ReplyDelete
  9. Thank you for this tutorial on adding code box to blogger. It's working for me. I prefer non-scroll option for code box. Keep blogging!

    ReplyDelete
  10. Hey thanks for sharing. I have something interesting for you just click on it! Affizoo.blogspot.com

    ReplyDelete
  11. Great Article on Blog design Css And Html Tutorials and Premium Blogger Themes Free Download Blog Name :- TheForyou
    Blog Url :- https://www.theforyou.xyz/

    ReplyDelete