BẠN CẦN CHÈN CODE VÀO BÀI VIẾT HOẶC COMMENT?

Để chèn code vào bài viết hoặc comment, Vnblogspot xin giới thiệu với các bạn tiện ích Code Escape. Vnblogspot rất thích dùng tiện ích này vì chỉ cần copy và paste. Thật đẹp, thật tiện lợi mà lại rất nhàn!

1. Thêm CSS

Nếu bạn chỉ muốn chèn code vào comment thì không cần đọc phần này.
Còn nếu muốn chèn code vào bài viết thì cần thêm một ít CSS để code đẹp hơn. Đối với Blogspot thì bạn mở trình soạn thảo template và tìm đoạn mã sau:

]]></b:skin>

Xong bạn chèn đoạn mã dưới đây lên trên đoạn vừa tìm được:

pre {
color:#281800;
font-family:Courier New;
font-size:13px;
line-height:17px;
background-image:URL(https://lh4.googleusercontent.com/_kck7-TEWM-M/TWtvurFWTlI/AAAAAAAAAlM/qNLb07OebIw/code_tag_bg.jpg);
display: block; 
padding-left: 4px;
padding-right: 4px;
border: 1px #FC0 dashed;
overflow:auto;
word-wrap:break-word;
}

2. Sử dụng Code Escape

Mỗi khi bạn cần chèn code, hãy copy toàn bộ đoạn code đó dán vào khung dưới đây. Rồi bấm "CONVERT".

Copy đoạn mã trong khung dưới đây để chèn vào bài viết
Hoặc copy đoạn dưới đây để chèn vào commment.

3. Xem trước

/*** SOCIAL MEDIA LINKS ***/

.social-media{
position: fixed;
top:220px;
right:0;
z-index:4;
overflow: hidden;
width: 180px;
}

.social-media li{margin: 5px 0 5px 148px;}

.social-media a{
display:block;
width: 200px;
background: #fff;
-moz-box-shadow:0px 0px 4px #f7d654;
-webkit-box-shadow:0px 0px 4px #f7d654;
box-shadow:0px 0px 4px #f7d654;
border: 1px solid #fff;
padding: 5px 10px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 5px;
font-size: 110%;
background: #f2b428;
background:#f2b428 url(http://www.traselcristal.es/wp-content/themes/atom/i/t-tl.png) no-repeat left top;
color: #fff;
}

.social-media a:first-letter{
font-size: 150%;
font-weight: bold;
margin-right: 5px;
}

.social-media .twitter a{
background-color:#9AE4E8;
-moz-box-shadow:0px 0px 4px #9AE4E8;
-webkit-box-shadow:0px 0px 4px #9AE4E8;
box-shadow:0px 0px 4px #9AE4E8;
}

.social-media .facebook a{
background-color:#3b5998;
-moz-box-shadow:0px 0px 4px #3b5998;
-webkit-box-shadow:0px 0px 4px #3b5998;
box-shadow:0px 0px 4px #3b5998;
}

.social-media .flickr a{
background-color:#fe0093;
-moz-box-shadow:0px 0px 4px #fe0093;
-webkit-box-shadow:0px 0px 4px #fe0093;
box-shadow:0px 0px 4px #fe0093;
}

.social-media .myspace a{
background-color:#0d366d;
-moz-box-shadow:0px 0px 4px #0d366d;
-webkit-box-shadow:0px 0px 4px #0d366d;
box-shadow:0px 0px 4px #0d366d;
}

vnblogspot