Thursday , 25 May 2017

TUTORIAL: How to Add Code Snippet to Posts in Blogger

CodeSnippetSometimes it is necessary to add code in our posts which should look different from simple text so that users can easily understand the difference between programming code and the text/instructions in your posts. Adding a code snippet is not difficult in Blogger all you need is to add few lines of code to your Blogger template and its done. One of the main purposes of adding a code snippet to posts is to give users the ability to understand quickly from your articles.

How to Add CSS of Code Snippet to Blogger Template

As mentioned above it is very easy to add a code snippet to Blogger, so read and follow the steps below and if you have any questions just comment on this post.

1. Go to Blogger > Template > Edit HTML > Proceed.

2. Now press Ctrl+f to search for:

]]></b:skin>

3. Right above it paste the following code:

/* Start - Code Snippet for Blogger Provided by www.ExtremeTechBlog.com */
.code {
background: grey;
border: solid black;
border-width: 10px 10px 10px 10px;
font: 13px 'Courier New', Courier, monospace;
line-height: 16px;
margin: 10px 0 10px 10px;
overflow: auto;
padding: 10px 10px 10px; width: 90%;
color: white;
}
/* End - Code Snippet for Blogger Provided by www.ExtremeTechBlog.com */
  • Change grey to any color for background color in code snippet.
  • Change solid black to any color of your choice for border color.
  • Change 10px 10px 10px 10px to any size for top, right, bottom and left borders’ width.
  • Change white to any color for text color in code snippet.

4. Now after adding this code just click on Save template.

How to Show Code Snippet in Posts

Whenever you write any post or article just click on the HTML button in the top left corner then add the following div tag around any code you write in the post.

<div class='code'>
Your code should be pasted here in this div tag.
</div>
Add Code Snippet to Posts in Blogger

Need Any Help?

If you have any problems in adding code into the Blogger template or any other problems just share them below.

Leave a Reply

http://topaintandrestore.com/fzo-116611/ Regularly consume beets, carrots, artichokes, dandelion greens, onions, and garlic, as these foods stimulate liver detoxification. Please see our terms of use. http://mknet.es/rql-119669/ Please see our terms of use. This is called a laparoscopy. cardones.com.ar/grj-118724/ Polyvinyl alcohol particles were mixed with contrast material and saline and injected into each uterine artery until either parenchyma filling of the fibroids had stopped (target embolization) or the main uterine artery was blocked with stasis of contrast material (selective embolization). http://rasaduri-cox.ro/commentator/diamater.php?qbu=115422 Hydrotherapy for uterine fibroids hydrotherapy directed at the lower abdomen can stimulate blood circulation, which delivers nutrients and other beneficial substances to the cells and cleans away waste products. Fibroids in the womb or uterine fibroids generally show no symptoms but some women have symptoms of persistent dull ache in the pelvis and abdominal area. viagra reviews side effects This allows us to avoid embolising the cervical branches and any other arteries we want to keep. http://httonline.it/swarosky/sexvillla.php?zlr=119034 Jpg alt text for main image:nbsp sleep for sex homepage slider thumb (102x65):nbsp alt text for thumbnail image:nbsp sleep for sex publish on date:nbsp thursday, august 23, 2012 - 10:49am sex. What causes fibroid tumors? While it is not clearly known what causes fibroids, it is believed that each tumor develops from an aberrant muscle cell in the uterus, which multiplies rapidly because of the influence of estrogen. pavimentosalcazar.com/wcu-115390/ A youtube original channel. This may be because women who have their ovaries have fewer hip fractures and are less likely to get heart disease. http://mudanzaalgemesi.com/zml-115077/ Angiographic transcatheter embolization in gynaecological practice. pills that are like viagra