Dịch Vụ Thiết Kế Web Blogspot

Mar 29, 2015

Clip 4 Phút đã lấy đi nước mắt của triệu người

Với đôi mắt gần như mù lòa (một bên đục thủy tinh thể - cataract, một bên viễn thị nặng ). Sợ tốn kém nên bà đã giấu con mình. Vì con gái, bà một thân một mình ra khỏi đại sơn, lần đầu tiên trong đời. Tuy không nhìn rõ đường nhưng bà biết rằng con gái bà đang ở một nơi nào đó trên con đường này. Từ nhà đến thành phố nơi cô con gái ở, bà phải trèo qua 2 ngọn đồi, băng qua 1 con sông, đi bộ 28 cây số đường núi, chuyển xe 3 lần, đi qua 4 tỉnh thành và ngồi 36 tiếng xe đường dài. Bà không biết gì về nơi này cả, chỉ biết mỗi tên đứa con gái. Bà đã làm tất cả những điều đó, chỉ là để nấu cho con gái mình 1 bữa cơm…

Jan 24, 2015

Bài 2 : HTML các thẻ cơ bản cách sử dụng

Bài 2 : HTML các thẻ cơ bản cách sử dụng phần 1Bài trước chúng ta đã cùng nhau tìm hiểu cơ bản về HTML và CSS rồi. Và tiếp theo ở bài này mình và bạn cùng nhau tìm hiểu sâu hơn về HTML. 
Bài học hôm nay chúng ta xẽ tìm hiểu về các Tag/ Thẻ trong HTML. Giờ thì chúng ta bắt đầu nào?

Phần 1 : Cách khai báo thẻ

1. Thẻ mở :
<tên_thẻ>nằm trong cặp dấu bé hơn (<) và dấu lớn hơn (>) dùng để bắt đầu 1 lệnh HTML
VD: <html>; <head>; <body>
2. Thẻ đóng:
</tên_thẻ>
Chỉ cần thêm dấu / trước tên thể là được
VD: </html>; </head>; </body>

Phần 2 : Các thẻ trong HTML - Cách dùng - Ý Nghĩa 

1. Thẻ siêu liên kết : <a> </a>
Dùng để khai báo 1 liên kết
Cách sử dụng: khai báo trong cặp thẻ <a></a>
Ví dụ
<a href = "https://blogkoiem.blogspot.com/" title="Blog KoiEM">Học HTML </a>
Hiển thị trên trình duyệt
Học HTML
Ý Nghĩa :
+ href : địa chỉ liên kết .
+ title : phần mô tả cho liên kết
+ Học HTML : Phần văn bản hiển thị cho liên kết.
Có 3 loại liên kết. Ở ví dụ trên là liên kết tới 1 địa chỉ website 
- Liên kết tới 1 mail : <p>Email: <a href="mailto:ichiase360@gmail.com">ichiase360@gmail.com</a></p>
Hiển thị trên trình duyệt
Email: ichiase360@gmail.com
- Liên kết tới 1 vị trí trong website : <p><a href="#content">Liên kết tới id content</a></p>
Hiển thị trên trình duyệt
Liên kết tới id content

2.Thẻ hình ảnh trong html
-Thẻ hình ảnh trong html được quy định bởi thẻ <img>
-Cú pháp lệnh : <img src=”duyanhweb.jpg” alt=”duy anh web” width=”104″ height=”142″>
-Trong đó :
+ <img> : Là câu lệnh dùng thẻ chèn hình ảnh vào trang web.
+ src : Đường dẫn đến file hình ảnh.
+ alt : Văn bản thay thế.
+ width, height : Là chiều rộng và chiều cao.
3.Thẻ định dạng văn bản trong html
-Thẻ <b> : Thẻ in đậm vừa
-Thẻ <strong> :Thẻ in rất đậm
-Thẻ <i> : Thẻ in nghiêng
-Thẻ <em> : Thẻ in nghiêng
-Thẻ <u> : Thẻ gạch chân
-Thẻ <s> : Thẻ gạch ngang
-Thẻ <small> : Thẻ cỡ chữ nhỏ
Ví dụ về các thẻ định dạng văn bản trong html:
<!DOCTYPE html>
<html>
<body>
<p><b> Học lập trình web ở đâu</b></p>
<p><strong> Học làm seo </strong></p>
<p><i> Học marketing online </i></p>
<p><em> Học PHP tại Duy Anh Web</em></p>
<p><u> Học seo ở đâu tại Hà Nội</u></p>
<p><s> Hướng dẫn học html online</s></p>
<p><small> Giáo trình thiết kế web html</small></p>
</body>
</html>

