Responsive CSS Timeline với hiệu ứng 3D Cho Blogspot

Posted by chiasedamme on Saturday, May 24, 2014

Sau đây là cách hiển thị rất mới mẻ cho những ai dùng blogspot bằng việc áp dụng Responsive Css Timeline với hiệu ứng 3D cho bài viết trên trang blogspot. Chúng ta sẽ có bài viết thể hiện trên trang home page như một dòng thời gian với hiệu ứng và hình ảnh rất đẹp mắt.

Các bạn có thể xem Demo tại đây: Click Here

Hướng Dẫn:

Bước 1:  Vào quản lý blogger > Template > Click vào EDIT HTML

Bước 2: Click vào bất kỳ chỗ nào trong khung code template và nhấn tổ hợp phím Ctrl + F

Bước 3: Tìm thẻ </head> và thêm vào trước nó đoạn code sau:




Bước 4: Tìm đoạn <data:post.body/> và thay thế nó bằng đoạn code sau:



Bước 5: Lưu lại và chiêm ngưỡng nhé.

Chú ý: bạn sẽ phải tùy chỉnh lại thông số để bài viết xuất hiện chuẩn theo yêu cầu.
 Tới phần Layout (Bố cục) sau đó edit phần Blog posts area (Bài đăng trên blog) theo như hình sau và lưu lại.
Chúc các bạn thành công nhé !
 

{ 0 comments... read them below or add one }

Post a Comment