Skip to content

WordPress 3.1.1 Released, Fixes Security Issues

WordPress 3.1.1 là bản cập nhật bảo mật có nghĩa là nó là một bản cập nhật bắt buộc cho tất cả các quản trị web những người chạy công chúng tự lưu trữ trên blog WordPress. Các bài viết trên blog rằng công bố phiên bản mới của WordPress được đề cập ba vấn đề an ninh đã được cố định trong phiên bản này.

wordpress update WordPress 3.1.1 Released, Fixes Security Issues

Thông tin về các lỗi được fix trong phiên bản này, các bạn có thể xem tại: http://codex.wordpress.org/Version_3.1.1

Thông báo về việc cập nhật phiên bản 3.1.1 từ WordPress.Org http://wordpress.org/news/2011/04/wordpress-3-1-1/

Ngay bây giờ bạn có thể cập nhật lên phiên bản mới nhất của WordPress thông qua thanh tác vụ Updates trong Control Panel hoặc tải về từ trang chủ WordPress: http://wordpress.org/download/

Theo: VNWebmaster

Chèn các nút like, +1 vào blog đẹp mắt và dễ dàng

Từ khi mạng xã hội phát triển và chiếm số lượng lớn người sử dụng internet trên toàn cầu, thì việc quảng bá các thông tin và website trên các phương tiện mạng xã hội là một việc làm không thể thiếu cho mỗi người sở hữu website. Từ đó các webmaster chúng ta cũng không bao giờ quên một việc rất quan trọng đó là tích hợp các nút chia sẻ bài viếtlike, +1, tweet lên blog sao cho đẹp mắt và nằm ở vị trí dễ nhìn thấy nhất để người khác có thể nhấp vào, từ đó bạn sẽ được cơ hội quảng bá miễn phí nếu như nội dung của bạn đáng để chia sẻ. Mỗi mạng xã hội hiện nay đều có một thư viện API và các nút chia sẻ bằng Javascript để các webmaster có thể tận dụng nó, cách chèn thì cũng không có gì là khó với chỉ 2 thao tác “copy & paste”. Thế nhưng nếu chúng ta muốn nó hiển thị đẹp mắt, gọn gàng như các nút mạng xã hội trong blog mình thì cũng không mấy dễ dàng gì, đặc biệt là những ai chưa có kinh nghiệm sử dụng CSS và Javascript. Nhưng trong WordPress thì ngược lại, những người có thể sử dụng một plugin hỗ trợ và nó có thể tự động chèn các nút của các mạng xã hội nổi tiếng như Facebook, Google Plus, Twitter, Digg..v.v…vào blog với đủ kiểu cọ rất hoành tráng.

Để tiết kiệm thời gian cho những người mới sử dụng WordPress trong việc tìm kiếm plugin như thế này, mình xin giới thiệu một số plugin giúp chèn các nút like, chia sẻ, +1, tweet…vào blog dễ dàng nhưng tốt nhất.

Active Share OrangeSoda

activeshare orangesoda Chèn các nút like, +1 vào blog đẹp mắt và dễ dàng

Đây là plugin mới đang được các trang công nghệ lớn sử dụng. Chức năng của nó là sẽ hiển thị một cửa sổ màu đen khi bạn rê chuột đến phần comment trong bài viết nhằm nhắc nhở độc giả bấm like hoặc share.

Digg Digg

Digg Digg Chèn các nút like, +1 vào blog đẹp mắt và dễ dàng

Là một plugin liên quan tới việc chèn nút mạng xã hội được nhiều người sử dụng nhất, Digg Digg sẽ dễ lấy lòng bạn với tính năng tạo các nút chia sẻ lên các mạng xã hội dạng trượt rất đẹp mắt và cũng rất “dễ ăn click”. Tới thời điểm viết bài này thì Digg Digg hỗ trợ hiển thị tới 21 mạng xã hội khác nhau như Facebook, Twitter, Google Plus, Reddit, Topsy……và đặc biệt nhất là có hỗ trợ hiệu ứng lazyload, tức là nếu bạn chèn các nút này phía dưới bài viết thì khi nào người dùng kéo trang xuống phía dưới thì các file javascript của các nút này mới được kích hoạt, giúp tiết kiệm thời gian tải trang rất đáng kể. Nhưng nó không chỉ hỗ trợ chèn nút dạng trượt không thôi đâu, mà nó cũng hỗ trợ chèn các nút bình thường vào trong bài viết rất tốt đó nghen.

 WP Socializer

WP Socializer Chèn các nút like, +1 vào blog đẹp mắt và dễ dàng

