[Blogger Tips] Hướng dẫn tạo widget bài viết mới - recent post hiệu ứng 7 màu đẹp cho blogspot

 

Để làm được một widget bài mới đăng hiệu ứng như hình trên, các bạn vui lòng thực hiện theo các bước sau:

Bước 1: Vào bảng điều khiển Blogger của bạn, sau đó chọn bố cục (layout)

Bước 2: Chọn thêm tiện ích (add widget) vào vị trí bạn muốn widget bài mới  hiện trên trang của bạn

Bước 3: Chọn loại tiện ích HTML / Java script sau đó copy và dán toàn bộ đoạn code sau vào phần nội dung của tiện ích.

code:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">


home_page = "http://doanthieuda.blogspot.com/";
numposts = 5;

imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js" type="text/javascript"/></script><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/ecikvgo68yrfgps/recent-posts-min-1.css" /></div>

Lưu ý:

Các bạn tùy chỉnh đoạn code trên như sau:

home_page = "http://doanthieuda.blogspot.com/";  ----Thay doanthieuda.blogspot.com = tên blog của bạn.

numposts = 5; ----------------------------------------------- 5 là số bài viết sẽ được hiện.


<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">  ------ Nếu sau khi thêm widget mà trang web của bạn bị xung đột code thì có thể xóa dòng màu xanh này đi. Lưu ý là nếu có xung đột thì mới xóa nhé, còn không có xung đột thì vẫn để nguyên.

Bước 4: Lưu lại và thưởng thức.

Chúc các bạn thành công

Code được sưu tầm và chỉnh sửa bởi RinBlog.