4.Thẻ comment (chú thích) trong html

<!—-Viết ghi chú tại đây–>
-Thẻ này mục đích dùng để chú thích một đoạn văn bản trong code.Nghĩa là bạn code 1 đoạn code và muốn ghi chú đoạn code đó là gì thì câu lệnh trên sẽ giúp bạn điều đó.
Ví dụ :
<!DOCTYPE html>
<html>
<body>
<h1>Học html online hiệu quả</h1>
<p> Đào tạo seo tại Hà Nội </p>
<!—-Đây chính là văn bản html–>
</body>
</html>

5. Thẻ table (tạo bảng) trong html

Trước khi tìm hiểu thì mình xẽ đưa ra một ví dụ rồi mình xẽ giải thích từng phần
<!DOCTYPE html>
<html>
<head>
             <title>Blog KoiEm</title>
             <meta charset=”utf-8″>
</head>
<body>
<table width=”50%” border=”1″ style=”margin-top:20px;” align=”center”>
<tr>
           <td>Nguyễn Văn Tuấn</td>
           <td>Hà Nội</td>
           <td>19 tuổi</td>
</tr>
<tr>
           <td>Lâm Chấn Huy</td>
           <td>Hà Tĩnh</td>
           <td>29 tuổi</td>
</tr>
<tr>
           <td>Quách Thành Danh</td>
           <td>Tp.Hồ Chí Minh</td>
           <td>30 tuổi</td>
</tr>
<tr>
         <td>Nhật Tinh Anh</td>
           <td>Thanh Hóa</td>
           <td>35 tuổi</td>
</tr>
<tr>
          <td>Khánh Đơn</td>
           <td>Đồng Nai</td>
           <td>30 tuổi</td>
</tr>
</table>
</body>
</html>

Các bạn hãy thử viết y theo mình save lại xem kết quả nhé!
Giải thích cho từng cặp thẻ đây :
+ Cặp thẻ <table></table> : Là cặp thẻ dùng để tạo bảng.
+ Cặp thẻ <tr></tr> : Là từ viết tắt của table row tức là tạo dòng.
+ Cặp thẻ <td></td> : Là từ viết tắt của table data tức là tạo cột.
+ Ngoài cặp thẻ <td></td> dùng để tạo cột thì chúng ta còn có cặp thẻ <th></th> cũng có ý nghĩa tương tự nhưng cặp thẻ <th></th> này dùng để nhấn mạnh tiêu đề của văn bản trong html.Mình ví dụ luôn nhé :
Ví dụ : 
<!DOCTYPE html>
<html>
<head>
             <title>Nguyễn Văn Tuấn</title>
             <meta charset=”utf-8″>
</head>
<body>
<table width=”50%” border=”1″ style=”margin-top:20px;” align=”center”>
<tr>
          <th>Phạm Đình Hải</th>
           <td>Hà Nam</td>
           <td>24 tuổi</td>
</tr>
<tr>
           <th>Lâm Chấn Huy</th>
           <td>Hà Tĩnh</td>
           <td>29 tuổi</td>
</tr>
<tr>
           <th>Quách Thành Danh</th>
           <td>Tp.Hồ Chí Minh</td>
          <td>30 tuổi</td>

</tr>
</table>
</body>
</html>

Và đây là kết quả :
Các thẻ trong html
Các thẻ trong html
*** Các thuộc tính đi kèm thẻ <td></td> và <th></th> trong html:
- Thuộc tính colspan : Thuộc tính này dùng để kết hợp 2 cột thành 1 cột.
+ Cú pháp :
<table width=”50%” border=”1″ style=”margin-top:20px;” align=”center”>
<tr>
          <th>Phạm Đình Hải</th>
           <td colspan=”2″>Hà Nam</td>
</tr>
<tr>
         <th>Lâm Chấn Huy</th>
           <td>Hà Tĩnh</td>
           <td>29 tuổi</td>

</tr>

</table>

- Tương tự ta có thuộc tính rowspan trong html: Thuộc tính này dùng để kết hợp 2 dòng thành 1 dòng.
+ Cú pháp :

<table width=”50%” border=”1″ style=”margin-top:20px;” align=”center”>

<tr>
           <th>Phạm Đình Hải</th>
           <td rowspan=”2″>Hà Nam</td>
</tr>
<tr>
           <th>Lâm Chấn Huy</th>
