PLEASE INTERFACE LANGUAGES :
English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Thứ Năm, 7 tháng 2, 2013

Số lượt xem bài này:

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 riê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 một trang trong số đó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à widget HTML/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.
<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


Bạn tìm trng Teplate của Blog đoạn code sau (HTML8 là ID_Widget của trang vừa tạo) 
<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 != &quot;&quot;'> <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 CỦA TRANG ĐÃ TẠO 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









 

Được đăng bởi :
Thể loại

Đăng nhận xét

1- Nhận xét chỉ nên liên quan đến bài đăng, phải có tính chất xây dựng và có văn hóa !
2- Để chèn biểu tượng cảm xúc vào nhận xét, các bạn nhập các ký hiệu bên dưới của hình vào phần viết nhận xét.
3- Việc nhập tài khoản Google của bạn và nhập 2 từ xác minh trước lúc gửi nhận xét là bắt buộc !
4- Các bạn có thể chèn Video trên Youtube hay ảnh bằng cách dán link của video (trên thanh địa chỉ) hay link ảnh trực tiếp ở khung soạn thảo nhận xét !
5-Các bạn có thể post code trong nhận xét nhưng phải mã hóa code trước ! Để mã hóa code các bạn vào đây