Thứ Ba, 26 tháng 6, 2012

HƯỚNG DẪN THIẾT KẾ TEMPLATE CHO BLOGGER (BLOGSPOT): PHẦN 2

Nhìn một cách đơn giản thì cấu trúc code của blogger template sẽ giống như hình dưới. Tôi đang sử dụng Generic Blogger Template để các bạn tham khảo, ngoài ra thì các bạn cũng có thể tham khảo thêm các temp khác. Tôi đã chia code ra làm 3 phần và chỉ đưa ra một vài dòng đầu tiên của mỗi đoạn để các bạn tiện theo dõi.


Để xem chi tiết hãy download Generic blogger template về và ngâm cứu.

Phần 1: Phần header của code. 
Về cơ bản, phần này chứa thông tin quan trọng về code của template và chứa title blog của bạn. Tốt hơn là bạn không cần phải lo lắng về bất cứ thứ gì trong đoạn này. Nó là tiêu chuẩn về header chung cho tất cả các template. Chỉ duy nhất một lần mà bạn cần add một vài code vào đây là khi bạn muốn đặt một vài thẻ meta tags (phần thông tin mở rộng của blog của bạn phục vụ cho việc SEO).

Phần 2: Đây là đoạn về CSS. 
CSS là viết tắt của cụm từ Cascading Style Sheets, ngôn ngữ web dùng nó để điều khiển style của một tài liệu HTML. Đây là phần mà bạn muốn biết nhiều nhất nếu bạn muốn thay đổi 1 template đã có sẵn hoặc thiết kế 1 template mới. Mặc dù nó là 1 ngôn ngữ lập trình web, bạn vẫn có thể thay đổi rất nhiều thiết kế của template nếu bạn hiểu cấu trúc của phần này mà không cần biết nhiều về HTML và CSS. Chúng ta sẽ đi sâu vào phần này sau.

Phần 3: Phần này gọi là Body hay Data của code

Đây là phần quan trọng nhất kéo toàn bộ nội dung từ Blogger database và đặt vào đúng vị trí của nó khi có một người nào đó truy cập vào blog của bạn. Đây cũng là phần cho blog của bạn biết phần nào sẽ xuất hiện trước: header, sidebar, main, post, footer, etc. Nhưng nó không quyết định diện mạo của blog và không quyết định blog nhìn sẽ như thế nào trên internet (bởi phần đó đã được điểu chỉnh bởi CSS).

Bạn về cơ bản cũng không cần phải lo lắng nhiều về phần này, nó cũng chỉ giống như phần 1. Nhưng bạn sẽ phải biết một chút về phần này nếu bạn muốn gắn thêm các widget mà không thể thêm bằng cách sử dụng nút "Add page element" ví dụ như nút social bookmarking: Digg, AddThis, Rss; hoặc nếu bạn muốn đặt Adsense code vào những vị trí đặc biệt như Post page hoặc đặc code của Google Analytics để theo dõi visit ghé vào blog của bạn; và còn rất nhiều thứ khác nữa. Hầu hết đây là những cấu trúc dễ đã có sẵn để giúp bạn add thêm những thứ này vào blog của mình. Vì vậy, một lần nữa, không có gì nhiều để mà phải lo lắng về phần này cả.




 

MỌI THÔNG TIN VUI LÒNG LIÊN HỆ :   
  
TRUNG TÂM GIẢI PHÁP MẠNG VIỆT NAM - NETWORK SOLUTIONS VIET NAM
Phụ trách thiết kế : Mr.Mika Nguyễn
Call me : 0919.08.3000 - 0927.927.000 - Email :  pro_mikanguyen@yahoo.com.vn 
Phụ trách kỹ thuật và kinh doanh : Mr.Nguyễn Sơn
Call me : 093.363.21.21 -   Email :   Setup247@Gmail.Com
Hỗ trợ yahoo 24/24 : pro_mikanguyen
Website : www.nsvina.com

0 comments:

NHỮNG THÔNG TIN MỚI NHẤT CẬP NHẬT TRÊN HỆ THỐNG

Thiết kế webblog Giới thiệu Công ty

Thiết kế webblog Giới thiệu Công tyMikaDesign – Bạn đang có nhu cầu Thiết kế webblog Giới thiệu Công ty để quảng bá doanh nghiệp của mình trên internet? Thiết kế webblog của MikaDesign

Thiết kế webblog Tin tức

Thiết kế webblog Tin tứcMikaDesign – Bạn đang có nhu cầu Thiết kế webblog Tin tức để quảng bá doanh nghiệp của mình trên internet? Thiết kế webblog của MikaDesign sẽ mang

Thiết kế webblog Bán hàng

