Tùy Biến Popular Post Widget Toàn Tập

Phổ biến bài viết Widget ( Tiện Ích  Bài Đăng Phổ Biến) là một tùng được đa số các blogger sử dụng với công dụng liệt kê ra tất cả các bài viết mọi người chú ý nhất trên blog của được. Cũng kha nhiều blogger từng hướng dẫn tùy biến tiện ích này theo nhiều kiểu nhưng vẫn không có blogger nào hướng dẫn chi tiết để mọi người tự tùy biến tiện ích này nham tạo ra nét riêng của mình. Phạm vi bài viết điều này sẽ cho bạn Hiếu hơn về cách làm việc cũng như tùy biến phổ biến bài widget này.             

Phần 1: noi ve ưa thích bài Widget của blogger .

1. Làm sao để có tiện ích này?  

Bạn vào mục " Bố cục " →  Thêm tiện ích   → đây bạn sẽ tìm thấy tiện ích " been ưa thích bài " ( Bài Đăng Phổ Biến ) Chỉ việc cho nó để blogger là xong.    

2. Widget được sử dụng để làm gì?

Phổ biến bài phụ tùng liệt kê ra tất cả các bài viết được xem nhiều nhất trên blog của bạn theo từng thời điểm (toàn thời gian, 30 ngày, 7 ngày ...)

3. Giao diện và việc làm cách của tiện ích này.  

Giao diện mình cung cấp ở trên. Nhìn vào thì thấy khá đơn giản mình cũng không nói nhiều. Đi vào Mã của tiện ích would mình này nói chi tiết hơn.  

Phần 2: Cách làm việc của ưa thích bài Widget

Sau khi thêm ưa thích bài Widget vào blog. Khí vào mẫu hai chế độ    "KHÔNG mở rộng mẫu tiện ích "  bạn sẽ thây 1 đoạn mã số tương tự như sau:

type = 'PopularPosts' />

Dòng mình tô đỏ sẽ khác nhau tùy blog của nhưng dòng  type = 'PopularPosts'  (loại hàng là 1 loại phụ tùng khác nhau) thì giống nhau với tất cả các blog  đang Đoạn trên khá đơn giản chẳng có gì để nói. Bây giờ đánh dấu vào "Mở rộng mẫu tiện ích ", bạn sẽ được tìm thấy đoạn đang bung ra có dạng như sau:
 

 

</ h2> </ b: if>  

   

           

                              <! - (1) Không có đoạn trích / thu nhỏ ->                       <! - (2) chỉ đoạn ->            

</ div>             < div class = ' item-đoạn '> </ div>           </ b: if>                   giả & quot; '>             <! - (3) Hiện chỉ hình thu nhỏ ->            

                             

                                   

                </ div>               </ b: if>              

< dữ liệu: post.title /> </ a> </ div>             </ div>            

item-thu nhỏ

'>                                                     </ div>               </ b: if>              

</ a> </ div>              

</ div>             </ div>            

  </ div> </ b: includable> </ b: widget>









            












                    












                    












    


Trọng đoạn đang trên mình đánh dấu cách đoạn đang màu đỏ đến màu xanh khác nhau. Các đoạn đang đỏ là tất cả các thẻ, việc cmd của tiện ích này.
  

Xuất tên ra các tiện ích . Xuất ra tên bài Việt đã gắng liên kết đến Bài viết.   Xuất ra đoạn trích dẫn của bài viết Xuất ra ảnh thu nhỏ của bài viết. Xuất ra biểu tượng chỉnh sửa (hình cái cờ lê)
 

Các Mã đoạn màu xanh dương là tất cả các cửa hàng đẳng cấp tất cả các thành phần trên Các lớp được sử dụng cho việc thay đổi mã css theo ý thích của mình. Thường thì mình qui định css cho tất cả các lớp này để lam nổi bật tùng lên. Chú ý: toàn bộ đoạn đang trên ý là trong id  PopularPosts1  mình có Nếu bạn bắt đầu. Nên để gán thuộc tính css cho phần này bạn cần thêm # PopularPost1 ra trước cả lớp. 

mục-tiêu đề  : cửa hàng lớp tên bài viết mục-đoạn  :. cửa hàng Lớp đoạn trích dẫn mục-thumbnail  : Class chứa thu nhỏ ảnh.

Chú ý:

nếu bạn muốn chỉnh sửa css của liên kết thì thêm lớp "a" Phía sau nếu bạn muốn chỉnh sửa css của hình ảnh thì thêm "img" class Phía sau

Danh từ:

Minh muốn mau của tiêu đề bài viết (tiêu đề bài viết có thể chứa một kết liên) là màu # 666666 thì mình có đoạn đang sau:

# PopularPosts1 .item Đại a {color: # 666666}

Muon Anh thumnail của bài viết cao 50px 50px rộng thì có đoạn đang sau:

# Bloglist1 .item-thumbnail img {width: 50px; height: 50px}

Muốn kích thước chữ của đoạn trích dẫn là 12px thì mình có đoạn đang sau:

# Bloglist1 .item-đoạn {font-size: 12px}

Chen những đoạn đang trên Phía trên thẻ  ]]> </ b: skin>  . Là xong Nếu chưa biết về thẻ css bạn xem bài viết  css căn bản

Cơ bản về tiện ích này chỉ có bao nhiêu đó thôi.  

Phần 3: Tùy Biến ưa thích bài Widget.

Về việc tùy biến tiện ích này thì có 2 phần mình có thể can thiệp vào have tiện ích này.    

1. Có thể can thiệp vào css: Tức là thay đổi css mã để làm nổi bật tiện ích lên này (mình có Neu chi tiết ra phần 2)  

2. Kết hợp với 1 số file javascript tạo hiệu ứng để tùy biến tiện ích này. (Cái này đòi hỏi bạn phải hiểu về javascript) Có thể biến tiện ích này thành một dạng thanh trượt nào mà same cách gán id popularposts1 tập into javascript của trượt để tạo hiệu ứng trượt, ẩn hiện ...    

Cơ bản bài viết này đến đây là kết thúc.