3 lý do nên chọn wordpress làm website vệ tinh cho Doanh nghiệp của bạn

Hiện nay có khá nhiều các website cung cấp các dịch vụ tạo blog hay website miến phí cũng khá hữu ích và chuyên nghiệp, tuy nhiên trong thời gian qua có khá nhiều người hỏi Thiên về những nguồn cung cấp hiện nay và nên chọn cái nào tốt nhất mà lại tốn ít chi phí. Adam Thiên định viết để chia sẻ với các a/c và các bạn  nhưng thời gian này Thiên dành thời gian khá nhiều để chuẩn bị cho dự án sắp tới nên không có nhiều thời gian viết để chia sẻ với anh/chị, nhân tiện Thiên bắt gặp một bài viết của Danny Nguyen, bạn ấy viết cũng khá thực tế và cũng xuất phát từ một Blogger chuyên nghiệp, sau đây là bài chia sẻ của Danny Nguyen.

Lý do bạn nên chọn WordPress làm hệ thống các website vệ tinh cho cá nhân hay doanh nghiệp của bạn:

1. Miễn phí và dễ sử dụng

WordPress là một blog platform mạnh mẽ được cung cấp hoàn toàn miễn phí, hơn thế nữa lại vô cùng dễ sử dụng và tùy chỉnh. Đây là một ưu điểm vượt trội của wordpress. Với wordpress, một newbie không rành về code cũng có thể cài đặt, sử dụng một cách dễ dàng và nhanh chóng chỉ sau vài phút.

kiem tien tren mang free wp 3 lý do nên chọn wordpress làm website vệ tinh cho Doanh nghiệp của bạn

Chọn wordpress tạo blog kiếm tiền trên mạng

Hơn thế nữa, wordpress luôn được nâng cấp và cập nhật  liên tục các phiên bản mới. Ngoài ra, người dùng còn nhận được trợ giúp nhiệt tình từ cộng đồng wordpress và cộng đồng blogger khắp thế giới về những thủ thuật cũng như kỹ thuật để sử dụng wordpress một cách tốt nhất. Đó là lý do tại sao wordpress lại được sử dụng rộng rãi như vậy.

2. Kho tài nguyên khổng lồ

Một điểm mạnh nữa ở wordpress là lượng tài nguyên khổng lồ của nó. Có hàng triệu theme, plugin được viết dành riêng cho wordpress và số lượng không ngừng tăng thêm từng ngày. Với kho tài nguyên khổng lồ này, blog kiếm tiền trên mạng của bạn sẽ được tối ưu một cách tốt và nhanh gọn nhất. Chỉ vài phút cài đặt và hiệu chỉnh là bạn sẽ có ngay một chức năng, giao diện, tiện ích vô cùng chuyên nghiệp và hiệu quả.

kiem tien tren mang plugin wordpress 3 lý do nên chọn wordpress làm website vệ tinh cho Doanh nghiệp của bạn

Lý do nên chọn wordpress làm website vệ tinh

Đặc biệt, với hàng triệu theme từ miễn phí tới trả phí, bạn có thể sử dụng wordpress để làm ra rất nhiều thể loại blog/website như: blog kiếm tiền trên mạng, website tin tức, website bán hàng ….. Những giao diện tuyệt đẹp và chuyên nghiệp này đảm bảo sẽ làm hài lòng bất cứ khách hàng khó tính nào.

3. Tối ưu hóa SEO

Có thể nói đây là một điểm mạnh được các internet marketer trên thế giới rất yêu thích khi sử dụng wordpress làm blog/website kiếm tiền trên mạng cho mình. Sự xuất hiện của nhưng theme và plugin chuyên nghiệp dành riêng cho việc tối ưu hóa SEO đã giúp các internet marketer và các blogger tiết kiệm rất nhiều thời gian và công sức.

kiem tien tren mang SEO wordpress 3 lý do nên chọn wordpress làm website vệ tinh cho Doanh nghiệp của bạn

Lý do nên chọn wordpress làm website vệ tinh

Hiện nay, có 2 theme framework thông dụng hỗ trợ rất tốt cho việc SEO blog wordpress là Genesis và Thesis cùng hàng trăm childtheme lớn nhỏ vô cùng đa dạng tha hồ cho các bạn lựa chọn. Website của mình http://adamthien.com/ hiện cũng đang sử dụng framework thesis và childtheme Marketer Delight 2, các bạn có thể thấy nó cũng khá đẹp, gọn gàng và chuyên nghiệp đúng không nào?

Ngoài ra, còn có hàng triệu plugin lớn nhỏ, từ miễn phí đến trả phí được viết với mục đích giúp bạn tối ưu hóa SEO on page, off page cho blog kiếm tiền trên mạng của mình. Việc sử dụng các plugin hỗ trợ này sẽ giúp các bạn SEO cho keyword tiềm năng hiệu quả và chính xác hơn rất nhiều.

