Translate

Hướng dẫn cách Hiển thị những đoạn mã code trong bài viết

Hướng Dẫn nhúng code sau vào template của Blogger để có thể hiển thị những code trong bài đăng mà không bị lỗi.
Chỉ cần nhúng một lần thôi là có thể sư dụng vĩnh viễn. (Backup theme trước)

CÁCH NHÚNG VÀO THEME
1 Log in sau đó vào Theme
2 Vào Edit HTML
Để trỏ chuột đầu trang và gọi ô tìm kiếm lên bằng cách đánh Ctrl F. Ô tìm kím hiện ra dán thẻ ]]></b:skin> và tìm
3 Thêm đoạn code này vào phía trước nó:
Copy tất cả các code được viết sẵn phía dưới và Past vào trước ]]></b:skin>
4 lưu template lại là hoàn thành.

.code {
border-radius:15px 0;
max-height:200px;
min-height:30px;
margin : 10px;
padding : 10px;
clear : both;
list-style-type : none;
overflow:auto;
color:#FFF;
text-shadow: 0 -1px 1px #0d3474;
border:none;
background: #3675da;
background: -moz-linear-gradient(top, #4986e8, #76b8fc 95%, #4986e8);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4986e8), color-stop(.9, #76b8fc), to(#4986e8));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4986e8', EndColorStr='#76b8fc'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4986e8', EndColorStr='#76b8fc')"; /* IE8 only */
box-shadow: inset 0px 2px 5px #1c4c7d, 0 1px 0px #c9d5e8;
-webkit-box-shadow: inset 0px 2px 5px #1c4c7d, 0 1px 0px #c9d5e8;
-moz-box-shadow: inset 0px 2px 5px #1c4c7d, 0 1px 0px #c9d5e8;}


Xem thêm hướng dẫn cách ĐĂNG BÀI VIẾT CÓ HIỂN THỊ CODE

No comments: