Hướng dẫn tạo khung view code cho blogspot đẹp và chuyên nghiệp

Hôm nay ngồi làm cái khung view code cho share123.vn nhân tiện share luôn cách làm cho những bạn cần dùng đến view code, hướng dẫn thủ thuật blog hoặc mục đích gì đó,
Demo:

Hưỡng dẫn:
Bước 1: chèn đoạn code sau vào trước ]]></b:skin>

pre, code {
  display:block;
  font: 1em 'Courier New', Fixed, monospace;
  font-size : 100%;
  color: #666666;
  background : #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3GUdnWCC2wqXsLvACAjPztyUTvXPX_2FYUQVNpFz2w5PRh8o3wlEwAKoFxs2R6b7kTi5XaTNXOrnLHWdfeNlfY2TMxG84pzZ_3-VcfcC3ccsh680bzsJr63FLxb0DP1f2mAE78KTdpzU/s1600/viewcode.jpg) no-repeat left top;
  overflow : auto;
  text-align:left;
  border : 1px solid #99cc66;
  padding : 0px 20px 0 30px;
  margin:1em 0 1em 0;
  line-height:17px;
}
Bước 2: Khi đăng bài thì các bạn chuyển sang chế độ HTML và chèn code giống bên dưới là được
<code>

Code mà bạn muốn hiển thị

</code>
Chúc các bạn thành công

Nguồn: Share123.vn