Chào các bạn đã đến với Blog cá nhân của Vũ Văn Phong

Mình là Vũ Văn Phong - sn 1990. Mình sinh ra và lớn lên tại Hải Hậu - Nam Định. Lần đầu tiên xa nhà cũng là lần mình đi thi Đại Học, từ đó tới giờ cũng được > 6 năm học tập và làm việc tại Tp. Hồ Chí Minh. Một ngày chợt buồn mình muốn ghi chép 1 số điều và rồi mình quyết định chọn cái Blog Vũ Văn Phong là nơi để ghi chép đó. Xem thêm...


Những vấn đề sau mình có thể hỗ trợ tốt ở Blog này :-

  • Thủ thuật Blogspot và Website
  • Lĩnh vực Marketing Online bao gồm: SEO, Adwords, Facebook...
  • Thủ thuật máy tính, thủ thuật Internet và những liên quan đến tin học
by

Widget Label - Hiển thị bài viết theo nhãn theo nhãn Blogspot

Đây không hẳn là rõ ý kiến của 1 bạn PM hỏi mình về thủ thuật Blogspot khi bạn có hỏi về nội dung như sau: "anh có thể tạo 1 widget hiển thị bài viết do mình chọn không. Ví dụ em muốn bài viết A, bài viết C, bài viết B chỉ có 3 bài đó hiển thị ở widget đó"
Đây là 1 điều rất dễ nếu bạn sử dụng cố định bài viết trong Widget đó. Tuy nhiên ở đây mình sẽ hướng dẫn chung nhất bằng cách sử dụng 1 Widget hiển thị bài viết theo nhãn Blogspot. Nếu bạn chỉ cần hiển thị 3 bài viết đó thì hãy gom 3 bài đó thuộc 1 nhãn nào đó và làm theo hướng dẫn dưới nhé. Còn nếu bạn muốn cố định 3 bài đó thì bài viết sau mình hướng dẫn các bạn kẻ bảng trong HTML để hiển thị theo ý muốn.


- Tại site ITViet360 mình có sử dụng thủ thuật này, bạn  có thể xem Demo trực tiếp ở đó.
Widget Label - Hiển thị bài viết theo nhãn theo nhãn Blogspot

Cách tạo Widget Label - Hiển thị bài viết theo nhãn theo nhãn Blogspot

Để làm được như trên các bạn thực hiện các bước sau:
Bước 1: Vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascript.
Bước 2: Dán code dưới đây vào tiện ích vừa thêm
<!-- Huong dan boi vuvanphong.com -->
<link href="https://fileitviet360.googlecode.com/svn/trunk/style.css" type="text/css" rel="stylesheet" />
 <script src="https://fileitviet360.googlecode.com/svn/trunk/json.js"></script>
  <script type='text/javascript'>
var numposts = 4;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 60;</script>
  <script type="text/javascript" src="http://www.itviet360.com/feeds/posts/summary/-/Source code?orderby=published&alt=json-in-script&callback=labelthumbs"></script>
Trong đó:
- var numposts: số bài viết hiển thị, yêu cầu của bạn là 3 thì bạn chọn 3 nhé.
- var numchars: Mô tả ngắn nội dung của bài viết.
- www.itviet360.com: Thay bằng domain Blog của bạn
- Source code: Tên Label bạn muốn hiển thị
Chúc các bạn vui vẻ !

1 comment:

  1. bác cho em hỏi muốn ảnh rõ nét hơn thì em phải thay đổi ở chỗ nào ạ ? nếu dùng hàm replace để lấy ảnh nét hơn thì làm chỗ nào ?

    ReplyDelete