How to create a black console background in your blog

advertisement logo

 

Hi there,

Recently, one of the blog readers asked me about how do I create a black console background to illustrate command-line in some of my posts (ie : 1, 2 , 3)

You just need to include these line, just after the tag in your blog template.


save your template, and republish your blog in it’s entirely (if you’re using blogger).

To use the black console background, you just need to put <div class=”terminal”> and </div> in between of your desired text. For example :

Linux 2.6.17 - login #

will produce

Linux 2.6.17 – login #

That’s all, happy hacking !


Share this post

Keep updated with the latest posts, be a part of over 1,000 subscribers! : email iconSubscribe to your email

2 smashing comments for this post.

  1. sQew Said:

    papit apsal aku letak kat blogspot aku x jadi pun

  2. Tweety22 Said:

    It is not working man, can u plz tell me why?

Leave a Comment

Subscribe by email

Enter your Email