Thiết kế webblog Bán hàngMikaDesign – Bạn đang có nhu cầu Thiết kế webblog Bán hàng để quảng bá doanh nghiệp của mình trên internet? Thiết kế webblog của MikaDesign sẽ mang

Thiết kế webblog Thương mại điện tử

Thiết kế webblog Thương mại điện tửMikaDesign – Bạn đang có nhu cầu Thiết kế webblog Thương mại điện tử để quảng bá doanh nghiệp của mình trên internet? Thiết kế webblog của

Thiết kế webblog Du lịch

Thiết kế webblog Du lịchMikaDesign – Bạn đang có nhu cầu Thiết kế webblog Du lịch để quảng bá doanh nghiệp của mình trên internet? Thiết kế webblog của MikaDesign sẽ mang

Thiết kế webblog siêu thị

Thiết kế webblog siêu thịMikaDesign – Bạn đang có nhu cầu thiết kế webblog siêu thị để quảng bá doanh nghiệp của mình trên internet? Thiết kế webblog của MikaDesign sẽ

Thiết kế webblog kiến trúc

Thiết kế webblog kiến trúcMikaDesign – Bạn đang có nhu cầu Thiết kế webblog kiến trúc để quảng bá doanh nghiệp của mình trên internet? Thiết kế webblog của MikaDesign sẽ

Thiết kế webblog âm nhạc

Thiết kế webblog âm nhạcMikaDesign – Bạn đang có nhu cầu Thiết kế webblog âm nhạc để quảng bá doanh nghiệp của mình trên internet? Thiết kế webblog của MikaDesign sẽ

Thiết kế webblog ẩm thực

Thiết kế webblog ẩm thựcMikaDesign – Bạn đang có nhu cầu Thiết kế webblog ẩm thực để quảng bá doanh nghiệp của mình trên internet? Thiết kế webblog của MikaDesign sẽ mang

Thiết kế webblog thời trang

Thiết kế webblog thời trangMikaDesign – Bạn đang có nhu cầu thiết kế webblog thời trang để quảng bá doanh nghiệp của mình trên internet? Thiết kế webblog của MikaDesign sẽ mang

Thiết kế webblog du học

Thiết kế webblog du họcMikaDesign – Bạn đang có nhu cầu thiết kế webblog du học để quảng bá doanh nghiệp của mình trên internet? Thiết kế webblog của MikaDesign sẽ mang

Thiết kế webblog nội thất

Thiết kế webblog nội thấtMikaDesign – Bạn đang có nhu cầu Thiết kế webblog nội thất để quảng bá doanh nghiệp của mình trên internet? Thiết kế webblog của MikaDesign sẽ

Thiết kế webblog doanh nghiệp

Thiết kế webblog doanh nghiệpMikaDesign – Bạn đang có nhu cầu Thiết kế webblog giới thiệu doanh nghiệp để quảng bá doanh nghiệp của mình trên internet? Thiết kế webblog

Thiết kế webblog luật

Thiết kế webblog luậtMikaDesign – Bạn đang có nhu cầu thiết kế webblog luật để quảng bá doanh nghiệp của mình trên internet? MikaDesign sẽ mang đến những giải pháp hữu

Thiết kế webblog bất động sản

Thiết kế webblog bất động sảnMikaDesign – Bạn đang có nhu cầu thiết kế webblog bất động sản để quảng bá doanh nghiệp của mình trên internet? Thiết kế webblog của MikaDesign sẽ

Thiết kế webblog xây dựng

Thiết kế webblog xây dựngMikaDesign – Bạn đang có nhu cầu thiết kế webblog xây dựng để quảng bá doanh nghiệp của mình trên internet? Thiết kế webblog của MikaDesign sẽ mang

Thiết kế webblog giới thiệu sản phẩm

Thiết kế webblog giới thiệu sản phẩmBạn đang có nhu cầu thiết kế webblog giới thiệu sản phẩm để quảng bá doanh nghiệp của mình trên internet? Bạn đang băn khoăn không bắt

Thiết kế cổng thông tin điện tử

Thiết kế cổng thông tin điện tửBạn đang có nhu cầu thiết kế cổng thông tin điện tử để quảng bá doanh nghiệp của mình trên internet? Không biết đơn vị nào có thể

Thiết kế webblog theo yêu cầu

Thiết kế webblog theo yêu cầuBạn đang có nhu cầu thiết kế webblog theo yêu cầu để quảng bá doanh nghiệp của mình trên internet? Bạn đang băn khoăn không bắt đầu từ

Thiết kế webblog bán đồng hồ

Thiết kế webblog bán đồng hồBạn đang có nhu cầu thiết kế webblog bán đồng hồ để quảng bá doanh nghiệp của mình trên internet? Không biết đơn vị nào có thể giúp