WordPress Pingback có thể bị lợi dụng để tấn công DDOS

Tắt Chức Năng Tự Pingback Của WordPress

 

Accunetix vừa công bố thông tin chức năng Pingback trong WordPress có thể bị lợi dụng trong các cuộc tấn công DDOS. Trong wordpress, Pingback là dạng XMLRPC API để kiểm tra phản hồi của các URL nguồn. Nếu nguồn có thực, WordPress sẽ đăng tải 1 đoạn comment với thông tin của websitenguồn để thông báo rằng có người đang đề cập đến bài viết của bạn.

wordpress pingback ddos WordPress Pingback có thể bị lợi dụng để tấn công DDOS

Một công cụ mới đã được chia sẻ trên trang Github với tên gọi WordPressPingbackPortScanner có chức năng quét và tìm các site dùng wordpress đang mở chế độ Pingback.

Lỗi này đã được gửi đến cộng đồng wordpress, nhưng vì lý do nào đó nó đã bị đóng lại với quan điểm: Có rất nhiều cách để dàn dựng các cuộc tấn công DDOS.

Hiện tại, việc tắt chế độ Pingback cũng không thể giải quyết vấn đề nay, cách tốt nhất là chờ một bản cập nhật.

Nguồn : http://yeuwordpress.com/thu-thuat-wordpress

5 wordpress rating plugin

gd star rating 5 wordpress rating plugin

Rating là một trong những phần khá thú vị của website. nó cho phép người truy cập tương tác và đánh giá bài viết của bạn. có rất nhiều plugin wordpress hỗ trợ Rating. Sau đây mình xin giới thiệu 1 vài wordpress rating plugin:

1 GD Star Rating

Plugin cho phép cài đặt nâng cao chức năng rating cho post và comments. (Plugin allows you to set up advancedrating and review system for post types and comments in your blog using single, multi and thumbs ratings)

2 WP-PostRatings

cho phép thêm hệ thống ajax rating vào bài viết và page trên trang wordpresscủa bạn (Adds an AJAX rating system for your WordPress blog’s post/page.)

3 Xavin’s Review Ratings

Chỉ cần thêm đoạn code [xrr rating=4/5]  , nó sẽ hiển thị 1 hệ thống rating . (Adds a shortcode tag [xrr rating=4/5] that displays a rating in one of several formats. Intended for sites doing reviews.)

4 kk Star Ratings

kk star ratings cho phép khách truy cập blog tương tác hiệu quả hơn với web bạn, bằng các ratings (kk Star Ratings allows blog visitors to involve and interact more effectively with your website by rating posts.)

5 Rating Widget

Create and manage Rating-Widget ratings from within WordPress (+ BuddyPress Support + BP’s bbPress Support).

Nguồn :http://seotopten.net/5-wordpress-rating-plugin/

10 Công Cụ Giúp Tối Ưu Hình Ảnh Cho Blog

Đây là bài viết mới được đăng tải trên Daily SEO Blog và được bác Tỉnh bên blogviet dịch lại. Mình copy về đây hy vọng sẽ giúp ích các bạn ít nhiều.

Tối ưu hình ảnh và giảm thời gian tải trang là 2 nhân tố khá quan trọng trong chiến lược SEO của mọi blogger. Nếu bạn có kiến thức về PhotoShop thì việc này sẽ không khó khăn lắm, tuy nhiên nếu bạn “mù tịt” về Photoshop như blogviet thì việc sử dụng các công cụ “ăn sẵn” trên mạng sẽ là một giải pháp hữu hiệu.

Có rất nhiều công cụ trên mạng giúp bạn hiệu chỉnh hình ảnh giúp giảm thời gian tải trang, tuy nhiên đây là danh sách 10 công cụ mà Daily SEO Blog khuyên bạn nên dùng.

Các bạn cũng có thể tham khảo thêm các cách tăng tốc blog thông qua việc tối ưu PHP, CSS, XHTML mà bác hutek đã giới thiệu trong phần 1 và phần 2.

1.  Web Resizer

1 10 Công Cụ Giúp Tối Ưu Hình Ảnh Cho Blog

Web Resizer

2. GIF Bot

2 10 Công Cụ Giúp Tối Ưu Hình Ảnh Cho Blog

GIF bot

3. Smush It (from Yahoo)

3 10 Công Cụ Giúp Tối Ưu Hình Ảnh Cho Blog

Smush It

4. Dynamic Drive Image Optimizer

4 10 Công Cụ Giúp Tối Ưu Hình Ảnh Cho Blog

5. JPEG Cleaner

