7+ Free HTML Admin Template for Coder

Chào các bạn, chúng ta là những người lập trình web, và hướng đến một sự tiện lợi tối đa cho người dùng cũng như khách hàng của mình, do đó một giao diện quản lý web chuyên nghiệp là hết sức cần thiết với các bạn, hãy tham khảo bộ sưu tập HTML admin templates sau.

Giới thiệu về HTML Admin Template

Một web thiết kế ra bao gồm hai thành phần đó là trang public dành cho người truy cập thông thường và một trang dành cho người quản lý website gọi là admin người ta còn gọi là frontend và backend.

 7+ Free HTML Admin Template for Coder

Admin templates

Thông thường về trang frontend thì sẽ có người thiết sẳn cho bạn hay hiểu một cách khác là điều mà các bạn học thiết kế web quan tâm đầu tiên, đơn giản vì nó đập vào mặt bạn trước hết. Người ta luôn coi trọng việc tối ưu giao diện này vì nó là bộ mặt của website, công ty trên mạng. Tuy nhiên một điều quan trong nữa mà các bạn mới học chưa để ý đó là làm sao có một trang admin chuyên nghiệp dễ quản lý mà vẫn đẹp mắt.

Các Admin Templates sau đây sẽ giúp bạn thực hiện được điều đó, khi sử dụng Admin Template bạn tiết kiệm rất nhiều thời gian và công sức khi làm gia diện, bạn chỉ việc kế thừa các control HTML đã có sẳn và mình code cho nó thôi. Ngoài ra các Admin Templates khách hàng của bạn sẽ trải nghiệp được sự chuyên nghiệp trong đó và tạo một sự tin tưởng đối với website của bạn tạo ra cho họ và hiển nhiên là có lợi cho bạn rất nhiều về sau này.

Các HTML Admin Templates đều là miễn phí cho bạn, đâu là thành quả chia sẻ của các anh em trên mạng, những Admin Templates này được thiết kế bởi các nhà thiết kế theme, và sản xuất template rất chuyên nghiệp, chúng là các Premium Template và được chia sẻ, hãy download về và thưởng thức:

1. Simpla Admin Template for Free – DEMO / DOWNLOAD

Simpla Admin Free Template HTML 7+ Free HTML Admin Template for Coder

Simpla Admin Free Template HTML

2. Admintasia Admin Template Miễn Phí – DEMO / DOWNLOAD

Admintasia admin template mien phi 7+ Free HTML Admin Template for Coder

Admintasia admin template miễn phí

3. In Admin Panel Template – DEMO / DOWNLOAD

 7+ Free HTML Admin Template for Coder

in admin panel template for free

4. Equinox cPanel Admin Template – DEMO / DOWNLOAD

 7+ Free HTML Admin Template for Coder

Equinox cPanel Admin Template

5. Flexy Admin Template Free – DEMO / DOWNLOAD

 7+ Free HTML Admin Template for Coder

Flexy Admin Template

6. Internet Dreams Admin Skin – DEMO / DOWNLOAD

 7+ Free HTML Admin Template for Coder

Internet Dreams Admin Skin

7. Transdmin Admin XHTML Template – DEMO / DOWNLOAD

 7+ Free HTML Admin Template for Coder

Transdmin Admin XHTML Template

Kết luận: Vậy là chúng ta đã có một bộ sưu tập các admin template rất tuyệt vời, nếu biết khai thác chúng ta sẽ tiết kiệm rất nhiều thời trang trong việc thiết kế giao diện cho admin của mình. Chúc mọi người thành công!

Theo BCD

Thống kê truy cập – chCounter for WP

Chức năng thống kê truy cập đã trở nên rất phổ biến cho mọi trang web, để cài đặt và sử dụng chức năng thống kê truy cập trong wp, tôi giới thiệu với bạn đọc một plugin của wordpress: chCounter

 

  • Trước tiên bạn vào link plugin: http://wordpress.org/extend/plugins/chcounter-widget/installation/ và tải plugin chCounter về và upload lên thư mục plugin của site
  • Vào link http://chcounter.org/index.php?s=dateien download bộ source chCounter3.1.3-full.zip
  •  Giải nén source vào thư mục gốc của web – cùng cấp với thư mục wp-admin9f8b760bd0fb488d83453e1 Thống kê truy cập – chCounter for WP
  • Vào trong thư mục chCounter3.1.3/includes đổi tên file config.inc.php-3.1.3 thành config.inc.php, mở file này lên và sửa thông tin kết nối database

daccc9b8876b481dabf4d52 Thống kê truy cập – chCounter for WP

  • Chạy file instal.php ở link có dạng như sau để cài đặt: http://yoursite.com/chCounter3.1.3/install/install.php
  • Vào admin của wp site kích hoạt plugin chCounter
  • Vào Setting/chCounter và nhập vào đường dẫn tới thư mục chứa source code chCounter3.1.3 (chú ý là đường dẫn tới thư mục chứ không phải là đường link tới thư mục)
  • acb2115c9cb44498bf6be3d Thống kê truy cập – chCounter for WP
  • Kéo những mục thống kê bên trái qua bên phải để hiển thị ra sidebar
  • Vào Appearance/Widgets, kéo chCounter widget ra sidebar muốn hiển thị
  • Nếu muốn dịch sang tiếng việt, vào thư mục docs và đọc file translations_en.txt để biết thêm chi tiết  Thống kê truy cập – chCounter for WP

Thêm top menu đẹp cho Thesis 2

Trong bài hướng dẫn Thesis 2 này mình sẽ hướng dẫn các bạn cách làm đẹp top menu cho Thesis 2 giống như hình phía dưới. Cực kỳ dễ làm và ai cũng có thể làm được.

top menu thesis2 Thêm top menu đẹp cho Thesis 2

 

Chèn CSS vào Custom CSS

Các bạn vào Thesis -> Skin Editor -> mở tab CSS -> mở tab Custom CSS rồi chèn đoạn CSS dưới đây vào

