Để website hay blog của bạn trở lên chuyên nghiệp hơn và bạn muốn thoát ra khỏi giao diện blog truyền thống? Thì thủ thuật blogger tạo Recent Post dưới đây sẽ giúp bạn biến trang blog của mình trở thành một trang báo chí, tin tức thứ thiệt. Cùng thực hiện với chúng tôi nào.
>>Random Posts - Thủ thuật bài viết ngẫu nhiên cho Blogger Version 1
>>Emoticons - Thủ thuật chèn biểu tượng vào bình luận Blogger
>>Related Posts - Thủ thuật bài viết liên quan có hình ảnh ngang cho Blogger
>>Recent Post - Thủ thuật Recent post load từ trên xuống cho BLogger
>>Recent Post - Thủ thuật Recent Post chạy ngang có ảnh chạy trước cho Blogger
>>Recent Post - Thủ thuật Recent Post chạy ngang cho Blogger
>>Emoticons - Thủ thuật chèn biểu tượng vào bình luận Blogger
>>Related Posts - Thủ thuật bài viết liên quan có hình ảnh ngang cho Blogger
>>Recent Post - Thủ thuật Recent post load từ trên xuống cho BLogger
>>Recent Post - Thủ thuật Recent Post chạy ngang có ảnh chạy trước cho Blogger
>>Recent Post - Thủ thuật Recent Post chạy ngang cho Blogger
1. Vào Bố cục > Thêm tiện ích
2. Tạo một widget HTML/JavaScripts và chèn vào đoạn code bên dưới :<style type="text/css"> #cotent-news { border:#999 solid 1px; width: 650px; } #top-news { width: 440px; height:166px; padding:5px; border:#bbb solid 1px; background:#eee; font-size:12px; } #bottom-news { width: 444px; padding:5px; } #bottom-news-item { width: 106px; margin-right:5px; float:left; } #left-news { width: 200 px; padding:5px; border-left:2px dotted #ccc; } </style> <script language="JavaScript"> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBfeGRs0aD5PMDXzEA9ap1CQJjiTScOq9_Su2ruBHG4qRRZ50Nu_HTrYHatdIghChSM08I_k65a9uCrjJ52NDPlZr6ZkWpI1Dfwns73AOf3ZYNZ5SNcF98AwTOOHWGdvxF4rbAT8U1oY1W/s1600/nothumbnail-bai-viet-kgong-anh-namkna-ngoctra.gif"; imgico= "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEqkYNJnExQNf4X0AoEeh7kJfheRmUPzKoh1xlK4QK0b2WRM2VkCASnxG9-YBZ8Ib78COQIG_4BfYM3wb9nW8Bb0UThLBMIi3EIIa8DpHQilRRqAH3nh_hjqZKg4Gfn7weHBO-K1aV1U-T/s1600/icom-left-news-namkna-ngoctra.gif"; showRandomImg = true; topwidth = 160; topheight = 160; botheight = 100; botwidth = 100; fntsize = 12; vnesize = 18; //kích thước của tiêu đề bài viết trong class "top-news" acolor = "#555"; cmcolor = "#555"; topcolor = "#f00"; aBold = true; text = "comments"; showPostDate = true; summaryPost = 250; summaryFontsize = 12; summaryColor = "#000"; botnum = 4; numposts = 14; label = "Blogger";home_page = "http://www.thietkeblogger.net/"; </script> <script src="http://thietkewebplus.googlecode.com/files/vne-recent-adv.txt" type="text/javascript"></script>
Trong đoạn code trên :
- width: 650px; : chiều rộng của widget
- botnum = 4; : số bài viết hiển thị ở class bottom-news
- numposts = 14; : số bài viết hiển thị ở class left-news
- label = "Phim"; : nhãn/ trương mục ( Label ) sẽ được hiển thị lưu ya nhãn này phải ghi chính xác nếu không xẽ không hiển thị)
Cách tính chiều rộng :
- bottom-news = 4x(botwidth + 2px + 4px) + 4x5px = 444px
- bottom-news-item = botwidth + 2px + 4px = 106px
Các bạn nên để nó trên phần bài đăng của blog và tham khảo cách chỉ để Ẩn hiện Widget ở trang chủ.
Nếu bạn muốn widget hiển thị những bài mới nhất trên blog thì thay code
http://thietkewebplus.googlecode.com/files/vne-recent-adv.txt
Thành:
http://thietkewebplus.googlecode.com/files/vne-recent-adv-all-posts.txt
Một số công cụ hỗ trợ thêm cho Blog của bạn. Chúc bạn nhận được nhiều kiến thức và thủ thuật hơn nữa:
Để Thiết Kế Website được chuyên nghiệp hơn, đẹp mắt hơn bạn có thể vào Thiết Kế Web Plus để tìm hiểu thêm kiến thức. Để SEO website tốt hơn, lên TOP Google nhanh hơn và bền vững hơn thì vào Dịch Vụ SEO của Công Ty SEO chuyên nghiệp và uy tín. Kiến thức SEO website sẽ được cập nhật với các Thủ Thuật SEO chuyên nghiệp, đơn giản, dễ hiểu. Ai cũng có thể Làm SEO bạn biết không? Trao đổi Backlink và tạo Backlink PageRank cao với Dịch Vụ Backlink uy tín với Backlink được cập nhật liên tục. Tham gia vào Diễn Đàn SEO để chia sẻ kinh nghiệm SEO và giúp website bạn vững TOP và trường tồn nhé. Wordpress cũng là lựa chọn không tồi của bạn, hãy thử Thiết kế Wordpress với các Thủ Thuật Wordpress sau đây nhé.
Team Blogger giúp bạn Thiết Kế Blogger với Thủ Thuật Blogger.
Đăng nhận xét