5 10 Công Cụ Giúp Tối Ưu Hình Ảnh Cho Blog

JPEG Cleaner

6. Web Graphics Optimizer

6 10 Công Cụ Giúp Tối Ưu Hình Ảnh Cho Blog

Web Graphics Optimizer

7. Image Optimizer

7 10 Công Cụ Giúp Tối Ưu Hình Ảnh Cho Blog

Image Optimizer

8.  WordPress Automatic Image compression plugin (Smush.it)

8 10 Công Cụ Giúp Tối Ưu Hình Ảnh Cho Blog

WordPress Automatic Image compression plugin

9.  Stanley Shilov’s Image compression Tool

9 10 Công Cụ Giúp Tối Ưu Hình Ảnh Cho Blog

Stanley Shilov’s Image compression Tool

10. Image Reducer Optimization Tool

10 10 Công Cụ Giúp Tối Ưu Hình Ảnh Cho Blog

Image Reducer Optimization Tool

Hy vọng các công cụ này sẽ các bạn được ít nhiều trong việc tối ưu hình ảnh cũng như SEO tốt hơn cho blog của mình. SEO tốt hơn thì blog sẽ có rank cao hơn và tất nhiên kiếm tiền sẽ dễ hơn. Mọi mục tiêu đều nhắm tới 1 cái đích mà thôi.

Theo Daily Seo Blog

Thủ Thuật WordPress: Cách Thêm Link cho Widget Title WordPress

(Thu Thuat  WordPress) – Hầu hết các Themes WordPress không thể thiết lập link cho tiêu đề widget . Nhưng bạn muốn thêm link cho widget Title vậy bạn phải là sao.Bài viết này Học Wordpress sẽ giúp bạn custom link trong widget . Để hiểu rõ hơn bài viết này đang nói vấn đề gì thì bạn vui lòng nhìn hình sau.

11 Thủ Thuật WordPress: Cách Thêm Link cho Widget Title WordPress

 

Bạn nhìn sẽ thấy bình thường nếu ta thêm 1 widget thì ở tiêu đề widget sẽ không có link.Điều chúng ta cần là làm sao để xuất hiện custom link

21 Thủ Thuật WordPress: Cách Thêm Link cho Widget Title WordPress

Đơn giản chỉ cần cài plugin Widget Title Links bạn sẽ tuỳ chỉnh đơn như ý muốn.

 

Thesis 2: Làm quen với CSS Editor

thesis guide Thesis 2: Làm quen với CSS Editor

Tiếp nối loạt bài viết hướng dẫn Thesis 2, mình xin tiếp tục bài viết hôm nay với một tính năng mà mình rất thích trong Thesis 2, và có thể nói rằng nó đã giúp một phần nào đó đưa Thesis 2 lên trở thành một trong những Theme Framework độc đáo nhất. Vâng, không tính năng nào khác đó là CSS Editor – một tính năng cho phép bạn tùy chỉnh skin bằng CSS và quản lý CSS rất thông minh.

 

thesis2 css editor 1 Thesis 2: Làm quen với CSS Editor

Có không ít người khi nhìn vào giao diện trên thì sẽ thốt lên rằng “What the F*ck! Cái quái gì thế này? CSS là đây à?” Vâng, đó chính là các đoạn mã CSS được chèn vào skin. Nhìn sơ qua thì bạn sẽ không nghĩ rằng đó là CSS vì không thấy bất cứ mã CSS nào, nhưng các bạn yên tâm, vẻ đẹp tiềm ẩn càng tìm càng ẩn cơ mà 😀 . Các bạn sẽ biết vì sao nó lại như vậy thông qua bài viết này.

Các tính năng trong CSS Editor của Thesis 2

Reference Sheet

thesis2 css editor 2 Thesis 2: Làm quen với CSS EditorĐây nghĩa là khu vực bạn gọi các CSS Packages có trong skin và mỗi package luôn bắt đầu bằng ký tự &. Giả sử như&submit có thuộc tính CSS như sau:

.div {
color:#000000;
background:#ffffff;
}

Thì khi gọi vào file style.css hoặc custom.css trong Thesis là &submit thì khi xuất ra trình duyệt nó sẽ hiển thị đoạn CSS ở trên

Tính năng này giúp bạn có thể quản lý các đoạn mã CSS tốt hơn nhờ cách sắp xếp ngăn nắp, bạn có thể tạo nhiều CSS Packages khác nhau sau đó thích cái nào thì sử dụng cái đó, không thích thì cất nó đi mà không cần phải sửa đi sửa lại trực tiếp trong file CSS. Quan trọng hơn, nó cũng giúp website bạn chạy nhanh hơn rất nhiều.

