Thứ Sáu, 16 tháng 3, 2012

Những bước đầu về Blogspot Phần 1

        Trong bài viết này , mình chỉ nói sơ qua về một số đối tượng Blogspot để các bạn mới bắt đầu tham khảo . Nếu có điều gì chưa đúng hay sai về lý thuyết mong các bạn góp ý dùm .

1. Section ?
   Thứ mình biết được đầu tiên trong BlogSpot chia làm các khối lớn
, Các khối này nằm trong thẻ <section>, các khối này chứa các widget, HTML hay các tiện ích bạn thêm vào . Trong một trang bạn có thể chia làm nhiều <section> . Không cứ bắt buộc theo template chuẩn nào là chỉ có header , main , sibar đâu . các bạn có thể tùy biến thêm các section của mình .


Lưu ý : section mình nói trên phải đặt trong thẻ đóng mở như bên dưới :

<b:section {thuộc tính}></b:section.>

    Nó là thẻ bắt buộc trong một template , nếu không có một thẻ này thì Blogspot sẽ báo lỗi .
     Và các thành phần cấu tạo nên Blogspot cũng sẽ phải nằm trong thẻ đóng , mở <b:></b:> . Các bạn nên nhớ điều này cho kỹ nghe .
Tạo một <section> như sau :

<b:section id='{tên id}' class='{tên class}' 

maxwidgets="{số lượng}" 
showaddelement="{yes, no}">
</b:section>

Giải thích thuộc tính như sau :
id: Là tên duy nhất đặt cho setion.
claass: dùng để code CSS cho section.
maxwidget: Số lượng widget có thể nằm trong .
showaddelement: Có cho phép thêm phần tử vào section không .

        Ngoài ra còn có thêm thuộc tính growth: định dạng kiểu dáng section "horizontal","vertical"(nằm , đứng). Nhưng mình nghĩ chả cần dùng đến , vì bo CSS rồi . Thuộc tính id là bắt buộc , các thuộc tính còn lại có hay không cũng được .


2. Widget ?
        Bạn có thể hiểu nôm na là một phần tử con của Section
Tạo một widget :

<b:widget id="{tên id}" type='{loại}' 

locked="{yes,no}" title="{Tên Widget}"/>

Giải thích thuộc tính như sau:
id: Trường thuộc tính duy nhất và bắt buộc, BlogSpot thường dựa vào id để lưu lại cấu hình về CSS, cũng như data của nó. Mỗi khi bạn restore hay thay thế template mới, các dữ liệu sẽ tự động đẩy vào các widget trống.
type: Bao gồm các dạng sau : BlogArchive, Blog, Feed, Header, HTML, SingleImage, LinkList, List, Logo, BlogProfile, Navbar, VideoBar, NewsBar, ListView... Trong đó HTML được chúng ta sử dụng nhiều .
locked: Được phép duy chuyển hay không ở trong phần tử trang .
title: Tên widget.

Ngoài ra còn một số thuộc tính:
pageType: (cho phép hiển thị ở trang nào) : Giá trị: all, archive, main, item ->phần này dành cho phân trang , các bạn không cần dùng đến if để kiểm tra pageType nữa.
mobile: (cho phép hiển thị với điện thoại di động không): Giá trị: yes, no.

      Trong blog của bạn, tất cả các thẻ <section><widget> sẽ được thay thế bằng thẻ <div>, mà sẽ có ID quy định. Do vậy, bạn có thể bo CSS bằng chính các id mà bạn đặt.

Phần 1 bài viết kết thúc tại đây , để tiếp các bạn click here
Xin các bạn gớp ý . Cám ơn các bạn đã đọc bài viết của P

0 nhận xét:

Đăng nhận xét