Nếu như bạn không thích chỉ chèn mỗi một thanh chứa các nút chia sẻ theo dạng trượt như Digg Digg thì hãy thử xem qua plugin này. Không chỉ hỗ trợ chèn các nút dạng trượt, mà nó còn hỗ trợ chèn các nút mạng xã hội theo dạng hình ảnh ở đầu và cuối bài viết, kèm theo các widget rất có ích như Facebook Fanpage, Google Plus Badget.

Shareaholic

Shareaholic Chèn các nút like, +1 vào blog đẹp mắt và dễ dàng

Dành cho những ai thích thẩm mỹ, Shareaholic có chức năng chèn các nút mạng xã hội vào blog đẹp mắt với 3 kiểu hiển thị là Sexy Bookmarks, Top Bar và Classic Bookmarks. Bạn cũng có thể kích hoạt cùng lúc 3 kiểu hiển thị này nhưng nếu làm như vậy thì blog bạn sẽ trở nên chậm chạp một chút, nhưng bù lại thì sẽ khá là đẹp.

8188467999 0eda03d3cf o Chèn các nút like, +1 vào blog đẹp mắt và dễ dàng

8189551610 070b336a06 o Chèn các nút like, +1 vào blog đẹp mắt và dễ dàng

Nhưng ngoài ra, plugin này còn có 2 chức năng đặc biệt khác đó là Recomendations (hiển thị các bài viết liên quan, hỗ trợ hiển thị ảnh thumbnail) và Social Analytics (thống kê về lượt chia sẻ lên mạng xã hội bằng Google Analytics) rất hay và cũng rất đáng dùng.

Socialize

8188484825 246a459917 o Chèn các nút like, +1 vào blog đẹp mắt và dễ dàng

Đôi khi có quá nhiều người chọn kiểu hiển thị các nút mạng xã hội thông dụng như dạng trượt, đầu và cuối bài viết sẽ gây nhàm chán cho người dùng và họ không cần để ý đến các khu vực đó nữa. Vì vậy chúng ta nên cần có một giải pháp chèn khác và cụ thể là chúng ta quất ngay giữa bài luôn.

Lời kết

Còn có rất nhiều plugin khác để làm những công việc này nhưng nhìn chung các chức năng của nó cũng không có gì khác nhau nên bài này mình chỉ giới thiệu 4 plugin nổi bật nhất, nếu bạn muốn biết thêm các plugin khác nữa thì có thể tham khảo 1 vài cái tên sau.

Nguồn: http://nguyennhumy.com/

Popup Subcribe WordPress Plugin

Đây là plugin popup subcribe, dùng để thu thập email độc giả qua hình thức Freebies, Download free,..

11 Popup Subcribe WordPress Plugin

Tương thích với các dịch vụ Autorespond như : Aweber, Mailchimp (FREE ), Getrespond,…

Giao diện quản lý rất đơn giản, các mẫu được xây dựng sẵn, chỉ cần thay đổi nội dung, hình ảnh, hỗ trợ HTML nên tha hồ sáng tạo khu vực giới thiệu sản phẩm miễn phí . Có nhiều độ hiển thị để không gây phiền toán :

Hiển thị 1 lần ( theo cookie )

Chỉ popup lightbox ngoài trang chủ 1 lần…

21 Popup Subcribe WordPress Plugin

Chèn trạng thái online/offline yahoo skype vào website, blog

chen bieu tuong yahoo vao blog Chèn trạng thái online/offline yahoo skype vào website, blog

I) ĐƯA BIỂU TƯỢNG YAHOO VÀO WEB

Không một chatter (người tán gẫu trên mạng) Việt Nam nào mà không biết đến trình tin nhắn tức thờiYahoo! Messenger. Vậy làm thế nào để người đọc blog của bạn có thể biết bạn đang online mà tán gẫu hay đơn giản là để họ nhắn cho bạn vài dòng offline? Hãy chèn đoạn code sau đây vào vị trí bạn muốn hiển thị biểu tượng.

<a href=”ymsgr:sendIM?YahooID“><img border=”0″ src=”http://opi.yahoo.com/online?u=YahooID&m=g&t=ImageNo&l=us”></a>

Ở đây chúng ta lưu ý YahooID là nickname của bạn tại Yahoo. Ví dụ nickname của tôi là dv2n. ImageNo là một trong số: 0, 1, 2 tương ứng lần lượt với các hình bên dưới từ trên xuống mà bạn chọn.

 Chèn trạng thái online/offline yahoo skype vào website, blog

 Chèn trạng thái online/offline yahoo skype vào website, blog

 Chèn trạng thái online/offline yahoo skype vào website, blog

 

II) ĐƯA BIỂU TƯỢNG SKYPE VÀO WEB