Bạn có thể ngó qua bên tay phải, ở đó bạn sẽ thấy các packages hiện có của skin bao gồm ký tự &trước tên của nó, muốn áp dụng packages nào lên skin thì chỉ cần viết nó vào file style.css hoặc custom.css. Nhưng bạn đang lo lắng CSS Packages trong Thesis 2 là như thế nào? Và bạn muốn tạo thêm nhiều CSS package khác nữa? Được rồi, bây giờ chúng ta sẽ tìm hiểu phần này nhé.

CSS Packages

thesis2 css editor 3 Thesis 2: Làm quen với CSS EditorGiải thích dễ hiểu nhất thì đây là tập hợp các gói CSS chứa những thuộc tính CSS mà bạn đã thiết lập cho nó. Một package chỉ được thực thi khi bạn nhúng nó vào file CSS của skin, nghĩa là bạn có 30 packages nhưng bạn chỉ nhúng 10 packages vào skin thì file CSS mà bạn đã nhúng chỉ hiển thị các giá trị CSS có trong 10 packages này.

Bây giờ các bạn thử nhấp vào 1 package xem, nó sẽ hiển thị bảng tùy chỉnh như thế này

thesis2 css editor 4 Thesis 2: Làm quen với CSS Editor

Ngay tại tab Package, nó có 3 thông số chính mà bất kỳ package nào cũng phải có.

  • Name: Tên của Package, nó không ảnh hưởng gì nhưng nó sẽ giúp bạn dễ nhớ hay đặt tên cho 1 package để tiện quản lý.
  • Reference: Tên mà sẽ gọi vào file CSS, giả sử như trên hình tùy chọn Reference là tagline, vậy nếu mình muốn gọi nó vào 1 file CSS trong Thesis 2 thì sẽ viết &tagline.
  • CSS Selector: Vùng chọn để áp dụng các thuộc tính CSS có trong package, bạn có thể chọn ID hoặc Class trong thẻ HTML. Khi bạn thiết lập vùng chọn cho một khu vực nào đó thì các thuộc tính CSS có trong đây không thể áp dụng cho các vùng chọn khác. Ví dụ nếu bạn đặt vùng chọn là #content thì các thuộc tính CSS trong package của bạn chỉ có thể áp dụng trên các thẻ HTML chứa class #content (id=”content”).

Kế tiếp là tab Options, nhấp vào bạn sẽ thấy có các tùy chọn như Font Settings, Text Color, Border, Margin, Background, Padding…bla bla…Đó là các tùy chọn mặc định của một package. Tức là các giá trị của mỗi thuộc tính ở đây sẽ áp dụng vào package nếu như bạn tùy chỉnh nó, ví dụ nếu bạn tùy chỉnh background color thì khi bạn áp dụng package này vào đâu thì ở đó sẽ hiển thị background color. Còn nếu bạn muốn thêm các thuộc tính CSS nâng cao hơn thì có thể thêm nó ở tab Additional CSSnằm bên cạnh.

Cách tạo 1 CSS Package cơ bản

Để tạo được 1 CSS Package thì đầu tiên bạn chọn phân loại của package ngay tại thanh chọn Select package to add: ở phía trên

thesis2 css editor 5 Thesis 2: Làm quen với CSS EditorGiải thích thêm về phân loại của từng CSS Package: Khi bạn chọn phân loại nào trước lúc tạo một package, thì ở phần CSS Selector của nó sẽ tự động thêm vùng chọn thích hợp dựa vào từng phân loại. Ví dụ bạn chọn phân loại là Post Formatting thì nó sẽ tự thêm .post_box vào CSS Selector, tức là chỉ áp dụng trong bài viết.

Sau khi chọn xong phân loại,  nút Add Package xanh lét sẽ hiện ra, nhấp vào đó để tiến hành tạo một CSS Package mới, bảng tùy chọn của một CSS Package cơ bản hiện ra và bạn chỉ cần điền nó hay chỉnh sửa các thông số rồi nhấn Save. Lúc này bạn sẽ thấy package mình vừa mới tạo sẽ xuất hiện bên dưới.

thesis2 css editor 6 Thesis 2: Làm quen với CSS Editor

 

CSS Variables

thesis2 css editor 7 Thesis 2: Làm quen với CSS Editor

Đây là tính năng tạo một reference cho mỗi thuộc tính CSS. Ví dụ thay vì mình viết đoạn code CSS như thế này.

text-shadow: 2px 3px 4px #2323d9;

Thì lúc này, mình chỉ cần tạo một variables có tên là textsha và đặt giá trị cho nó là
2px 3px 4px #2323d9
Bây giờ mình không cần viết lại giá trị kia nữa mà chỉ cần viết

