Huong dan thay doi giao dien cho blog violet

LỜI NÓI ĐẦU

Blog là công cụ hữu ích giúp các cư dân mạng chia sẻ các thông tin, đối với một cư dân mạng không thể không sở hữu một vài blog trên các trang khác nhau. Bạn cũng như tôi đều muốn có một blog để có thể chia sẻ những hiểu biết của mình đối với bạn bè, thông qua blog để giao lưu học hỏi thu thập nhiều kiến thức: Xã hội, Kinh tế, Chính trị, Công nghệ thông tin, …
Có rất nhiều trang web cho phép các thành viên tạo blog miễn phí, nhưng là một giáo viên có lẽ tạo blog trên Violet là gần gũi và dễ dàng thực hiện nhất, hơn nữa nó đáp ứng được nhu cầu giao lưu học hỏi các kinh nghiệm trong soạn giáo án, và thiết kế bài giảng. Nói như vậy thì bạn hãy cùng tôi cùng bắt tay thiết kế một blog cho riêng mình nhé. Trước hết các bạn hãy tạo cho mình một tài khoản trong Violet.vn, sau đó trong thông tin cá nhân bạn hoàn thành đầy đủ và chính xác, và cuối cùng là nhờ người xác thực. Sau khi thông tin được xác thực, bạn truy cập vào trang Violet.vn và chọn chức năng “Tạo trang riêng”. Và bạn bắt đầu từ một giao diện mặc định của blog do trang chủ cung cấp, cũng từ đó bạn sẽ có rất nhiều việc phải làm để blog của bạn thêm phong phú về nội dung, bắt mắt về hình thức, … Với vốn kinh nghiệm ít ỏi (Từ 9/2010( 12/2010) học được từ việc suy luận, mày mò thông qua các hướng dẫn sơ bộ trên nhiều trang khác nhau. Tôi xin phép được mạo muội hướng dẫn các bạn cách tạo giao diện đặc trưng chỉ có ở blog của mình, mang phong cách của bạn …

I. CÔNG VIỆC CHUẨN BỊ:
1) Bạn cần có 3 tài khoản cần thiết (miễn phí):
+ Tài khoản gửi dữ liệu (mọi dữ liệu): Tạo miễn phí trên trang www.mediafire.com
+ Tài khoản gửi dữ liệu ảnh: Tạo miễn phí trên trang www.photobucket.com
+ Tài khoản Hosting: Tạo miễn phí trên trang www.webng.com hoặc www.110MB.com hoặc www.opendriver.com
2) Bạn cần có 4 công cụ tạo hiệu ứng cho blog:
Các công cụ này bạn có thể tải về theo đường link trong mục “Giới thiệu phần mềm” trên blog: Violet.vn/dangquocthu.
+ Phần mềm chỉnh sửa ảnh: PhotoShop 7.0 (Phù hợp với máy cấu hình thấp)
+ Phần mềm tạo ảnh động xuất file cực nét: Easy GIF Animator
+ Phần mềm tạo các swf quảng cáo, banner tích hợp menu: Sothink SWF Quicker
+ Phần mềm tạo banner, .. : Aleo Flash Intro Banner Maker
II. BẮT TAY VÀO THỰC HIỆN:
Trước hết bạn tạo ra 1 file có định dạng css bằng cách: Click Start góc trái màn hình ( Chọn AllProgram ( Acsicess ( Note Pad
Trong trình soạn thảo của Note Pad bạn chèn đoạn code sau:

/*Design By: Dang Quoc Thu
Phone: 0982.843.718
Email: [email protected]*/

h2{font-size:16px}
#posts{width:100%;overflow-x:hidden;}
#posts li{
padding-bottom:10px;
height:auto !important;
height:124px;
min-height:124px;
background:#FFFurl(Đường dẫn ảnh nền liên kết bài giảng tư liệu) top left no-repeat;
}
#smallposts li{
padding-bottom:10px;
height:auto !important;
height:54px;min-height:54px;
background:#fff url(Đường dẫn ảnh nền bài giảng tư liệu) top left no-repeat;
}
.title{font-size:13px;font-weight:bold;margin:0;text-transform:uppercase;overflow:hidden;}
.title a:link,
.title a:visited{color:#000000;}
.by{font-size:10px;margin:0 0 2px 0;color:#00CC00;text-transform:uppercase;}
.txt,
.blue{color:#00CC00;}
.txt{font-style:italic;font-size:12px;padding-left:170px;}
.pic{float:left;margin:7px 18px 7px 7px;}
#smallposts .pic{margin:5px 18px 7px 5px;}
.pos1{clear:both;}
#letters{line-height:2;padding-bottom:2px;}
.size1{font-size:10px;}
.size2{font-size:12px;}
.size3{font-size:15px;}
.size4{font-size:17px;}
.