Việc đầu tiên bạn cần làm là cho phép hiển thị trạng thái trực tuyến trên web. Để thực hiện bạn đăng nhập Skype, chọn thực đơn Tools -> Options -> Privacy và đánh dấu chọn Allow my status to be shown on the web.

Chèn biểu tượng Skype vào website

Tiếp theo bạn click vào địa chỉ http://www.skype.com/share/buttons/ và thực hiện theo các bước.

Bước 1: Nhập Skype Name (Tên mà bạn dùng để đăng nhập trên Skype).

Bước 2: Lựa chọn biểu tượng hoặc click vào link này để tạo biểu tượng.

chen online yahoo skype vao website Chèn trạng thái online/offline yahoo skype vào website, blog

Bước 3: Xem hiển thị trước.

Bước 4: Khi đã ưng ý thì chép phần mã nằm trong Copy & pase this code để dán vào website của bạn.

Hướng dẫn tạo hiệu ứng jQuery Sliding

Hiệu ứng jQuery là một cách hữu ích để làm website của bạn thêm nổi bật. Hôm nay, mình sẽ hướng dẫn các bạn làm một hiệu ứng jQuery Sliding . Hiệu ứng này rất hữu ích cho ai muốn làm một portfolio online.

Để chuẩn bị cho bài hướng dẫn này, các bạn chuẩn bị 1 vài tấm ảnh kích thước 300x200px.

Cấu trúc HTML

1
2
3
4
        &lt;div id=”top”&gt;
            &lt;img src=”/images/1.jpg” /&gt;
            &lt;img src=”/images/top.jpg” /&gt;
        &lt;/div&gt;

Chúng ta sẽ làm 6 hiệu ứng là topbottomleftrightbottom-leftbottom-right tương đương với 6 id trong mã HTML. Và id này sẽ được khai báo trong phần jQuery.

Mã CSS

.thumb p{
font-size:12px;
color:#FFFFFF;
padding:5px;
text-align:justify;} 

.thumb img {
display:block; }

.top {
position:absolute;
top:0;
left:0;}

.last {
margin-right:0; }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
    .thumb {
        width:300px;
        margin:0 30px 30px 0;
        overflow:hidden;
        float:left;
        position:relative;
        height:200px;
        background-color:#000;
        cursor:pointer;}
    .thumb p{
        font-size:12px;
        color:#FFFFFF;
        padding:5px;
        text-align:justify;}
    .thumb img {
        display:block; }
    .top {
        position:absolute;
        top:0;
        left:0;}
    .last {
        margin-right:0; }

jQuery

Đưa 2 đoạn script và đặt trong thẻ <head>

1
2
        &lt;script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”&gt;&lt;/script&gt;
        &lt;script src=”/js/sliding.js”&gt;&lt;/script&gt;

Và chúng ta bắt đầu xây dựng file sliding.js

Cấu trúc chung

1
2
3
4
5
        $(‘Khai báo hiệu ứng’).hover(function() {
         $(‘img.top’, $(this)).stop().animate({‘hướng sliding’: ‘kích thước sliding’},’Thời gian sliding’);
        },function() {
        $(‘img.top’, $(this)).stop().animate({’0′: ’0′}, 500);
        });
$(‘#top’).hover(function() {
$(‘img.top’, $(this)).stop().animate({top: ’200px’}, 500);
},function() {
$(‘img.top’, $(this)).stop().animate({top: ’0′}, 500);
}); 

$(‘#left’).hover(function() {
$(‘img.top’, $(this)).stop().animate({left: ‘-300px’}, 500);
},function() {
$(‘img.top’, $(this)).stop().animate({left: ’0′}, 500);
});

$(‘#bottom-left’).hover(function() {
$(‘img.top’, $(this)).stop().animate({left: ‘-300px’, top: ’200px’}, 500);
},function() {
$(‘img.top’, $(this)).stop().animate({left: ’0′, top: ’0′}, 500);
});

$(‘#bottom’).hover(function() {
$(‘img.top’, $(this)).stop().animate({top: ‘-200px’}, 500);
},function() {
$(‘img.top’, $(this)).stop().animate({top: ’0′}, 500);
});

$(‘#right’).hover(function() {
$(‘img.top’, $(this)).stop().animate({left: ’300px’}, 500);
},function() {
$(‘img.top’, $(this)).stop().animate({left: ’0′}, 500);
});

