THỦ THUẬT BLOGGER

Search This Blog

Site map

Get link
Facebook
X
Pinterest
Email
Other Apps

Loading...

Get link
Facebook
X
Pinterest
Email
Other Apps

Comments

Hướng dẫn thiết kế blogger toàn tập - Phần 5: Trang trí bố cục cho blogspot

Trong bài trước mình đã hướng dẫn các bạn chia cái header làm 2 phần để tiện việc đặt quảng cáo. Tuy nhiên, khi vào mục bố cục để chỉnh sửa bạn sẽ thấy 1 cái trên và 1 cái dưới. Vậy chúng ta phải làm gì để có thể cho chúng hiển thị ngang hàng như trên trang chủ? Câu trả lời là chúng ta cũng chỉ cần dùng 1 chút CSS mà thôi. Đặc biệt hơn là chúng ta chỉ việc thêm #layout và trước css của ID/Class mà chúng ta cần căn chỉnh. Ví dụ: trong bài viết trước mình có tạo ra class là header-trai để hiển thị tên trang web trên trang chủ. thì giờ mình chỉ việc thêm #layout và trước .header-trai để căn chỉnh nó trong phần bố cục. Như vậy, ta sẽ được một cái mới là #layout .header-trai Chúng ta hoàn toàn có thể thêm đoạn CSS này vào ngay trong phần CSS của thẻ <b:skin> . Tuy nhiên, như vậy hơi rườm ra cho việc viết CSS sau này. Mình khuyên các bạn nên thêm nó vào trong thẻ này, để dễ dàng hơn tron việc chỉnh sửa. Ta chèn đoạn ...

Tạo Khung Chứa Code Đẹp Cho Blogger - Blogspot

Đối với các Blogger thuộc Công nghệ thì việc share các đoạn code là chuyện ngày thường phải làm. Nhưng khi chèn vào bài viết thì sao. Ta có thể đóng khung nó lại, hoặc để chú thích, trích dẫn nhưng như vậy sẽ làm Blog không khoa học. Hôm nay Sáng Blog sẽ hướng dẫn các bạn tạo khung chứa code cực ngầu, rất đẹp cho blogger - blospot. Mục lục: Mục Đích Thực Hiện Nâng Cao Mục Đích Tạo tính khoa học, chuyên nghiệp cho Blog, hơn thế nữa giúp cho người đọc, biết đâu là code, đâu là câu viết bình thường. Khung code rất ngầu, tạo sự thích thú cho người đọc, làm tăng lượt view cho Blog, giúp cho việc phát triển Blog hơn. Thực Hiện Khung code có hai mẫu là đen và trắng nên các bạn chọn cho phù hợp với blog của mình A.Mẫu Trắng 1. Các bạn vào Blogger ---> Mẫu---> Chỉnh sửa HTML, sau đó các bạn chép lại đoạn css sau vào trước thẻ...

Hướng dẫn thiết kế blogger toàn tập - Phần 7: Thủ thuật thu gọn bài viết ngoài trang chủ blogspot

Cái này thì các bạn search thì sẽ thấy rất nhiều rồi. Ở đây, mình chỉ đưa ra code theo cách của mình, để mọi việc là đơn giản nhất thôi nhé! Thủ thuật thu gọn bài viết ngoài trang chủ blogspot Như bao lần, Các bạn tìm đoạn code <data:post.body/>, nếu sử dụng tem mình đưa lúc đầu thì chỉ có 1 đoạn thôi, và thay thế nó thành <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <div> <b:if cond='data:post.thumbnailUrl'> <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/> <b:else/> <img class='post-thumbnail' alt='no image' src='https://doiguocmoc.com/wp-content/uploads/2015/11/bannerdgm.png' width='72px' height='72px'/> </b:if> <data:post.body/> <data:post.snippe...

Powered by Blogger

Site map

Comments

Post a Comment