text-shadow:$textsha; Bạn có thể thấy tính năng này cũng na ná như CSS Package khi cho phép chúng ta quản lý các giá trị của một thẻ CSS một cách thông minh hơn. Nhưng bạn cần phân biệt giữa dấu & ( CSS Packages) và $ (CSS Variables) để khỏi lẫn lộn nhé.

Có một điều thật tuyệt vời khác nữa đó là bạn có thể áp dụng CSS Variables ở bất cứ đâu trongWordPress ở phần CSS Editor. Từ việc viết vào file style.css đến việc viết vào các phần tùy chọn, xem ảnh cho dễ hiểu nhé.

thesis2 css editor 8 Thesis 2: Làm quen với CSS Editor

thesis2 css editor 9 Thesis 2: Làm quen với CSS EditorMuốn tạo một CSS Variable riêng thì chỉ cần nhấp nút Create Variable, sau đó nhập các thông tin cần thiết như Name, Reference và Variables Value.

thesis2 css editor 10 Thesis 2: Làm quen với CSS Editor

Xong, đến đây là bạn đã vừa tìm hiểu qua hết những điều cần biết trong khu vực CSS Editor của Thesis 2 rồi đó, hy vọng qua bài này các bạn sẽ có cái nhìn khác hơn về việc tùy chỉnh Thesis, nhất là những ai thích sử dụng CSS thì các tính năng này quả là rất tuyệt vời. Nếu bạn có gì khó hiểu hay thắc mắc khi sử dụng CSS Editor, hãy gửi thắc mắc đó vào phần bình luận của bài viết này nhé.

7 shortcode hữu ích cho “dân” nghiền WordPress

Lưu ý: Hãy chắc chắn rằng những WordPress Shortcode dưới đây không bị trùng với các WordPress Shortcode mà bạn đang sử dụng.

Hiển thị snapshot của trang web

Để hiển thị snapshot của một trang web nào đó, các bạn chỉ cần thêm đoạn code dưới đây vào trong tập tin functions.php của WordPress Theme mà bạn đang sử dụng:

 

01
02
03
04
05
06
07
08
09
10
11
12
13
14
function afublog_snap($atts$content = null) {
        extract(shortcode_atts(array(
            "snap" => 'https://s-ssl.wordpress.com/mshots/v1/',
            "url" => 'http://afublog.com',
            "alt" => 'All 4 You Blog',
            "w" => '500',
            "h" => '400' //
        ), $atts));
    $img '<img src="' $snap '' . urlencode($url) . '?w=' $w '&h=' $h '" alt="' $alt '"/>';
        return $img;
}
add_shortcode("snap""afublog_snap");

rồi sau đó chèn đoạn shortcode sau vào nơi mà bạn muốn hiển thị snapshot của trang web mà bạn yêu cầu:

1 [snap url="http://afublog.com" alt="All 4 You Blog - afublog.com" w="400" h="300"]

Đầu ra của đoạn shortcode trên sẽ là: Hiển thị snapshot của trang web có tên miền là:http://afublog.com với thông số alt là: All 4 You Blog – afublog.com. Snapshot sẽ được hiển thị với kích thước: chiều rộng là: 400px và chiều cao là: 300px.

Hiển thị nút quyên góp

Rất nhiều blogger cần sự hỗ trợ của bạn đọc về mặt tài chính để duy trì và phát triển blog. Để hiển nút quyên góp qua bằng shortcode, các bạn hãy thêm đoạn code dưới đây vào trong tập tin functions.phpcủa WordPress Theme mà bạn đang sử dụng:

Lưu ý: Đoạn code này được Dũng viết với khả năng hỗ trợ cho 2 dịch vụ lưu trữ tiền & thanh toán trực tuyến khá nối tiệng hiện nay đó là: Paypal.com và NgânLượng.vn

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
function afublog_donate_shortcode( $atts ) {
    extract( shortcode_atts( array(
        'url' => 'http://afublog.com',
        'taikhoan' => 'donate@afublog.com<script type="text/javascript">
/* <![CDATA[ */
(function(){try{var s,a,i,j,r,c,l=document.getElementById("__cf_email__");a=l.className;if(a){s='';r=parseInt(a.substr(0,2),16);for(j=2;a.length-j;j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode(c);}s=document.createTextNode(s);l.parentNode.replaceChild(s,l);}}catch(e){}})();
/* ]]> */
</script>',
        'for' => 'All 4 You Blog',
        'sotien' => '5000',
        'dichvu' => 'paypal',
        'text' => ''
    ), $atts)); 
    if$dichvu == 'nganluong' )    return '<a href="https://www.nganluong.vn/button_payment.php?receiver=' $taikhoan .'&amp;product_name=Ủng hộ cho ' $for '&amp;price=' $sotien '&amp;return_url=' $url '&amp;comments=Ủng hộ cho ' $for .'" target="_blank"><img border="0" src="https://www.nganluong.vn/data/images/buttons/13.gif"></a>';
    else
    {
        global $post;
        if ( !$for )    $for str_replace" ""+"$post -> post_title );
        if$text != NULL ) return '<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business='.$taikhoan.'&item_name=Ung+ho+cho+'.$for.'" target="_blank">'.$text.'</a>';
        else    return '<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business='.$taikhoan.'&item_name=Ung+ho+cho+'.$for.'" target="_blank"><img src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" alt="Ủng hộ qua Paypal"></a>';
    }
}
add_shortcode('donate''afublog_donate_shortcode');