$(‘#bottom-right’).hover(function() {
$(‘img.top’, $(this)).stop().animate({left: ’300px’, top: ’200px’}, 500);
},function() {
$(‘img.top’, $(this)).stop().animate({left: ’0′, top: ’0′}, 500);
});

});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
         $(function() {
            $(‘#top’).hover(function() {
                $(‘img.top’, $(this)).stop().animate({top: ’200px’}, 500);
            },function() {
                $(‘img.top’, $(this)).stop().animate({top: ’0′}, 500);
            });
            $(‘#left’).hover(function() {
                $(‘img.top’, $(this)).stop().animate({left: ‘-300px’}, 500);
            },function() {
                $(‘img.top’, $(this)).stop().animate({left: ’0′}, 500);
            });
            $(‘#bottom-left’).hover(function() {
                $(‘img.top’, $(this)).stop().animate({left: ‘-300px’, top: ’200px’}, 500);
            },function() {
                $(‘img.top’, $(this)).stop().animate({left: ’0′, top: ’0′}, 500);
            });
            $(‘#bottom’).hover(function() {
                $(‘img.top’, $(this)).stop().animate({top: ‘-200px’}, 500);
            },function() {
                $(‘img.top’, $(this)).stop().animate({top: ’0′}, 500);
            });
            $(‘#right’).hover(function() {
                $(‘img.top’, $(this)).stop().animate({left: ’300px’}, 500);
            },function() {
                $(‘img.top’, $(this)).stop().animate({left: ’0′}, 500);
            });
            $(‘#bottom-right’).hover(function() {
                $(‘img.top’, $(this)).stop().animate({left: ’300px’, top: ’200px’}, 500);
            },function() {
                $(‘img.top’, $(this)).stop().animate({left: ’0′, top: ’0′}, 500);
            });
        });

Tìm hiểu về WordPress? WordPress là gì?

WordPress là phần mềm mã nguồn mở được cung cấp miễn phí, sử dụng ngôn ngữ lập trình PHP và hệ cơ sở dữ liệu MySQL. Do đó, nó thích hợp cho ai muốn đặt blog trên chính website sử dụng tên miền của riêng mình. Tuy nhiên, nếu không có tên miền riêng và chịu được một vài hình ảnh quảng cáo đôi khi xuất hiện, bạn vẫn có thể dùng chung với nhà cung cấp Automattic Production tại địa chỉ http://wordpress.com tương tự các nhà cung cấp khác.

1.Hình thức xây dựng blog WordPress

  • Sử dụng dịch vụ viết blog có sẵn của trang wordpress.com
  • Bạn cũng có thể download bộ nguồn của nó về và up lên host để sử dụng theo ý muốn của bạn,bạn có thể chỉnh sửa code(PHP) và giao diện(CSS) theo ý thích.

2.Tìm hiểu thêm về WordPress.

  • Bạn có thể xem thông tin chi tiết hơn tại wordpress.com đây cũng là trang cung cấp dịch vụ blog có sẵn
  • Bạn là một newbie và chưa biết nhiều về wordpress hãy tham khảo những bài viết tại seolanlinh về WordPress

3.Tại sao lại chọn WordPress?

  • Theo kinh nghiệm xài blog của mình thì WordPress là 1 blog (1 mã nguồn mở) tuyệt vời. Bạn muốn làm 1 blog cá nhân, 1 trang web nhỏ, 1 trang tạp chí, 1 trang tin tức, 1 trang về film…và hơn thế nữa, WordPress đều có khả năng đáp ứng được hết vì nó khá linh động, đó là nhờ khả năng tuỳ biến giao diện (themes), bạn thay đổi theme sao cho phù hợp với nội dung của web là được.
  • Bên cạnh đó WordPress có điểm rất hay đó là cho phép sử dụng các plugin đi kèm (rất nhiều và có nhiều cái rất hay…) và thông thường đều là free hết.

12 jQuery lightbox tốt nhất cho blog và website

Lightbox là một dạng cải tiến từ popup. Nó giống Popup là nó cũng bật ra (pop up), “đè” lên phần còn lại của trang web. Y2Graphic tổng hợp 12 plugin về Lightbox nên dùng khi thiết kế web. Bạn không nên bỏ qua bài viết này vì nó hữu ích cho dự án của bạn. Hãy khám quá.

Facebox

12 12 jQuery lightbox tốt nhất cho blog và website

Fancy box

23 12 jQuery lightbox tốt nhất cho blog và website

Fancy zoom

32 12 jQuery lightbox tốt nhất cho blog và website

Greybox

greybox 12 jQuery lightbox tốt nhất cho blog và website

Werkstette

42 12 jQuery lightbox tốt nhất cho blog và website

Lightbox 2

52 12 jQuery lightbox tốt nhất cho blog và website

Lightview

6 12 jQuery lightbox tốt nhất cho blog và website

Litebox

71 12 jQuery lightbox tốt nhất cho blog và website

Shadowbox

9 12 jQuery lightbox tốt nhất cho blog và website

Thicbox

thickbox 12 jQuery lightbox tốt nhất cho blog và website