ul.dark_menu{
 list-style:none;
 padding:0;
 font-family:Arial;
 font-size:14px;
 line-height:14px;
 float:right}
 ul.dark_menu:after{
 content:"";
 clear:both;
 display:block;
 overflow:hidden;
 visibility:hidden;
 width:0;
 height:0}
 ul.dark_menu li{
 float:left;
 margin:0 0 0 10px;
 position:relative}
 ul.dark_menu li:first-child{
 margin:0}
 ul.dark_menu li a, ul.dark_menu li a:link{
 color:#fff;
 text-decoration:none;
 display:block;
 padding:10px 26px;
 text-shadow:0 1px 0 #4b433e;
 background:#362f2c;
 background:-moz-linear-gradient(top,#362f2c 0%,#282321 100%);
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#362f2c),color-stop(100%,#282321));
 background:-webkit-linear-gradient(top,#362f2c 0%,#282321 100%);
 background icon surprised Thêm top menu đẹp cho Thesis 2 -linear-gradient(top,#362f2c 0%,#282321 100%);
 background:-ms-linear-gradient(top,#362f2c 0%,#282321 100%);
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#362f2c',endColorstr='#282321',GradientType=0 );
 background:linear-gradient(top,#362f2c 0%,#282321 100%);
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius:4px;
 -webkit-box-shadow:inset 0 1px 0 #564b46,
 0 1px 1px #181514;
 -moz-box-shadow:inset 0 1px 0 #564b46,
 0 1px 1px #181514;
 box-shadow:inset 0 1px 0 #564b46,
 0 1px 1px #181514;
 -webkit-transition:all 1s ease;
 -moz-transition:all 1s ease;
 -o-transition:all 1s ease;
 -ms-transition:all 1s ease;
 transition:all 1s ease}
 ul.dark_menu li a:hover{
 text-shadow:0 1px 1px #000;
 background:#282321;
 background:-moz-linear-gradient(top,#282321 0%,#362f2c 99%,#362f2c 100%);
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#282321),color-stop(99%,#362f2c),color-stop(100%,#362f2c));
 background:-webkit-linear-gradient(top,#282321 0%,#362f2c 99%,#362f2c 100%);
 background icon surprised Thêm top menu đẹp cho Thesis 2 -linear-gradient(top,#282321 0%,#362f2c 99%,#362f2c 100%);
 background:-ms-linear-gradient(top,#282321 0%,#362f2c 99%,#362f2c 100%);
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#282321',endColorstr='#362f2c',GradientType=0 );
 background:linear-gradient(top,#282321 0%,#362f2c 99%,#362f2c 100%);
 -webkit-transition:all 1s ease;
 -moz-transition:all 1s ease;
 -o-transition:all 1s ease;
 -ms-transition:all 1s ease;
 transition:all 1s ease}
 ul.dark_menu li a.selected, ul.dark_menu li a:active{
 color:#73635e;
 background:#282321;
 text-shadow:0 1px 1px #000;
 -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.6),
 0 1px 0 #5e524f;
 -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.6),
 0 1px 0 #5e524f;
 box-shadow:inset 0 2px 4px rgba(0,0,0,0.6),
 0 1px 0 #5e524f;
 -webkit-transition:all 1s ease;
 -moz-transition:all 1s ease;
 -o-transition:all 1s ease;
 -ms-transition:all 1s ease;
 transition:all 1s ease}
 ul.dark_menu li ul{
 display:none}
 ul.dark_menu li ul:before{
 content:"";
 position:absolute;
 display:block;
 z-index:1500;
 left:0;
 top:-10px;
 height:10px;
 width:100%}
 ul.dark_menu li:hover ul{
 position:absolute;
 display:block;
 z-index:1000;
 left:0;
 top:44px;
 padding:5px 0;
 list-style:none;
 background:#282321;
 -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.6),
 0 1px 0 #5e524f;
 -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.6),
 0 1px 0 #5e524f;
 box-shadow:inset 0 2px 4px rgba(0,0,0,0.6),
 0 1px 0 #5e524f;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius:4px}
 ul.dark_menu li ul li{
 float:none;
 margin:0 10px
 border-bottom:1px solid #191614;
 border-top:1px solid #3a3230}
 ul.dark_menu li ul li:first-child{
 margin:0 10px;
 border-top:0 none}
 ul.dark_menu li ul li:last-child{
 border-bottom:0 none}
 ul.dark_menu li ul li a, ul.dark_menu li ul li a:link{
 display:block;
 background:transparent none;
 padding:10px 20px 10px 5px;
 white-space:nowrap;
 text-shadow:0 1px 2px #000;
 -webkit-box-shadow:0 0 0 rgba(0,0,0,0);
 -moz-box-shadow:0 0 0 rgba(0,0,0,0);
 box-shadow:0 0 0 rgba(0,0,0,0);
 -webkit-border-radius:0px;
 -moz-border-radius:0px;
 border-radius:0px}
 ul.dark_menu li ul li a:hover{
 text-decoration:underline;
 background:#2a2523}

Sau đó nhấn vào nút Save CSS để lưu lại.

Bước 2 – Thêm box Top Menu cho Thesis 2

Ở bước này bạn không cần cài thêm box gì cả mà sẽ sử dụng các box có sẵn trong Thesis 2, bao gồm box Container và box WP Nav Menu. Các bạn xem video để rõ hơn cách thêm box Menu vào skin

Sau khi thêm box xong nhớ nhấn nút Save Template và tận hưởng kết quả

 

Hướng đẫn cài đặt và sử dụng addon firebug trong firefox

Bài này hướng dẫn bạn cài và sử dụng 1 addon rất hữu dụng trong firefox. Addon này tên là FireBug
Add-on nó sẽ giúp bạn tìm hiểu mã html và đặc điểm định dang CSS của các thành phần trong 1 trang web.

1.Cài đặt:

  • Mở Firefox.
  • Nhắp menu Tools >> Add-ons.
  • Nhắp link Browse all Add-on trong hộp thoại hiện ra (hình dưới).
FIREBUG1 Hướng đẫn cài đặt và sử dụng addon firebug trong firefox
  • Đợi 1 chút , 1 trang web hiện ra. Bạn hãy nhắp Web Development (hình dưới).
FIREBUG2 Hướng đẫn cài đặt và sử dụng addon firebug trong firefox
  • Đợi 1 chút cho trang web hiện ra, nhắp Firebug trong cột giữa (hình dưới)
FIREBUG3 Hướng đẫn cài đặt và sử dụng addon firebug trong firefox
  • Đợi 1 chút cho trang web hiện ra, nhắp Add to Firefox (hình dưới).
FIREBUG 4 Hướng đẫn cài đặt và sử dụng addon firebug trong firefox
  • Khi cài xong nhắp nút Restart Firefox

2. Sử dụng Firebug (để tìm hiểu mã html và đặc điểm định dang CSS của các thành phần trong 1 trang web).

  • Mở Firefox, vào 1 trang web nào đó, ví dụ http://vnexpress.net
  • Vào menu View >> chọn FireBug.
  • Nhắp nút Inspect (nút đầu tiên trên toolbar FireBug) rồi nhắp đối tượng muốn quan sát.
FIREBUG 5 Hướng đẫn cài đặt và sử dụng addon firebug trong firefox

Kết luận: Bạn có thể sử dụng công cụ này cho việc tìm hiểu cấu trúc html & css của một trang web. hii rất tốt cho design. good luck!

 

Theo BCD

5 Bước để Quảng Cáo Hiệu Quả trên Facebook

Khi mới bắt đầu kinh doanh, không nhiều người biết cách tạo nên một website chuyên nghiệp. Thay vào đó, họ tạo một fanpage trên Facebook. Làm thế nào để sau 1 năm, Fanpage của bạn có thể thu hút hàng trăm nghìn fans, thu thập được hàng chục ngàn địa chỉ email và thu về hàng triệu đô doanh thu. Chúng tôi sẽ chỉ cho bạn điều đó.

 

  1. Bắt đầu từ việc nhỏ

Quảng cáo cũng giống như trong bóng chày, quay cuồng trong cú ném đầu tiên rất hiếm khi đem lại một cú homerun. Vì vậy hãy bắt đầu từ từ cho đến khi bạn cảm thấy sẽ thu được một giá trị nhất định nếu đầu tư vào quảng cáo trên Facebook. Với một ngân sách nhỏ, bạn nên cân nhắc để tạo nên một chiến dịch quảng cáo trên Facebook tổng hợp. Hầu hết mọi người nghĩ rằng họ có thể điều hướng được lượng truy cập tới các fanpage đơn lẻ, hoặc các trang của sản phẩm, và thế là đủ. Nhưng trên thực tế đã chứng minh điều ngược lại. Tự thỏa mãn có thể đưa đến một chiến dịch thất bại, vì vậy nếu dựa vào những mục tiêu riêng lẻ sẽ gây mất thời gian, công sức và tiền bạc. Vì thế, trước khi bắt đầu một chiến dịch quảng cáo, bạn cần có nhiều sản phẩm để bán và nhiều cách để bán chúng.

  1. Có một kế hoạch kiểm soát lượng truy cập

0767e66b529e96928665b92da270fc20 5 Bước để Quảng Cáo Hiệu Quả trên Facebook
Đo lường hiệu quả quảng cáo trên Facebook. Ảnh: Administrator.

Bạn phải thực hiện từng bước để có thể theo dõi và thu hút nhiều lượng truy cập hơn. Vậy cụ thể là làm gì ? Bạn nên biết rằng, thậm chí trước khi site của bạn có thể đạt đỉnh thì bạn đã phải có một kế hoạch sẽ làm gì với khách hàng của bạn khi họ tới. Một kế hoạch có tầm nhìn ngắn hạn sẽ luôn kết thúc thất bại. Một lượng lớn khách hàng được thu hút ngay từ ban đầu có thể sẽ là một điều phước lành nhưng cũng có thể là một lời nguyền. Bạn có thể có hàng ngàn fans ca ngợi bạn vì những giá trị mà bạn đem lại, nhưng cũng có thể có hàng nghìn fans ngồi đó và hỏi :” Tôi đang ở đây… Rồi sao nữa ?”. Thu hút sự chú ý của fans là một điều rất dễ, nhưng để làm cho họ có thể phân biệt được bạn với các thương hiệu khác lại là một chuyện khác. Lượng truy cập có thể rất quan trọng trong một giai đoạn ngắn, nhưng mục tiêu cuối cùng là phải biến những lưu lượng đó thành lợi nhuận.

  1. Sử dụng nguồn lực hiệu quả

Facebook đã cung cấp cho bạn một vài ví dụ và hướng dẫn việc đăng quảng cáo mà bạn có thể tìm thấy ở link dưới đây : https://www.facebook.com/ad_guidelines.php.  Ngoài ra cũng có 1 số khóa học đào tạo cho việc triển khai quảng cáo trên facebook. Bằng cách làm theo các bài học này, bạn có thể tìm ra cách để đạt được những giá trị cao từ lượng truy cập với chi phí thấp nhất thông qua việc tận dụng các lợi thế từ Facebook. Về cơ bản, bạn có thể dùng tiền của Facebook để làm việc cho bạn. Dành một vài phút tìm hiểu các trang web này có thể coi là một sự đầu tư tốt nhất của bạn.

  1. Hãy để mọi người nói về bạn

Nút “like” trên facebook  có thể coi là một gợi ý quảng cáo tốt nhất cho thương hiệu của bạn. Người dùng click “like” bởi vì họ muốn bạn bè của họ biết rằng họ đang rất hứng thú với nó. Hãy cho khách hàng của bạn có cơ hội để nói về thương hiệu của bạn. Bằng cách đưa quảng cáo đến fanpage của bạn hoặc đặt nút “like” bạn đã có thể tạo ra cơ hội cho fans của bạn nói về mình. Quảng cáo một trang fanpage trên Facebook và nút like được tự động đưa vào sẽ cho phép bạn có được cả nghìn fans một cách nhanh chóng.

  1. Tận dụng tối đa diện tích quảng cáo của bạn

Điều gì sẽ thu hút được sự chú ý của người dùng ? Các màu sắc sáng. Khuôn mặt cười… Bất cứ điều gì nổi bật mà khi được sử dụng sẽ khiến người dùng click vào , từ đó giảm chi phí quảng cáo cho bạn. Sử dụng các bản sao, càng ngắn càng tốt. Bạn không cần nói quá nhiều để thu được sự chú ý của mọi người, vì vậy đừng lo lắng về việc sử dụng các ký tự được Facebook cho phép. Để thu hút được người dùng, hãy đi thẳng vào vấn đề.
Cơ hội thành công đơn giản chỉ là một cú click chuột. Facebook là một nền tảng có thể giúp định vị thương hiệu của bạn trước hàng ngàn cặp mắt – nếu bạn biết tận dụng những lợi thế từ hệ thống này. Điều cần thiết là nên chuẩn bị thật kỹ lưỡng trước khi đi vào thực tế, để khi cơ hội đến thì bạn đã luôn sẵn sàng chớp lấy. Người dùng luôn luôn đón chào các giá trị thực sự mà lại có thể có được bằng một cách dễ dàng. Hãy làm cho thương hiệu của bạn trở thành một trong những nguồn giá trị đó và nhờ đó, bạn có thể nhanh chóng gặt hái được các lợi ích từ một chiến dịch với chi phí được sử dụng hiệu quả.

Cách marketing online hiệu quả

Mọi hoạt động quảng bá trên internet còn rất mới lạ với nhiều người , gây lúng túng và phân vân trong việc chọn một chiến dịch marketing .Nhiều người tốn kém tiền bạc và thời gian vào những banner quảng cáo vu vơ ở những website không thực sự mang lại hiệu quả .
Và sau một thời gian tốn kém tiền bạc nhưng không mang lại hiệu quả ,họ thôi không kinh doanh nữa . Vì vậy , bài viết này hi vọng sẽ cung cấp những thông tin có ích về những phương pháp marketing đang được sử dụng phổ biến và hiệu quả . Sử dụng phương pháp hợp lý sẽ giúp bạn đạt được hiệu quả cao nhất trong chiến dịch marketing .
1 . Đăng tin rao vặt
Có hàng ngàn website rao vặt . Lượng truy cập và sự phổ biến của website là cơ sở để tính chi phí phải trả để mẩu quảng cáo của bạn được xuất hiện . Có mức hợp lý ,có mức phí khá cao .Bạn phải cân nhắc lựa chọn  nơi đăng quảng cáo phù hợp .
Qúa nhiều website rao vặt cũng gây bối rối , phân vân trong việc lựa chọn đăng tin trên một website . Những yếu tố cần xem xét là : Lượng truy cập của website ,lượng khách hàng tiềm năng truy cập website đó , vị trí quảng cáo tốt , độ hữu ích của website với khách hàng . Nên chọn một website có thông tin hữu ích cho khách hàng chứ không phải một website chỉ chuyên đăng quảng cáo.
2. PPC’s (Pay-Per-Click)
Đây là phương pháp thu hút khách truy nhập đến website được sử dụng rất phổ biến. Hầu như tất cả mọi người đều đã từng sử dụng ít nhất một lần. Nó rất đơn giản… bạn sẽ trả một mức giá nào đó cho các từ khoá liên quan đến sản phẩm hay dịch vụ của mình. Khi một người tìm kiếm gõ những từ khoá này họ sẽ tìm thấy quảng cáo của bạn (tuy nhiên bạn phải chấp nhận trả một mức giá khá cao). Cuối cùng, khi họ kích chuột vào quảng cáo của bạn, bạn sẽ phải thanh toán khoản tiền mà bạn đã thoả thuận..
Đây la một phương pháp tốt để nhắm vào lượng  khách  hàng tiềm năng cho website của bạn
Lưu ý: Google Adword hay Facebook Ad  là một ví dụ về hình thức quảng cáo này .Tuy hiện tại  mẩu quảng cáo không được đưa vào danh sách trong tốp 10 nhưng có thể google sẽ điều chỉnh trong tương lai.
3. Viết bài báo
Xuất hiện trên các bài báo mang lại hiệu quả cao ,thu  hút lượng truy cập và gây tiếng vang cho thương hiệu trên internet . Bạn chỉ cần viết hoặc thuê người viết bài về lĩnh vực mà bạn  quan tâm .Thực sự việc viết một bài báo cũng không quá khó nếu bạn  tập trung viết về lãnh vực chuyên môn của bạn . Hãy lấy ý kiến của bạn bè ,người thân để điều chỉnh thật tốt trước khi gửi bài .
4. Tham gia vào các diễn đàn
Cách làm này có tên gọi la Forum Seeding , Tạo thật nhiều tài khoản , rồi lập những chủ đề thảo luận và dùng những tài khoản khác nhau để cùng người dùng thật định hướng cho cuộc thảo luận . Tạo ra những ý kiến có lợi cho sản phẩm dịch vụ của mình.
Không nên đăng quảng cáo trên các diễn đàn. Cách duy nhất hiệu quả là đưa ra các câu trả lời và tư vấn cho mọi người. Đây còn thực sự là một phương pháp tốt để học hỏi thêm từ các chuyên gia khi bạn chỉ tham gia đọc các thảo luận được đăng trong diễn đàn.
5. Quảng cáo trên các site có thứ hạng cao
Tương tự như quảng cáo rao vặtẶ có nhiều website cung cấp không gian để mọi người đặt quảng cáo. Bạn thường xuyên có thể đăng quảng cáo với một mức giá rẻ. Chỉ việc tìm kiếm các website về lĩnh vực hoạt động của bạn và nếu họ cung cấp không gian quảng cáo thì hãy liên hệ với họ. Nếu chúng đứng ở trong tốp 10 trên các search engine bởi các từ khoá của bạn gõ vào thì đó là cơ hội tốt để có nhiều khách truy nhập. Quảng cáo của bạn có thể được nhìn thấy bởi hàng nghìn người mỗi tháng.
Những phương pháp trên chỉ là một trong những phương pháp được sử dụng phổ biến tại Việt Nam. Chúng tôi sẽ không đề cập chi tiết từng phương pháp .Nếu cần thông tin hay cần sự giúp đỡ hãy email hoặc liên hệ trực tiếp nhân viên chăm sóc khách hàng của chúng tôi để được giải đáp .
Cuối cùng, hãy nhớ rằng để xây dựng hoạt động kinh doanh trực tuyến hay ngoại tuyến đều là một công việc khó khăn .Cần nhiều thời gian và công sức xây dựng .Hãy cố gắng và bạn sẽ nhận được kết quả ở tương lai .

Lưu ý cơ bản khi SEO trên WordPress

seo wordpress Lưu ý cơ bản khi SEO trên WordPressWordPress là mã nguồn mở cho phép tạo blog, website đang được rất nhiều người sử dụng. Các ưu điểm của WordPress như: Miễn phí, mã nguồn gọn nhẹ, dễ sử dụng, cộng đồng hỗ trợ lớn, và đặc biệt là khả năng hỗ trợ SEO rất tốt.

Ngày hôm nay, iNET xin giới thiệu với các bạn những lưu ý SEO cơ bản khi tạo website trên mã nguồn WordPress.

seo co ban cho wordpress Lưu ý cơ bản khi SEO trên WordPress

1.       Tối ưu cấu trúc URL

Mặc định, cấu trúc link của wordpress sẽ có dạng example.com/?p=123, trong đó p123 là các tham số đầu vào của hàm xử lý. Rõ ràng cấu trúc URL này không thân thiện cho người đọc và cả bot của máy tìm kiếm. Để đổi lại cấu trúc
Đổi cấu trúc URL

URL này, bạn có thể vào phần Setting >> Permalinks và chọn các kiểu URL phù hợp với mình.

Lưu ý:
Khi bạn thay đổi cấu trúc URL, tất cả các link sẽ thay đổi. Do đó, nếu bạn điều chỉnh Setting này từ đầu (lúc chưa có bài viết trên Blog) thì không sao, tuy nhiên nếu blog, website của bạn đã có bài viết và đã được GG index rồi thì sẽ rất nguy hiểm vì các đường link cũ mà GG đã index rồi sẽ không vào được nữa. Cách giải quyết tốt nhất trong trường hợp này là dùng chuyển hướng Redirect 301 từ url cũ sang url mới. Nếu chỉ có ít bài, bạn có thể dùng chuyển hướng 301 trong file .htaccess. Còn nếu bạn có quá nhiều post, có thể sử dụng Plugins Change Permalink Helper. Mình đã dùng và rất ok với Plugin này.

Thủ thuật: khi đặt tiêu đề cho bài post, WordPress sẽ lấy thông tin tiêu để để cho vào URL, lúc này bạn nên sử dụng chức năng Edit bằng tay để loại bỏ các từ không có ý nghĩa ra khỏi URL này, chỉ giữ lại các keyword chính mà thôi. Đặc biệt là tránh kí tự đặc biệt, dấu cách trống. Ví dụ, với tiêu đề: Tổng hợp Các Kinh Nghiệm Làm SEO với WordPress, thì trên url nên có dạng: kinh-nghiem-seo-wordpress.

2.       Tiêu đề Blog H1 ở tất cả các trang

Nếu bạn để ý, sẽ thấy có rất nhiều Blog gặp phải vấn đề này: Tiêu đề của Blog được đặt trong thẻ H1 và xuất hiện ở tất cả các page của website. Đây là 1 sai lầm khá cơ bản. Nội dung ở trong thẻ H1 được Google đánh giá rất quan trọng, nó là sẽ là chủ thể của trang đó. Do đó, trong Blog của bạn, thẻ H1 nên được sử dụng như sau:

–          Ở trang chủ, thẻ H1 là tên của website
–          Ở các trang trong, thẻ H1 nên được dùng là Tiêu đề của bài viết đó
–          Ở các trang Category, Tag, thẻ H1 nên là tên của Category/Tag đó.

Ở các phiên bản từ WordPress 3.0 trở về sau này thì bạn sẽ không phải lo vấn đề này. Tuy nhiên nếu bạn nào dùng blog mặc định hoặc phiên bản WordPress trước đó thì bạn có thể chỉnh sửa tình trạng này bằng đoạn mã điều kiện như sau (Bạn có thể tìm đoạn code này trong mục Theme):

<code><?php if (is_front_page()) { ?>
<h1><a href=”<?php echo home_url(); ?>/” title=”<?phpbloginfo( ‘name’ ); ?>” rel=”home”><?phpbloginfo( ‘name’ ); ?></a></h1>
<?php } else { ?>
<div><a href=”<?php echo home_url(); ?>/” title=”<?phpbloginfo( ‘name’ ); ?>” rel=”home”><?phpbloginfo( ‘name’ ); ?></a></div>
<?php } ?></code>

3.       Tối ưu Tags và Category như thế nào?

Nếu sử dụng hợp lý, các trang Tags và Category sẽ là 1 nơi rất tốt để bạn tối ưu onpage cho website của bạn. Một số lưu ý khi bạn làm SEO onpage cho phần Tags và Category:

–          Tên của Tags, Category nên nằm ở trong phần thẻ H1
–          Thêm phần mô tả của Tags, Categories. Ở phần mô tả này bạn có thể đặt internal links tcho website của bạn. Mặc định thì WordPress không cho phép bạn thêm phần mô tả cho Tags và Categories này, tuy nhiên bạn có thể dung Plugin này để làm việc đó
–          Sử dụng Tags và Categories vừa phải, không nên có quá nhiều Tags, quá nhiều Categories (có quá nhiều Tags và Categories, số lượng page của website bạn sẽ tăng lên rất nhiều, điều này sẽ làm lượng Link juice về website của bạn bị chia nhỏ ra, PR của từng page sẽ giảm)

4.       Nên sử dụng SEO Plugin nào?

Yoast có lẽ là Plugin SEO được nhiều người sử dụng nhất. Nó đáp ứng đầy đủ các tính năng cần thiết để bạn cài đặt và thực hiện SEO onpage cho site của bạn một cách đầy đủ (Thêm Facebook, Google, sitemaps, breadcumbs, thẻ “next”, thẻ “prev”, …Ngoài ra, bạn cũng có thể add thêm các Plugin khác về News, Video nữa nếu thấy cần thiết.

5.       Tối ưu hình ảnh trong WordPress

Tìm kiếm hình ảnh đang khẳng định dần được vị trí của mình trong việc nâng cao traffic cho website. Để tối ưu hình ảnh cho website, bạn cần thêm đầy đủ các thông tin Alternate Text, Caption và Description. Thông tin càng đầy đủ, ngắn gọn và súc tích thì càng tốt cho việc Google nhận biết hình ảnh trên website của bạn.
Tối ưu hình ảnh cho WordPress

6.       Thêm profile của Google vào WordPress

Rất nhiều SEOer đã khẳng định vai trò của mạng xã hội, đặc biệt là G+ đối với SEO hiện nay. Ít nhất thì bạn cũng nên có tài khoản G+ (Nếu bạn đã có Gmail, chỉ mất vài phút để bạn thiết lập tài khoản G+ cho mình) và kết nối nó với Blog, website của bạn. Điều này sẽ giúp GG chứng thực quyền tác giả cho bài viết của bạn, và khi tìm kiếm trên GG, hình ảnh avatar tài khoản G+ của bạn sẽ xuất hiện bên cạnh link kết quả của website bên bạn. Nếu bạn đang dùng Yoast Plugin, để thêm G+ vào WordPress,  bạn chỉ cần thêm địa chỉ trang G+ của bạn, vào chỗ G+

Hoặc bạn cũng có thể thêm đường link trên vào phần About của mình ở mục WP Admin >> Users >> Your Profile, tìm phần Biographical Info và thêm đường link ở trên vào chỗ đó, đoạn mã này chứa thẻ <a> như mã html bình thường (như hình vẽ).

Sau khi thêm đoạn mã link G+ vào website, bạn vào trang profile của G+ và thêm vào phần Contributer for là địa chỉ website/blog của bạn.

Sau khi add xong, bạn có thể check xem mình đă add đúng chưa bằng cách sử dụng tool check snippest của Google ở đây. Bạn lưu ý sử dụng avatar của G+ có hình mặt người, vì Google có chức năng nhận dạng khuôn mặt, như thế trang G+ của bạn sẽ được hiển thị trên trang tìm kiếm nhanh hơn (khoảng sau 2 tuần sẽ được cập nhập).

7.       Tích hợp Webmasters Tools và Google Analytic

Webmaster Tool và GA là 2 công cụ tuyệt vời mà GG cung cấp miễn phí (cho đến nay là vậy) cho các Webmaster để  theo dõi tình hình của website mình. Ngoài ra, Bing cũng có nhiều tính năng giúp Webmaster theo dõi website của mình, tuy nhiên ở VN thì hiện vẫn ít dụng hơn tool của Google. Chúng ta có thể dễ dàng add Google webmaster tool vào website nhờ sử dụng Plugin Yoast, còn với Google Analytic, bạn có thể cài thêm plugin này để tích hợp vào GA cho WP

Tạo Rich snippets – breadcumb link trong wordpress

Hôm nay mình xin giới thiệu các bạn một thủ thuật tạo breadcumb link trong wp nhé. các bạn thắc mắc breadcumb là gì thì xem ví dụ sau các bạn sẽ hiểu :

ô hình của trang blog radio là thế.Mục đích ta tạo để nó thân thiện hơn với người dùng.Và có lợi cho công việc SEO.Khi hiển thị Url của blog radio google sẽ hiển thị như sau

breadcumb link Tạo Rich snippets – breadcumb link trong wordpress
Cách làm :
ta có code html rich snippets : với trang chủ và chuyên mục radio tình yêu như sau
<div xmlns:v="http://rdf.data-vocabulary.org/#"> <span typeof="v:Breadcrumb">
<a href="http://blogradiovn.com" rel="v:url" property="v:title"> Trang Chủ </a> › </span>
<span typeof="v:Breadcrumb"> <a href="http://blogradiovn.com/Radio-tinh-yeu">
 rel="v:url" property="v:title"> Radio Tình Yêu </a> › </span> </div>

bây giờ chỉ cần bạn lấy link các chuyên mục con trong trang và xuất ra theo định dạng trên là được.Hi nếu những bạn ko rành code như Harry thì đây quả là vấn đề không dễ.Đã seach và nghĩ hết cách không code được Vì thế Harry đành phải chọn dùng plugin.Và có một plugin gọn nhẹ đáp ứng được điều đó.
rdfa-breadcrumb giải quyết yêu cầu trên.Tải tại link dưới

http://downloads.wordpress.org/plugin/rdfa-breadcrumb.zip

Bạn chỉ cần cài plugin và chèn đoạn code nơi mà bạn muốn hiển thị breacumb link

  <?php if(function_exists(‘rdfa_breadcrumb’)){ rdfa_breadcrumb(); } ?> 

chúc các bạn thành công.

Theme WordPress đẹp cho site Tin tức

Hi Cả nhà.
Hôm nay share cho cả nhà Themes WordPress làm site tin tức khá đẹp.Mìnhcũng đã cài nó cho Web Blog Radio .Mình khá thích themes này.hi
Các bạn có thể xem demo tại website : http://blogradiovn.com.

theme blog radio 300x139 Theme WordPress đẹp cho site Tin tức
và đây là link download :

http://www.mediafire.com/?y14he83kx585gaw

Themes này cũng được Harry share nhiều rồi.Ai download về thì +1 giúp Harry với nhé.thanks cả nhà.Mọi thắc mắc trong quá trình cài đặt theme các bạn cứ comment tại đây.Harry sẽ giải đáp nhiệt tình.

thấy một số bạn chưa cài đặt thành công.Harry update thêm.

1.Làm thế nào để themes 1 menu trang chủ cho themes tin tức này.

các bước các bạn có thể thực hiện :

b1.login vào tài khoản admin.click menu appearance -> menus

menu 1 Theme WordPress đẹp cho site Tin tức

xuất hiện điền tương tự như hình

menu 2 Theme WordPress đẹp cho site Tin tức

các bạn để ý menu nhé từng khung harry đã rõ.

2.vì sao cài đặt xong nó lại trắng xóa ko hiện gì cả.

trả lời : vì các bạn chưa thiết lập widget cho nó nữa mà

b1. chọn menu Appearance -> widget. ở trong admin nhé.

các bạn kéo từng widget vào như hình nhé.

widgets Theme WordPress đẹp cho site Tin tức

widgets 1 Theme WordPress đẹp cho site Tin tức

các bạn chú ý widget minh đang dùng nhé.

chúc các bạn thành công.có gì thắc mắc cứ comment lại mình sẽ hỗ trợ.thanks các bạn.

Khóa học thiết kế website với WordPress trong vòng 07 buổi

Khóa học thiết kế website với WordPress trong vòng 07 buổi

Nhằm phổ biến kiến thức thiết kế website tới tất cả các bạn Sinh viên, đơn giản hóa quá trình tạo ra một website, giống như quá trình phổ biến kiến thức Tin học Văn phòng hay Cài Win trước đây, thiết kế website như Cơm bình dân. Thiết kế website không còn là bí kíp võ công của dân lập trình nữa mà nay đã được giải mã một cách dễ dàng bằng khóa học Thiết kế Website bằng Wordpres và phương pháp dạy học thiết kế website mới, độc đáo tại Việt Nam.

I. GIỚI THIỆU KHÓA HỌC
WordPress là một hệ quản trị nội dung (CMS) mã nguồn mở viết bằng ngôn ngữ PHP &MySQL, được cung cấp miễn phí cho người dùng. Nếu như vài năm trước Joomla là một trong những lựa chọn hàng đầu của các công ty phần mềm khi thiết kế website. Thì hiện nay WordPress được nhiều công ty phần mềm lựa chọn hàng đầu khi xây dựng các website tin tức, giới thiệu công ty, bán hàng trực tuyến… và thậm chí là cả mạng xã hội nhờ vào những tính năng vượt trội so với các nền tảng CMS khác:
Dễ sử dụng, quản lý, dễ cài đặt và bảo trì mà không cần nhiều kỹ năng lập trình.
Hỗ trợ nhiều giao diện (themes) đẹp miễn phí.
Là CMS hỗ trợ tốt nhất cho SEO ( một tính năng khá quan trọng)
Hỗ trợ đa ngôn ngữ
Có rất nhiều Plugins và Cộng đồng phát triển lớn…
Khóa học thiết kế website & SEO với WordPress CMS

II. ĐỐI TƯỢNG THEO HỌC

– Các cá nhân, tổ chức muốn tạo 1 website riêng cho mình mà ko cần và không có thời gian tìm hiểu nhiều về code.
– Nhân viên SEO muốn tìm hiểu về mã nguồn SEO tốt nhất hiện nay để chủ động onpage site.
– Những người đam mê thiết kế web và muốn tạo ra một website do chính tay mình làm ra với mã nguồn mở WordPress.
– Các doanh nghiệp muốn thiết kế và làm chủ website về thương mại điện tử.
– Các cá nhân đang làm việc với Joomla, Drupal muốn chuyến hướng WordPress.
– Sinh viên các khối ngành khoa học, kỹ thuật, kinh tế muốn học thiết kế website bằng WordPress để tăng cơ hội việc làm và hoàn thiện kiến thức quý báu về thiết kế website mà đối với sinh viên ngoại đạo lĩnh vực lập trình không thể được học ở trường.
– Học viên các Trung tâm đào tạo CNTT như Aptech, NIIT… muốn thành thạo WordPress – một CMS đang hot hiện nay để có thể dễ dàng xin việc ở các công ty Công nghệ.
Yêu cầu học viên:
– 1/ Có 1 chút hiểu biết về Html và CSS là 1 lợi thế
– 2/ Có hiểu biết về PHP và MYSQL là 1 lợi thế
– 3/ Học viên tự mang laptop để cài đặt và thực hành trên máy mình.
– Giải đáp thắc mắc sau khóa học ngay tại hệ thống daotaowordpress.blog360.vn. Admin sẽ trả lời những thắc mắc của các bạn trong thời gian 24H, các thành viên sẽ hỗ trợ lẫn nhau trên diễn đàn wordpress.

III. ƯU ĐIỂM KHÓA HỌC

– Thiết kế webiste chỉ trong vòng 07 buổi: Bạn sẽ không phải đi trên 1 con đường dài lê thê của kiến thức lập trình website hay bị bịt mắt để đưa đến đích của quá trình thiết kế website(tạo ra website mà không hiểu bản chất vấn đề, ko thể tự làm các website khác) mà bạn sẽ được bay trên xa lộ của kiến thức lập trình website: đi 1 cách nhất nhất mà vẫn hiểu được bản chất của quá trình tạo website bằng công cụ là máy bay mang nhãn hiệu WordPress CMS.
– Các tài liệu, giáo trình ngắn gọn, dễ hiểu chỉ trong 1 cuốn sổ tay hay 2 trang A4 là bạn có thể tạo ra mọi website từ wordpress.
– Khóa học không chỉ học về Wordpres và còn được học về kỹ năng SEO, một nghề mới hiện nay.
– Đảm bảo sau khi học xong khóa học có thể làm bất kỳ website nào về tin tức, bán hàng bằng wordpress và có khả năng xin việc được luôn.
– Được tư vấn miễn phí sau khóa học như: khả năng phát triển các website cao cấp hơn với wordress, định hướng nghề nghiệp, kinh doanh nếu đã biết wordress, cơ hội làm việc và hợp tác với Blog360.vn, các kiến thức về internet marketing, SEO, kiếm tiền qua mạng, thương mại điện tử, đầu tư, khởi nghiệp trong lĩnh vực IT…. Sau khóa học, các bạn đã là thành viên của Blog360 Team! Có nghĩa là sự thành công của bạn cũng là thành công của chúng tôi và chúng ta là 01 gia đình.

IV. NỘI DUNG KHÓA HỌC
1. Buổi 1:
+ Giới thiệu WordPress, điểm mạnh, điểm yếu của nó.
+ Cung cấp các công cụ thiết kế website, các kiến thức căn bản về HTML, CSS, PHP và tư duy lập trình.
+ Hướng dẫn sử dụng wordpress
+ Giới thiệu cấu trúc wordpress.
+ Giới thiệu cấu trúc Themes wordpress.
+ Giới thiệu phương pháp học thiết kế website từ đầu với wordpress(độc đáo, duy nhất tại Việt Nam).
+ Trở thành thành viên của Blog360.vn
Buổi 2 :
+ Hướng dẫn Thiết kế website tin tức, giới thiệu doanh nghiệp, dịch vụ, cá nhân từ wordpress.
Buổi 3:
+ Hướng dẫn Thiết kế website tin tức từ wordpress(buổi 2).
Buổi 4:
+ Kiểm tra bài tập về nhà là hoàn thiện 1 website tin tức,giới thiệu doanh nghiệp, dịch vụ, cá nhân và Hệ thống lại kiến thức về thiết kế website tin tức,giới thiệu doanh nghiệp, dịch vụ, cá nhân, đánh giá các ưu nhược điểm của Học viên: Sau buổi này học viên có thể làm ra mọi website tin tức, giới thiệu doanh nghiệp, dịch vụ, cá nhân từ wordpress.
Buổi 5:
+ Hướng dẫn thiết kế website bán hàng từ wordpress.
Buổi 6:
+ Kiểm tra bài tập về nhà là hoàn thiện 1 website Bán hàng và Hệ thống lại kiến thức về thiết kế website Bán hàng, đánh giá các ưu nhược điểm của Học viên: Sau buổi này học viên có thể làm ra mọi website bán hàng từ wordpress.
Buổi 7:
+ Giới thiệu các vấn đề nâng cao trong wordpress: bảo mật, SEO với wordpess, multisite…
+  Cách thức tìm kiếm thông tin trên internet để tận dụng kho tài nguyên vô tận từ cộng đồng wordpress với hàng triệu người phát triển và 16% số website trên thế giới sử dụng
+ Giới thiệu các plugin và themes nổi tiếng, hữu ích tốt cho SITE và SEO.
+ Gợi mở ứng dụng WordPress làm các site khác: mạng xã hội, ảnh số, phim, nhạc,mua theo nhóm, rao vặt….
+ Giới thiệu tiềm năng phát triển và ứng dụng rộng lớn của WordPress để học viên tự tìm hiểu và hỏi Giáo viên sau này.

V. THÔNG TIN KHÓA HỌC
Học Phí :  Giá thông thường 1.500.000 đồng/khóa.
Bạn được tài trợ chỉ còn 50.000 VNĐ/buổi bởi Blog360.vn. Khóa học 07 buổi là 350.000 VNĐ/khóa.

Thời lượng: 07 buổi
Thời gian: Thứ 2,4,6 hoặc thứ 3,5,7. Từ 18h30 – 21h00.
Khai giảng: hàng tuần.

Địa điểm đăng ký học:
Địa chỉ: Số 86 Nguyễn Trãi , Thành phố Hà Nội.
Số điện thoại: 0988.785.938(Mr Hà)
Email: daotaowordpress@mangtmdt.com

Địa điểm học: Số 86 Nguyễn Trãi , Thành phố Hà Nội.

Chúng tôi luôn đảm bảo quyền lợi của những người tham gia. Khóa học có sự cam kết mang đến những giá trị thực sự cho các học viên.

GIỚI THIỆU VỀ ĐƠN VỊ TỔ CHỨC:

Được thành lập năm 2009, Blog360! Team nhanh chóng khẳng định vị thế là một trong những Độ nhóm hàng đầu tại Việt Nam về gia công thiết kế website sử dụng mã nguồn mở WordPress. Với kinh nghiệm, kỹ năng, môi trường chuyên nghiệp, kỹ năng quản lý vượt trội và luôn tuân theo cam kết với khách hàng, chúng tôi đã đem lại cho khách hàng sự thỏa mãn cao nhất, qua đó đem đến những bước phát triển vững chắc và nhanh chóng trong 03 năm qua.

Tầm nhìn của chúng tôi:

Trở thành công ty cung cấp giải pháp gia công website bằng mã nguồn mở WordPress và các dịch vụ số đáp ứng những yêu cầu khắt khe của thị trường Quốc tế.

Sứ mệnh của chúng tôi:

Phổ biến và khai thác sức mạnh của Mã nguồn mở WordPress để đem lại lợi ích to lớn cho các Khách hàng trong nước và Quốc tế.

THÔNG TIN LIÊN HỆ:

Địa chỉ: Số 86, Nguyễn Trãi,Hà Nội.
Mobile: 0988. 785.938.
Email: vip@mangtmdt.com – Website: blog360.vn – iweb.mangtmdt.com