</tr>
</table>
Chúng ta kết thúc bài học HTML ở đây . Và ở bài viết tiếp theo mình và các bạn xẽ cùng nhau tìm hiểu về CSS
Và ở bài cuối về HTML này mình xẽ share các bạn bản Ebook về HTML để các bạn mang về ngâm cứu và tìm hiểu rõ hơn 
Link Dowload Ebook 1 : https://drive.google.com/file/d/0B__17EqajG-aRWV0allfUkVpZ2c/view?usp=sharing
Link Dowload Ebook 2 : https://drive.google.com/file/d/0B__17EqajG-aZnBvVEU0NTN5RUk/view?usp=sharing
Hoặc các bạn có thể vào link sau để xem video học HTML & CSS tại đây : http://www.ichiase.biz/2014/08/full-video-hoc-html-css-cua-h-khtn-cuc.html

Jan 23, 2015

Bài 1 : HTML & CSS - Các cú pháp khai báo cơ bản

HTML & CSS - Các cú pháp khai báo cơ bảnXin chào tất cả các bạn .
Chắc chắn các bạn đang tò mò vì tại sao mình đang hướng dẫn các bạn thiết kế web/Blogspot mà lại lôi mấy bài viết linh tinh này ra làm gì? sao không vào thẳng vấn đề cho nhanh?
Mình xin trả lời các bạn như sau:
Trước khi đến với những bài viết tiếp theo trong series Thiết kế web/Blogspot thì mình xẽ dành ra vài bài viết để giới thiệu với các bạn sơ qua về HTML  và CSS .
Vậy tại sao lại phải  học HTML &CSS trước khi học thiết kế web? Có 1 lý do rất đơn giản đó là vì HTML và CSS là những ngôn ngữ cơ bản nhất khi thiết kế website , Nó là những thành phần không thể thiết cho mỗi website .Có thể có 1 số bạn đã có kiến thức về cái này thì các bạn có thể đợi 1 thời gian nữa và rồi quay lại xem những bài viết kế tiếp  trong series Thiết kế web/Blogspot  của mình .
Đối với những bạn chưa có chút kiến thức nào về HTML & CSS thì các bạn cũng đừng lo , và sau loạt bài viết này mình xẽ gửi cho bạn những Quyển sách học HTML và CSS .... để các bạn có thể nắm vững kiến thức và có thể tự tay thiết kế được 1 website cá nhân.
Thôi, không nói phét nữa. Chúng ta bắt tay vào việc luôn nào?

Phần 1 HTML


HTML là gì ,học khó hay dễ?

HTML (Hypertext Markup Language) : Là ngôn ngữ siêu văn bản.Có thể chứa link tới các nguồn thông tin khác như : địa chỉ 1 website (url), video , hình ảnh ,nhạc ....
HTML cũng được ví như "Một bộ xương của website" . Như trên mình đã nói thì nó là phần không thể thiếu cho 1 website
Học HTML không hề khó như bạn nghĩ . Nó là ngôn ngữ cơ bản lên bạn xẽ dễ dàng học được, nhưng để có thể thành thạo và có thể sử dụng hết sức mạnh của nó thì bạn cũng cần 1 thời gian thực hành nhiều.
Dùng phần mềm nào để viết code ? Có rất nhiều phần mềm để viết code html nhưng mình khuyên các bạn lên dùng Notepad++ .Các bạn có thể Dowload tại đây : http://notepad-plus-plus.org/
Cấu trúc của 1 website HTML :
<HTML>
<head>
Phần head là nơi chứa tiêu đề website . Và các thông tin ẩn. Mình xẽ nói chi tiết ở những bài viết sau.
</head>
<body>
Đây là phần hiển thị nội dung của website tới người dùng ...
Ví dụ đơn giản như bạn đang vào website của KòiEm thì tất cả những gì bạn nhìn thấy nó đều thuộc trong cặp thẻ body
</body>
</HTML>

Phần 2: CSS

CSS là gì?

CSS chính là phần định dạng kiểu hiển thị cho HTML. CSS và HTML luôn là cặp đôi hoàn hảo để trang trí website. Được lưu dưới dạng text.css và bạn cũng có thể dùng phần mềm Notepad ++ để viết code CSS
CSS có lợi ích gì?

Tăng tốc việc phát triển web. Việc lập trình tạo nội dung trang  web và việc layout giao diện có thể được làm song song,  Thay đổi giao diện dễ dàng, chỉ cần thay đổi file CSS mới, dễ dàng bảo trì
CSS bao gồm các luật định dạng
Thường đặt trước thẻ </head> 

 Có 2 cách khai báo CSS