rồi sau đó chèn đoạn shortcode sau vào nơi mà bạn muốn hiển thị nút quyên góp:

– Để hiển thị nút quyên góp qua Paypal.com, các bạn hãy chèn đoạn shortcode sau:

1
2
3
4
5
[donate dichvu="paypal" taikhoan="paypal@afublog.com<script type="text/javascript">
/* <![CDATA[ */
(function(){try{var s,a,i,j,r,c,l=document.getElementById("__cf_email__");a=l.className;if(a){s='';r=parseInt(a.substr(0,2),16);for(j=2;a.length-j;j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode(c);}s=document.createTextNode(s);l.parentNode.replaceChild(s,l);}}catch(e){}})();
/* ]]> */
</script>" text="Quyên góp cho All 4 You Blog qua Paypal" for="All 4 You Blog"]

Đầu ra của đoạn shortcode trên sẽ là: Hiển thị một nút quyên góp: Quyên góp cho All 4 You Blog qua Paypal với tài khoản Paypal sẽ nhận quyên góp là: paypal@afublog.com và có tên item trên Paypal là:Ung ho cho All 4 You Blog – afublog.com.

Ngoài ra các bạn cũng có thể trang trí cho nút quyên góp qua Paypal trên bằng cách viết CSS cho lớp paypal-donate. Dưới đây là một đoạn CSS gợi ý của All 4 You Blog. Các bạn hãy chèn đoạn code này vào trong tập tin style.css của WordPress Theme mà bạn đang sử dụng:

1
2
3
4
5
6
7
8
9
.paypal-donate {
    backgroundurl("https://lh5.googleusercontent.com/-e2CrM4_SuzM/Tl93zC8NarI/AAAAAAAABNU/Ai-3YI0z7QA/s800/icon_cafe.gif"no-repeat scroll 8px50% transparent;
    border2px solid #DEEDF7;
    displayblock;
    font-weightbold;
    margin15px 0;
    padding24px 80px;
    text-aligncenter;
}

– Để hiển thị nút quyên góp qua NgânLượng.vn, các bạn hãy chèn đoạn shortcode sau:

1
2
3
4
5
[donate dichvu="nganluong" taikhoan="nganluong@afublog.com<script type="text/javascript">
/* <![CDATA[ */
(function(){try{var s,a,i,j,r,c,l=document.getElementById("__cf_email__");a=l.className;if(a){s='';r=parseInt(a.substr(0,2),16);for(j=2;a.length-j;j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode(c);}s=document.createTextNode(s);l.parentNode.replaceChild(s,l);}}catch(e){}})();
/* ]]> */
</script>" for="All 4 You Blog - afublog.com" sotien="10000"]

Đầu ra của đoạn shortcode trên sẽ là: Hiển thị một nút quyên góp qua NgânLượng.vn với tài khoản NgânLượng.vn sẽ nhận quyên góp là: nganluong@afublog.com và có tên sản phẩm (product) trên NgânLượng.vn là: Ủng hộ cho All 4 You Blog – afublog.com với số tiền tối thiểu cho 1 lần quyên góp là10.000 VNĐ.

Mã hóa source code của địa chỉ email

Hiện nay có rất nhiều spam bot lùng sục trên khắp Internet để thu thập thông tin của các địa chỉ email nhằm mục đích spam thư rác. Để giúp địa chỉ email của bạn không trở thành nạn nhân của những con spam bot nói trên, các bạn hãy thêm đoạn code dưới đây vào trong tập tin functions.php của WordPress Theme mà bạn đang sử dụng:

1
2
3
4
5
function afublog_mail_shortcode( $atts $content=null ) {
    for ($i = 0; $i strlen($content); $i++) $encodedmail .= "&#" . ord($content[$i]) . ';';
    return '<a href="mailto:'.$encodedmail.'">'.$encodedmail.'</a>';
}
add_shortcode('mailto''afublog_mail_shortcode');

rồi sau đó sử dụng đoạn shortcode sau thay vì ghi trực tiếp địa chỉ email của bạn:

1
2
3
4
5
[mailto]email@afublog.com<script type="text/javascript">
/* <![CDATA[ */
(function(){try{var s,a,i,j,r,c,l=document.getElementById("__cf_email__");a=l.className;if(a){s='';r=parseInt(a.substr(0,2),16);for(j=2;a.length-j;j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode(c);}s=document.createTextNode(s);l.parentNode.replaceChild(s,l);}}catch(e){}})();
/* ]]> */
</script>[/mailto]

Đầu ra của đoạn shortcode trên sẽ là: Hiển thị địa chỉ email: email@afublog.com một cách bình thường mà con người có thể đọc được tuy nhiên đoạn source code của nó đã bị mã hóa. (Nhấn Ctrl+U để xem)

Tạo nội dung ẩn

Nếu bạn muốn ẩn một nội dung nào đó với bạn đọc không phải là thành viên đăng ký của blog/website của bạn, hãy thêm đoạn code dưới đây vào trong tập tin functions.php của WordPress Theme mà bạn đang sử dụng:

1
2
3
4
5
6
7
function afublog_member_check_shortcode( $atts$content = null ) {
     if ( is_user_logged_in() && !is_null$content ) && !is_feed() )
        return $content;
    return '';
}
add_shortcode( 'member''afublog_member_check_shortcode' );

rồi sau đó sử dụng đoạn shortcode sau với nội dung mà bạn muốn ẩn:

1 [member]Xin chào các bạn.[/member]

Đầu ra của đoạn shortcode trên sẽ là: Hiển thị nội dung: Xin chào các bạn. với những bạn đọc đang đăng nhập vào blog/website của bạn và ẩn nội dung: Xin chào các bạn. với bạn đọc không đăng nhập vào blog/website của bạn.

Nhúng PDF dưới dạng iframe

Để chèn nội dung tài liệu PDF vào bài viết của bạn, hãy thêm đoạn code dưới đây vào trong tập tinfunctions.php của WordPress Theme mà bạn đang sử dụng:

1
2
3
4
function afublog_viewpdf($attr$url) {
    return '';
}
add_shortcode('embedpdf''afublog_viewpdf');

rồi sau đó sử dụng đoạn shortcode dưới đây:

1 [embedpdf width="600px" height="500px"]http://infolab.stanford.edu/pub/papers/google.pdf[/embedpdf]

Đầu ra của đoạn shortcode trên sẽ là: Hiển thị nội dung của tài liệu PDF có được dẫn:http://infolab.stanford.edu/pub/papers/google.pdf với chiều rộng là: 600px và chiều cao là: 500px.

Chỉ hiện nội dung trong feed

Shortcode này sẽ cho phép bạn chỉ hiện thị một nội dung nào đó trong RSS feed của bạn. Để khai thác tính năng này, các bạn hãy thêm đoạn code dưới đây vào trong tập tin functions.php của WordPress Theme mà bạn đang sử dụng:

1
2
3
4
5
function afublog_feedonly_shortcode( $atts$content = null) {
    if (!is_feed()) return "";
    return $content;
}
add_shortcode('feedonly''afublog_feedonly_shortcode');

rồi sau đó sử dụng đoạn shortcode dưới đây:

1 [feedonly]Mã giấy phép bản quyền của bạn là: XYZ[/feedonly]

Đầu ra của đoạn shortcode trên sẽ là: Hiển thị nội dung: Mã giấy phép bản quyền của bạn là: XYZ trong RSS feed mà không hiển thị ở trong bài viết gốc.

Nhúng RSS feed

Để nhúng nội dung RSS feed vào trong bài viết của bạn, hãy thêm đoạn code dưới đây vào trong tập tinfunctions.php của WordPress Theme mà bạn đang sử dụng:

01
02
03
04
05
06
07
08
09
10
11
12
include_once(ABSPATH.WPINC.'/rss.php');
function afublog_readRss($atts) {
    extract(shortcode_atts(array(
    'feed' => 'http://feeds.feedburner.com/all4youblog',
    'num'=> '1',
    ), $atts));
    return wp_rss($feed$num);
}
add_shortcode('rss''afublog_readRss');

rồi sau đó chèn đoạn shortcode dưới đây vào nơi mà bạn muốn hiển thị nội dung RSS feed:

1
  • Lỗi: có thể dòng không tin đang không hoạt động. Hãy thử lại sau.

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.

Thủ Thuật WordPress : Cách chèn nhạc vào blog WordPress không dùng plugin.

(Thủ Thuật WordPress) – Nhiều lúc bạn muốn chèn nhạc vào bài viết của mình nhưng loay hoay mãi chẳng biết làm sao.Trong wordpress thì không thấy có chức năng chèn nhạc vào bài viết.Vậy phải là thế nào để chèn được nhạc vào bài viết ? có nhiều plugin cho phép chèn nhạc vào bài viết.Nhưng bài này Harry sẽ chỉ cho các bạn không dùng plugin mà vẫn chèn được nhạc vào bài viết wordpress.

chen nhac vao bai viet wordpress Thủ Thuật WordPress : Cách chèn nhạc vào blog WordPress không dùng plugin.

Trước tiên bạn phải upload nhạc của mình lên các trang chia sẽ.Làm sao để có link-bai-hat.mp3 là được.Có nhiều trang nhé bạn có thể dùng : Soundcloud. Với trang này thì bạn phải đăng kí rồi up nhạc lên ( các bước bạn tự nghiên cứu nhé.Nó cũng dễ làm ^_^)

C1. Sau khi bạn upload xong thì nó sẽ tạo ra đoạn mã embed để chúng ta chèn vào bài viết của mình.Với cách này thì bạn mất công phải download , rồi up load lên.Cũng mất nhiều thời gian quá.:D

C2. Với bạn đã có link .mp3 sẵn.Bài này Harry sẽ dùng link này

http://qns.vn/Upload/Chuongtrinh/QnS%201140%20(24.03.2013)_upload%20by%20quick_vocam.mp3

Đây là link quick and snow show 1140 harry dùng idm bắt được.

Ở trình soạn thảo bài viết bạn chuyển sang dạng Text để chèn đoạn mã sau dưới dạng html nơi mà bạn muốn xuất hiện

<audio width=”300″ height=”32″ style=”font-size: 13px; line-height: 19px;” preload=”auto” autoplay=”autoplay” controls=”controls” src=”http://qns.vn/Upload/Chuongtrinh/QnS%201140%20(24.03.2013)_upload%20by%20quick_vocam.mp3″>
</audio>

Bạn để ý trong đoạn mã trên có các thông số :

– preload=”auto” : bạn có muốn load lại khi nghe hết bài hay không.

– autoplay=”autoplay” :  Khi link được mở thì bài hát tự động play bạn không cần phải nhấn nút.

– src=”link.mp3″ : thay link bài hát của bạn.

Và bây giờ nhấn public nào . Nghe thử bài hát của Harry dùng cho bài viết này ở dưới nhé.Bạn nào chưa làm được thì comment tại đây luôn nhé.Cách nà cũng áp dụng với các blog mã nguồn khác bạn nhé.

Thêm Like Facebook , Google +1 , Twitter , Linkhay không dùng plugin

Một số bạn muốn chèn các mạng xã hội vào cho website Nhưng lại không biết làm sao cho đẹp hay cho tiện lợi. Bài viết này Harry chia sẻ cho các bạn biết cách chèn Like Facebook , Google +1 , Twitter , LinkHay vào website của mình một cách đơn giản nhất.Đây cũng là cách mà Harry áp dụng cho website : Ao so mi nu . Mục đích để khách hàng hoặc webmaster đọc bài xong có thể share bài viết lên mạng xã hội luôn.

18 Thêm Like Facebook , Google +1 , Twitter , Linkhay không dùng plugin

Bạn có thể nhìn bên góc phải bài viết có xuất hiện các nút mạng xã hội như trên.Bây giờ ta chỉ cần mở file footer.php rồi thêm vào đoạn code sau trước thẻ đóng </body>

<!—social–>
<div id=”ShareBar”>
<div style=”float:left; margin:10px 0 0 10px;”>
<div id=”fb-root”></div>

<div class=”fb-like” data-href=’<?=$song_URL;?>’ data-send=”true” data-layout=”box_count” data-width=”50″ data-show-faces=”false” data-font=”arial”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/vi_VN/all.js#xfbml=1&appId=338179059595200″;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
</div>
<div style=”float:left; margin:10px 0 0 10px;”>
<g:plusone></g:plusone>
</div>
<div style=”float:left; margin:10px 0 0 10px;”>
<!– tweet button start–>
<a href=”https://twitter.com/share” rel=”nofollow” class=”twitter-share-button” data-url=’<?=$song_URL;?>’ data-text=”<?php the_title();?>”>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];
if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=”//platform.twitter.com/widgets.js”;
fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);
</script>
<!– tweet button start–>
</div>

</div>
<!–end–>

Đoạn code trên Harry lược bỏ button link hay.Bây giờ bạn chỉ cần css cho đúng ý thích của mình.Harry cho nó về bên phải nhé.

#ShareBar { font-size: 9px;
line-height: normal;
overflow: hidden;
position: fixed;
right: 0 !important;
text-align: center;
top: 28%;
width: 71px;
z-index: 99935;
background:#EB730A;}

Và bây giờ F5 và xem lại thành quả của mình nhé.Nếu bạn gặp khó khăn vui lòng gửi ý kiến tại form bình luận.Đừng quên ủng hộ +1 Harry tại topic sau : shop quan ao