Đặt CODE trong khung khi bài viết giới thiệu code ?

Bạn viết blog thường có kèm theo code HTML để giới thiệu. Bạn muốn bài đăng của mình được đẹp hơn trong mắt người đọc.
Xem demo:

Vậy thì hôm nay tôi xin hướng các bạn cách làm đó. Hãy làm theo các bước sau:
B1: Login vào bảng điều khiển -> Thiết kế -> Sửa HTML.
B2: Nhấn CTRL + F để tìm dòng sau: ]]></b:skin> , sau đó hãy thêm đoạn code dưới ngay trên dòng vừa tìm được.

.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://i888.photobucket.com/albums/ac87/luanbony/khothuthuat-3.jpg) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}

Vậy là bạn đã chỉnh sửa HTML thành công rồi ! Bây giờ khi viết bài đăng, hãy dùng code sau chèn vào bài viết và dán code cần hiển thị vào giữa. Chúc thành công !

<div class="codeview">
Đặt code vào tại đây
</div>

Nếu đây là bài viết hữu ích, xin vui lòng coppy code dưới để liên kết tới trang này từ trang web hoặc blog của bạn

<a href="http://khothuthuat.blogspot.com/2010/09/at-bai-viet-co-kem-theo-code-vao-khung.html">Đặt CODE trong khung khi bài viết giới thiệu code ?</a>

In Bài Đăng

Thay đổi hình đại diện (Favicon) cho site?

Làm sao để thay đổi ICON mà Blog đã có sẵn ? Làm sao để có một icon riêng cho mình ở thanh địa chỉ trình duyệt? Các bạn hãy nhìn lên thanh địa chỉ trình duyệt mỗi một website/blog sẽ thấy có một icon đại diện cho web/blog  đó.Ở blog tôi cũng vậy, tôi đã thay thế icon của blogspot bằng một icon riêng cho mình.Đó là một lá cờ Việt Nam như đã thấy. Bài viết sau tôi xin hướng dẫn các bạn thay đổi icon mặc định của blog.

Bước 1: Login vào bảng điều khiển -> Thiết kế -> Chỉnh sửa HTML.
Bước 2: Kéo xuống nhấn trên bàn phím CTRL + F để tìm dòng sau: </head>
Sau khi tìm được, hãy chèn đoạn CODE sau vào ngay sau dòng </head> đó. Nhớ thay icon của bạn vào URL HÌNH ẢNH ICON CỦA BẠN

<link href='URL HÌNH ẢNH ICON CỦA BẠN' rel='shortcut icon' type='image/vnd.microsoft.icon'/> <link href='URL HÌNH ẢNH ICON CỦA BẠN' rel='icon'/>

 Chúc thành công!

Nếu đây là bài viết hữu ích, xin vui lòng coppy code dưới để liên kết tới trang này từ trang web hoặc blog của bạn

<a href="http://khothuthuat.blogspot.com/2010/09/thay-oi-hinh-ai-dien-favicon-cho-site.html">Thay đổi hình đại diện (Favicon) cho site?</a>

In Bài Đăng

Ẩn hiện bài đăng ?

Bước 1: Đăng nhập vào Blog => Thiết kế => Chỉnh sửa HTML.
Bước 2: Chèn đoạn CODE sau vào ngay trước thẻ </head>.

<style type="text/css">
.commenthidden {display:none}
.commentshown {display:inline}
</style>
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>

Bước 3. Save HTML vừa chỉnh sửa lại.
Khi nào muốn sử dụng, hãy dùng đoạn code sau trong bài viết.Chúc thành công.

<a href="javascript:togglecomments('ID-Name')">Click để Ẩn/Hiện nội dung</a><br />
<div class="commenthidden" id="ID-Name">Nội dung</div>

Nếu đây là bài viết hữu ích, xin vui lòng coppy code dưới để liên kết tới trang này từ trang web hoặc blog của bạn

<a href="http://khothuthuat.blogspot.com/2010/09/buoc-1-ang-nhap-vao-blog-thiet-ke-chinh.html">Ẩn hiện bài đăng ?</a>

In Bài Đăng

Tạo chữ bay vòng vòng quanh trỏ chuột !

Xem Mẫu: Sau khi DOWN CODE bên dưới về,giải nén rồi mở bằng Trình Duyệt FiFox
Thay dòng chữ cần chạy ở: "Đoạn text bạn muốn nó chạy quanh trỏ chuột"

Nếu đây là bài viết hữu ích, xin vui lòng coppy code dưới để liên kết tới trang này từ trang web hoặc blog của bạn

<a href="http://khothuthuat.blogspot.com/2010/09/tao-chu-bay-vong-vong-quanh-tro-chuot.html">Tạo chữ bay vòng vòng quanh trỏ chuột !</a>

In Bài Đăng