Tạo trang riêng cho Blog

Dành cho những bạn có Blog riêng và am hiểu ít nhiều về HTML

Nhiều khi các bạn có nhu cầu chia sẽ một trang trong Blog của mình mà có thể vào trực tiếp và giao diện của trang rất nhẹ nhàng, không mang giao diện Blog của mình nữa mà như một trang trên mạng vậy.
Nôm na trang riêng là một trang mà bài đăng bình thường trên Blog là để lấy link (ta không cần nhập nội dung vào trang này cũng được) còn nội dung của trang mà ta đọc được lại nằm trên Widget (tiện ích) nên nội dung trên Widget phài soạn thảo theo HTML ! Tôi đã làm mấy trang riiêng trên Blog cá nhân của mình để chia sẽ một số tiện ích như :
- Trang Liên hệ.
Các bạn có thể xem Demo
- Bảng tạo code nhúng cho Flash - Bảng thử code
- Bảng thử code-màu
................
Mỗi Blog ta có thể lập cho mình 20 trang riêng. Một số lượng đủ dùng phải không các bạn !
Để tạo một trang riêng cho Blog của mình, các bạn cần làm các bước sau:
- Bước A: tạo 1 trang bài viết để lấy link cho page. 
- Bước B: tạo 1 widget HTML/Javascript, và dán nội dung của trang page sẽ được tạo vào.
- Bước C: tùy chỉnh việc hiển thị bài viết và widgetHTML/Javascript.
Cách làm :
A- Tạo trang riêng để lấy link cho nó
1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn Phần tử trang
4. Chọn Thêm tiện ích
5. Chọn Thêm trang .

NHẤN NÚT ĐỂ XEM VÀ DẤU NỘI DUNG ẨN >>

 Nếu đã tạo trang riêng rồi thì các bạn không cần qua bước này mà vào thẳng mục "Trang" rồi làm như hình :

 

Bây giờ bạn trở vào Blog bạn sẽ thấy Blog của mình sẽ có thêm một số trang mà bạn đã tạo.

Muốn chỉnh sửa hoặc xóa trang đã tạo, các bạn vào mục "Trang" để thực hiện.

   Bước tiếp theo nữa là các bạn đăng bài như bình thường để lấy link. Bài đăng này các bạn thực hiên như đằg bài bình thường nhưng khác ở chỗ là 

- ta không cần nhập nội dung ở khung soạn thảo

- phải chỉnh sử thời gian đăng lại (khoảng 1 năm) với mục dích bài đăng này không xuất hiện được ở trang chủ

  Tiếp đến ta vào bài vừa xuất bản nhấn vào View để lấy link của trang phục vụ cho các bước sau (rất quan trong !!)

Bước B: tạo 1 widget HTML/Javascript, và dán nội dung của trang page sẽ được tạo vào.

Các bạn vào Bố cục rồi làm như các hình dưới

Bước C: tùy chỉnh việc hiển thị bài viết và widget.

 Để cho trang xuất hiện gọn gàng mà khi người khác truy cập vào không nhận ra là trang trong Blog, ta phải ẩn các tiện ích (Widget) mà ta đã trang bị

cho Blog đi cũng như ẩn Tiêu đề Blog, Nhãn... đi,

  Để ẩn các thứ này đi các bạn làm như sau :

- Vào  Mẫu rồi làm như các hình sau

 Để tìm vị trí các chỗ cần thay đổi hay chèn thêm vào Template của Bog các bạn nhấn đồng thời 2 phím CTRL và F nhé rồi gõ từ cần tìm vào nhé

  Sau khi các bạn đã biết thao tác rồi thì hãy chèn thêm các đoạn code sau đây:

  - Chèn đoạn code này TRƯỚC thẻ </head> (thẻ head đóng)

<style type="text/css"> <b:if cond='data:blog.url == &quot;LINK CỦA TRANG ĐÃ TẠO TRƯỚC ĐÓ&quot;'> #Blog1 {display:none;} </b:if> </style>

- Chèn đoạn code này SAU thẻ ]]></b:skin> trong Template (HTML8 là ID_Widget mà ta vừa tạo trước đó)

<b:if cond='data:blog.url == &quot; LINK CỦA TRANG ĐÃ TẠO TRƯỚC ĐÓ &quot;'> <style type='text/css'> #HTML1,HTML12,............<!-- Các ID_Widget cần ẩn, cách nhau bởi dấu, (phẩy)--> {display:none !important;visibility:hidden !important} </style> </b:if>

Muốn biết  ID_Widget các bạn vào "Chỉnh sửa" của Widget đó và làm như hình

Cuối cùng bạn tìm trong Template của Blog đoạn code sau 

<b:widget id='HTML8' locked='false' title='Bang tao code nhung cho Flash' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget>

và thêm vào sau dòng <b:includable id='main'> đoạn code sau đây <b:if cond='data:blog.url == "LINK TRANG CỦA BẠN ĐÃ TẠO Ở BƯỚC TRƯỚC"'> Và sau dòng <b:include name='quickedit'/> thẻ đóng </b:if>)

Sau khi thay ta được như thế này

<b:widget id='HTML8' locked='false' title='Bang tao code nhung cho Flash' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.url == &quot;LINK TRANG CỦA BẠN ĐÃ TẠO Ở BƯỚC TRƯỚC&quot;'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:if> </b:includable> </b:widget>

Sau khi đã thay thế và chèn ta Lưu mẫu lại rồi thoát ra khỏi Blog 

Để xem kết quả ta nhập LINK TRANG CỦA BẠN ĐÃ TẠO Ở BƯỚC TRƯỚC vào thanh địa chỉ của trình duyệt rồi nhấn ENTER để xem kết quả

. Như trường hợp của tôi kết quả như hình dưới