Đặ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

Ẩ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 form liên hệ cho Blog? Làm thế nào? [ Kì 2 ]

Tiếp theo bài viết trước, hôm nay tôi xin giới thiệu một trang Web khác và hướng dẫn cách làm để các bạn chỉ trong 4 bước sau là có thể tạo ra cho mình một Form liên hệ.

Xin giới thiệu với các bạn trang :  Foxyform.com . Hình thức liên lạc ở Web này dễ dàng, miễn phí cho trang web hoặc blog của bạn. Đặc biệt : Các hình thức liên lạc cho website của bạn với bảo vệ chống thư rác tích hợp! 


Hướng dẫn: Hãy nhấp vào đây để truy cập trang Foxyform.com.
Xem ảnh DEMO:

• Chọn hình thức liên hệ với các lĩnh vực của bạn và quyết định họ là bắt buộc hay không.

Xem ảnh:

• Chọn màu sắc, phông chữ, ... cho hình thức liên lạc của bạn và điền địa chỉ Email

Xem ảnh:  

• Cuối cùng hãy kích hoạt email rồi đăng nhập lại trang Foxyform.com . Coppy Code rồi dán vào một trang Liên hệ để hiển thị. Nếu bạn chưa biết cách tạo trang xin xem lại bài đăng trước.

• Form liên hệ của bạn sẽ như sau:

Vậy là xong. 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/tao-form-lien-he-cho-blog-lam-nao-ki-2.html">Tạo form liên hệ cho Blog? Làm thế nào? [ Kì 2 ]</a>

In Bài Đăng

Tạo form liên hệ cho Blog? Làm thế nào?

Nếu các bạn đã từng vào blog của mình chắc hẳn sẽ thấy một Form liên hệ dùng để trao đổi riêng khi có thắc mắc không thể đưa lên tại blog và yêu cầu tài liệu.
Xem Ảnh:

Bạn hãy thử tạo cho mình một Form liên hệ như vậy tại trang Kontactr.com. làm như sau:

1. Đầu tiên bấm vào đây để vào tạo Tài Khoản.

Xem ảnh:

    2. Sau khi Đăng kí hoàn tất vào Mail của bạn để kích hoạt tài khoản tại Kontactr. Coi kĩ Mail vì có thể ở trong thư mục SPAM. Sau khi kích hoạt xong thì bạn hãy vào tài khoản của chính bạn tại Kontactr.com   để đăng nhập vào tài khoản của mình.  Tại đây bạn sẽ thấy CODE dùng để tạo Form liên hệ. Nó có hai dạng là code HTML và code AJAX. Việc chọn Code nào là tùy vào bạn, nhưng mình khuyên bạn nên sử dụng Code HTML để tiện sửa Code (sẽ nói sau).

Xem ảnh

 Còn đây là HTML code:

Bây giờ việc tiếp theo của ban là tạo một trang riêng. Bằng cách xem ảnh sau:

Thế là xong. Giờ chỉ việc bạn dẫn link của trang vừa tạo vào một menu mang tên là Liên hệ hay đại loại tên nào khác cũng được. 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/tao-form-lien-he-cho-blog-lam-nao.html">Tạo form liên hệ cho Blog? Làm thế nào?</a>

In Bài Đăng

Bạn muốn chèn một blog hoặc trang web khác vào bài viết ?

Việc chèn này đôi lúc sẽ làm chậm tốc độ tải blog của bạn. Nhưng bù lại bạn có thể minh họa hoặc để người đọc tận mắt chứng kiến những gì bạn viết ngay trên blog của mình.
Minh họa:

Hướng dẫn:
Bước 1: Vào bảng điều khiển => Đăng bài => Viết bài đăng rồi sau đó chèn code vào sau đó. (Việc chèn code này có thể thực hiện ở mọi nơi trên bài đăng của bạn.
Chú ý về code như sau:

• width="{NUMBER1}"  => Điền chiều dài blog/website

• height="{NUMBER2}" => Điền chiều cao blog/website

• src="{URL}         => Điền địa chỉ blog/website

HTML CODE:

<iframe width="{NUMBER1}" height="{NUMBER2}" src="{URL}"></iframe>




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/ban-muon-chen-mot-blog-hoac-trang-web.html">Bạn muốn chèn một blog hoặc trang web khác vào bài viết ?</a>

In Bài Đăng

Sao lưu ( backup ) toàn bộ dữ liệu trong blogspot.

Có khi nào bạn nghĩ đến việc mình sơ suất nhấp xóa Blog của mình , hay đơn giản bị ai đó đăng nhập được vào Blog và chơi xấu .Vậy tại sao bạn không thực hiện một việc là thường xuyên sao lưu dữ liệu Blog của mình ra.Nhưng làm thế nào? Đừng lo về điều đó, bài viết này sẽ hướng dẫn bạn.Những gì mình làm đều có DEMO cả ! Google Blogger Bản Thử nghiệm đã tích hợp chức năng sao lưu ( backup ) dữ liệu cho blog của bạn.
Đầu tiên xin hãy truy cập vào http://draft.blogger.com

1. Vào Login bảng điều khiển => Cài đặt

Xem hình:

 
     2. Vào xuất blog của bạn.
Xem hình:

     3. Bấm vào Xuất Blog
Xem hình:

Hãy đợi trong giây lát để Google back up dữ liệu cho bạn.Bạn nên làm việc này thường xuyên nếu bạn có số lượng bài đăng lớn và blog của bạn được nhiều người truy cập. Đừng để xảy ra việc gì đối với blog của bạn.

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/sao-luu-backup-toan-bo-du-lieu-trong.html">Sao lưu ( backup ) toàn bộ dữ liệu trong blogspot.</a>

In Bài Đăng