Cách 1 : Được đặt trong cặp thẻ
<style>
Nội dung CSS
</style>
Cách 2 : 
<link rel='stylesheet'  href='linkfile.css' type='text/css'  />


Cú Pháp cơ bản của CSS


VÙNG-CHỌN {
  Thuộc-tính-1: giá-trị-1;
  Thuộc-tính-2: giá-trị-2;
}

Vùng chọn: là cách xác định các thẻ HTML dựa trên cấu trúc phân cấp của HTML. Vùng chọn có thể được tạo nên dựa trên nhiều yếu tố như định danh (id), tên lớp (class).
Ví dụ : Ta có thể định dạng CSS cho nhiều thẻ bằng cách dùng tên thẻ :

p{//Tất cả thẻ P
background-color : #FFFFFF;
}
p h1 // Tất cả thẻ h1 nằm trong thẻ p
{
color : red;
font-weight:bold;
}


Thuộc tính: là yếu tố bạn muốn thay đổi ở các thẻ HTML thuộc vùng chọn. Danh sách các thuộc tính có thể xem thêm tại W3S.
Giá trị: mỗi thuộc tính sẽ yêu cầu một giá trị khác nhau. Đó có thể là 1 từ khóa định sẵn (none, block), một tên màu hay mã màu (black, white, #000, #FFFFFF), hay một giá trị kích thước tính bằng px, em, rem, %.
Mình xẽ dừng lại bài này ở đây . Và ở bài viết tiếp theo mình xẽ nói chi tiết về HTML.
Chúc các bạn học tập vui vẻ

Jan 22, 2015

Chia sẻ full giao diện iChiaSe.Biz - Template Tin Tức Thủ Thuật

Mẫu giao diện iChiaSe.Biz thích hợp làm các website tin tức, thủ thuật , .... Template đã được mình tối ưu seo , hiển thị tốt trên mọi trình duyệt...
Thôi không nói nhiều nữa giới thiệu và hướng dẫn :v

Giới thiệu chút về template này cho anh em!

  1. Đã tối ưu , hỗ trợ seo tốt
  2. Hiển thị tốt trên mobile 
  3. Load nhanh
  4. Thích hợp làm website tin tức - thủ thuật
Giới thiệu tới đây thôi. Kẻo AE ngất  ( Đùa tý cho vui thôi :v).

Hướng dẫn

Để hiện Label vào trong Template chỉnh sửa HTML tìm đến code sau
document.write("<script src=\"/feeds/posts/default/-/Blogger Templates?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showposts\"><\/script>");

Thay thế Blogger Templates thành nhãn mà bạn muốn hiển thị. Những phần sau cũng tương tự như vậy!

Chú Ý : Demo thì mình không còn nữa , mọi người xem demo ảnnh bên dưới nhé!
Chia sẻ full giao diện iChiaSe.Biz
Ảnh minh họa
Link dowload : https://drive.google.com/file/d/0B__17EqajG-admFRMWFfMG9nZUU/view?usp=sharing

Jan 7, 2015

Radio - Âm nhạc điện tử kỳ 98 - DJ Vinai

Mời các bạn cùng thưởng thức những bản DJ do Njay ft. DJ Mon thể hiện trong chương trình radio Nhịp điệu điện tử kỳ 98 của Zing Mp3.

Dec 17, 2014

Bài 2 : Khởi tạo Blogspot

Hello, Xin chào tất cả các bạn!
Ở bài viết trước trong mình đã giới thiệu với các bạn một cách tổng quan nhất về Blogger - Blogspot.
Và với bài viết thứ hai này bạn chỉ mất vài phút để đọc hết các bước khởi tạo blogspot là bạn đã có trong tay một Website chuyên nghiệp trên nền Blogspot

Bài 2 : Khởi tạo Blogspot

1. Chuẩn bị
  • Để có thể đăng ký được 1 Blogspot bạn cần có một tài khoản Google. Nếu chưa có bạn vui lòng đăng kí tại đây

2. Các bước để khởi tạo một Blogspot

Bước 1 : Truy cập Blogger.Com và đăng nhập vào tài khoản google của bạn
Bước 2 : Bạn nhìn sang bên tay trái màn hình và click vào chữ Blog mới.

Ảnh minh họa đăng ký blogspot
Ảnh minh họa đăng ký blogspot


Một cửa nhỏ hiện ra như hình bên dưới và các bạn điền đầy đủ thông tin vào là được.

Khởi tạo blogger

Trong đó

  1. Tiêu đề : Chính là tiêu đề Blog của bạn
  2. Địa chỉ : Là địa chỉ url để truy cập Blog của bạn . Ví dụ của mình là Blogkoiem.Blogspot.Com
  3. Chọn template cho blog của bạn. Blogspot xẽ cho bạn lựa chọn 1 trong 7 Template mặc định mà họ đã thiết kế sẵn, bạn có thể chọn bất cứ 1 Template nào mà bạn thích.Và bạn cũng thể thay đổi tùy theo ý sau này
Chú ý : đối với địa chỉ blog thì không được trùng với địa chỉ đã có, nghĩa là nó phải là độc nhất và duy nhất . Chưa có ai sử dụng.

Bước 4 : Sau khi đã nhập đầy đủ thông tin bạn nhấn vào nút tạo Blog. Vậy là blog của bạn đã được khởi tạo thành công! và có thông báo như hình bên dưới

Chúc các bạn thành công !
Ở bài viết này  bạn đã có 1 website làm bằng blogger cho riêng mình. Và hãy theo dõi những bài viết tiếp theo của mình trong series học Thiết kế web trên nền Blogspot để cùng khám phá những sức mạnh vượt trội của blogspot nhé!

Dec 16, 2014

Bài 1 : Giới thiệu tổng quan về Blogspot

Hello, Xin chào tất các bạn!
Mình là Tuấn ( kòiEm ) và ở bài viết đầu tiên trong series học thiết kế web trên nền Blogspot này mình xẽ dành ra một bài viết để giới thiệu tổng quan về Blogspot cho các bạn.

Giới thiệu tổng quan về Blogspot

Blogspot là gì?

Blogspot (hay còn được gọi là Blogger) là một hệ thống cho phép bạn tạo Blog (miễn phí), giống với WordPress, Yahoo 360°... Website trên nền blogspot được phát triển bởi Pyra Labs và được Google mua lại vào năm 2003 để xây dựng và phát triển. Các blog được lưu trữ dưới dạng tên miền phụ .blogspot

Blogspot để dùng để làm gì?

Blogspot giúp bạn tạo một website hoàn chỉnh chỉ trong vòng vài phút , tất cả đều được lập trình sẵn. Và hoàn toàn miễn phí

Ưu điểm của Blogspot

hoàn toàn miễn phí
  • Hoàn toàn miễn phí ( không mất phí duy trì hosting hàng năm).
  • Không phải chi trả bất cứ một khoản phí nào.
  • Tốc độ load nhanh
  • Không lo về vấn đề bảo mật hay bị hacker tấn công website
thay đổi tên miền cho blogspot
  • Được cấp tên miền phụ có sẵn xxx.blogspot.com ( trong đó xxx là địa chỉ của bạn ví dụ của mình là Blogkoiem.Blogspot.com ).
  • Có thể thay đổi tên miền riêng .com, .net, .org , .biz ...
kiếm tiền với blogspot
  • Blogspot cũng tạo cho bạn rất nhiều cơ hội kiếm tiền .
  • Được tích hợp sẵn Google adsene trong blog.
  • Có thể đặt quảng cáo của các nhà quảng cáo khác


    Blogspot hỗ trợ seo rất tốt
  • Hỗ trợ seo rất tốt.
  • Tốc độ index bài viết rất nhanh,dễ hiển thị kết quả tìm kiếm.
  • Tối ưu Meta , các thẻ h1 , h2, H3 dễ dàng.
  • Thường được sử dụng làm các website vệ tinh trong các chiến dịch seo lớn.


Ngoài ra Blog còn rất dễ tùy chỉnh và cài đặt, dễ dàng thiết kế giao diện , hiển thị tốt trên cả máy tính và điện thoại.

Nhưng bên cạnh đó cũng có những nhược điểm không thể khắc phục được


  1. Đôi khi bị nhà mạng chặn mất, nên đôi khi những người muốn vào tìm hiểu thông tin thì lại không vào được.
  2. Giới hạn 100 thành viên cho 1 blog
  3. Không thể upload file nào ngoài file ảnh

Bài viết này còn thiếu sót rất nhiều. Mọi người comment góp ý tiếp nhé!

Dec 15, 2014

Bài viết minh họa

Bài Viết này chỉ mang tính chất minh họa.

Minh họa bài viết

Demo bài viết mẫu

KòiEm Blog's

KòiEm Blog's

Bài hát về " Mẹ " Dương Ngọc Thái cùng 12 Ca Sĩ

 " Mẹ " Dương Ngọc Thái cùng 12 Ca Sĩ
Lang thang trên mạng thấy bài này hay quá . AE nghe thử xem thế nào ?