Thứ Năm, 9 tháng 6, 2011

TẠO MODULE CỘT HIỂN THỊ CÁC BÀI VIẾT CŨ


Photobucket

Blogspot cho phép cho chúng ta tạo các thư mục để có thể lưu các bài viết theo chủ đề để lưu bài viết của mình .Nhung mấy khi bạn bè và khách tham quan chịu khó mò vào thư mục đó để tìm một bài viết mà mình đang tìm Đúng hok nào???

Chính vì vậy bài viết này sẽ hướng dẫn các bạn tạo cho mình một module hiển thị các bài đã cũ lên trang chủ để khách tham quan dễ đọc hơn naz nếu bạn thich làm quick menu có thể xem bài nài nhá
Và bây giờ là cáh làm naz Cũng đơn giản thui naz . quan trọng là bạn bít tý Về Html là oke
B1: mở trình soạn thảo văn bản nào đó có sẵn trong máy tính của bạn lên như Microsoft Office Word chẳng hạn hoặc khung soạn thảo của entry và đánh đoạn mã này lên đầu
Dang 1;Dạng Này Cho Module Phụ (Dạng chỉ có một cột)
 Gõ code này lên đầu

<DIV id=tabl1> 
<TABLE
height=20
cellSpacing=0 cellPadding=4 width=150 align=center border=0>

<TBODY>
<TR>
<TD id=td1 vAlign=top align=left width=150 background="link nền cho module" height=20>
---Bắt đầu gõ nội dung bằng code sau :
<span><img src="link hình (Icom) 
trứoc tiêu đề bài viết
"
border="0"></span><span><font face="Times New Roman"
color="#000000" size="2"><a href="link liên
kết đếnbài viết
" target="_blank">tiêu đề
bài viết
</a></font></span><span><br></span>
 ---Đoạn code này khi làm xong là ta đã có một bài viết rùi đấy, 
Muốn thêm bài nữa thì bạn lại copy thêm và dán tiếp sau nó nhá 
Và cuối cùng kết thúc bằng thẻ :
</TD></TR></TBODY></TABLE></DIV>
Phần 2: Tạo Module chính giữa gồm hai cột :
Chèn code sau lên đầu
<DIV id=tabl1>
<TABLE height=20 cellSpacing=0 cellPadding=4 width=500 align=center border=0>
<TBODY>
<TR>
<TD id=td1 vAlign=top align=left width=250 background="link nền cho cột một" height=20>
bắt đầu gõ nội dung cho một bài viết ở cột một : 
<span><img src="link hình 
trước tiêu đề bài viết
" border="0"></span>
<span><font face="Arial" color="#000000" size="2"><a
href="link liên kết đến bài viết"
target="_blank">bài viết</a></font></span>
<span><br></span>
Muốn chèn thêm bài viết bạn lại copy code này và lại dán tiếp sau .
Kết thúc cột một chuyển sang cột hai bằng thẻ;  </td>
<TD id=td1 vAlign=top 
align=left width=250
background="link nền cho cột hai"
height=20> Và bắt đầu gõ nội dung cho một bài viết bằng code :
<span><img
src="link hình trước tiêu đề bài
viết
"
border="0"></span> <span><font face="Arial"
color="#000000" size="2"><a href="link liên kết đến tiêu đề bài
viết
" target="_blank">Tiêu
đề bài viết 1
</a></font></span>
<span><br></span>
Muốn chèn thêm bài viết bạn lại copy code này và lại dán tiếp sau nó 
Và cuối cùng là kết thúc bằng code sau
</TD></TR></TBODY></TABLE></DIV>
Mẹo nhỏ: Khi làm xong bạn có thể vào phần viết blog,tích vào Ô HTML bên dưới khung soạn thảo , bỏ đoạn mã vừa mới làm xong vào rồi lại bỏ dấu tích HTML ra ,Nó hiện ra Nội dung hiện thị cho bạn .Lúc này bạn có thể chỉnh sửa lại màu liên kết,cỡ chữ,,kiểu đậm ngiêng.........ChỉnhXong rồi mới lại kích vô Ô HTMl để lấy code chèn vào module tự tạo nhé .Chúc các bạn thành công



Photobucket

5 nhận xét:

  1. ban cho minh hoi sao bn lam cho blog rong ra hai ben dc day??? thank trc. bn tra loi wa yahoo nha.
    utboy_2000: nick cua minh

    Trả lờiXóa
  2. Bạn vào THIẾT KẾ -> CHỈNH SỬA HTML -> Sau đó bạn tìm đoạn code bên dưới phần như sau:
    /* Outer-Wrapper----------------------------------------------- */
    Bạn chú ý các mục sau:
    #outer-wrapper{width:1000px;.....
    điều chỉnh bề ngang của blog
    #main-wrapper{width:520px;..........
    Điều chỉnh bề ngang của bài viết

    Trả lờiXóa
  3. ban oi cho minh hoi, lam sao minh co the tao ra duoc nhieu muc nhu ban: home, xem online, xem tivi,...
    nick cua minh la: loveshe_ngoton@yahoo.com

    Trả lờiXóa
  4. ban cho minh hoi nua ve bai nay. ban noi: "mở trình soạn thảo văn bản nào đó có sẵn trong máy tính của bạn lên như Microsoft Office Word chẳng hạn hoặc khung soạn thảo của entry và đánh đoạn mã này lên đầu ". thế entry là gì vậy?
    lần đầu tiên mình lam nên chẳng biết nữa, mong bạn chỉ cho minh, thanks!

    Trả lờiXóa
  5. Emtry là từ mình dùng trong blog360 của Yahoo thôi nó chính là bài viết của bạn đó, bạn có thể tạo danh sách này trên các bài viết (Emtry) hoặc các module (là các mẫu HTML/JavarScrip mà bạn tạo trong phần Thiết Kế)- Nếu làm quyên bạn có thể thực hiện trực tiếp trên các bài viết hoặc khung HTML/JavarScrip nhưng theo mình bạn nên chỉnh sửa trên Microsoft Office Word hoặc Notepad trước sau đó mới Pate vào đó

    Trả lờiXóa