design website by little clicks

43

Upload: vo-hao

Post on 14-May-2015

64 views

Category:

Government & Nonprofit


1 download

DESCRIPTION

Design website by little clicks

TRANSCRIPT

Page 1: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 0

Page 2: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 1

MỤC LỤC

Lời nói đầu

Giới Thiệu

Phần 1: BẮT ĐẦU LÀM QUEN VỚI BLOGGER

Chƣơng 1: Ưu và Nhược điểm của blogger

Chƣơng 2: Tham khảo một số sản phẩm làm từ Blogger

Chƣơng 3: Hướng dẫn đăng nhập blogger và thiết kế website cơ bản

Phần 2: HƢỚNG DẪN ĐĂNG BÀI CƠ BẢN VÀ NÂNG CAO

Chƣơng 1: Hướng dẫn đăng bài lên website bằng cách COPY và PASTE

Chƣơng 2: Hướng dẫn đăng bài nâng cao bằng cách Copywriting

Phần 3: THAY ĐỔI GIAO DIỆN, TẠO THANH MENU, THAY ĐỔI HÌNH GIAO DIỆN

Chƣơng 1: Thay đổi giao diện cho website

Chƣơng 2: Tạo thanh MENU theo ý của bạn

Chƣơng 3: Thay đổi hình giao diện trong Slide ảnh

Phần 4: HƢỚNG DẪN ĐIỀU CHỈNH BỐ CỤC VÀ TIỆN ÍCH CHO WEBSITE

Chƣơng 1: Hướng dẫn sử dụng tiện ích HTML thêm Video vào website

Chƣơng 2: Hướng dẫn sử dụng tiện ích Hình Ảnh tạo Banner Quảng cáo

Chƣơng 3: Hướng dẫn sử dụng tiện ích Văn Bản tạo Thông Tin Liên Hệ

Chƣơng 4: Giới thiệu sơ lược về một số tiện ích khác

Hƣớng dẫn chọn và mua tên miền

Một số lời khuyên dành cho các bạn mới lập website bán hàng (Minishop) bằng

blogger

1

2

5

6

7

8

11

12

16

19

20

22

29

32

33

36

38

40

41

42

Page 3: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 2

LỜI NÓI ĐẦU

Chúng ta đang sống trong một cuộc cách mạng mang tên Internet Marketing!

Đó là cuộc cách mạng về cách thức liên hệ giữa mọi người với nhau. Làm thế nào mà một

thượng nghị sĩ nhiệm kỳ đầu tiên, một người da màu, trẻ tuổi, không mấy tiếng tăm với đôi tai

trông thật khôi hài và một cái tên thậm chí còn khôi hài hơn, lại được bầu làm Tổng Thống của

Hợp chủng quốc Hoa Kỳ?

Và cuộc cách mạng sẽ chắp cánh cho tự do! Vậy bạn còn chờ đợi điều gì nữa?

Tôi là một sinh viên dầu khí, mới bắt đầu bước trên con đường Internet Marketing gần được 4

tháng cách đây (12/2012 – 4/2013).

Đầu năm 2012 tôi không biết gì về Internet Marketing, tôi đã được học một lớp về thiết kế

website bằng Blogger và từ đó tôi đã lập được website www.aodongphucdn.com. Tôi kinh

doanh đầu tiên chỉ yếu là Offline tìm kiếm đơn hàng từ bạn bè, CTV, phát tờ rơi… Tôi gặp

khách hàng trực tiếp và giới thiệu về công ty của mình, show website để họ thấy mẫu. Tôi hoàn

toàn không ý thức về việc lên top của google. Đối với tôi website chỉ để cho khách hàng lên

xem mẫu.

Và cuối năm 2012 tôi cất công từ Đà Nẵng vào HCM để học khóa học của anh Richdadloc

(INTERNET BOOTCAP 2012 và SOCIAL MEDIA 101). Tôi đã biết thế nào là Internet

Marketing, và tôi chuyển hầu như 80% công việc của mình tại ONLINE, và hiện giờ khách hàng

của tôi đến từ online. Tôi cùng hai bạn ở Đà Nẵng chạy một hệ thống website:

1. www.amalink.vn

2. www.aodongphucdn.com

3. www.aolopdanang.com

4. www.aodongphucdanang.com

5. www.aodoidanang.com

Và một số trang Landing page khác

Doanh thu của công ty tăng lên đáng kể, hiện giờ tôi chuyển giao toàn bộ hệ thống này cho hai

bạn ở Đà Nẵng làm tôi tập trung 100% thời gian của mình để cùng Onnet phát triển hiện tại và

trong tương lai.

Hi vọng những kiến thức của tôi làm được và chia sẻ trong cuốn Ebook này sẽ giúp các bạn

học và làm được một điều gì đó cho riêng bạn.

Chúc các bạn SỨC KHỎE – HẠNH PHÚC – BÌNH AN.

Page 4: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 3

GIỚI THIỆU

1. Blogspot là gì?

Blogspot (còn gọi là Blogger) giúp bạn tạo ra website hoàn chỉnh cho chính mình chỉ trong vài

giây. Tất cả được máy tính thực hiện tự động từ A đến Z, bạn không cần phải lập trình, thiết kế

hay phải bỏ ra chút công sức nào. Hơn nữa, tất cả đều miễn phí bạn à.

Từ ngày có Blogspot, các website được sinh tự động ra đời ngày càng nhiều, và được gọi

chung là Blog. Những người viết bài trên blog gọi là Blogger, công việc viết bài trên blog gọi là

Blogging. Các khái niệm này ban đầu cơ bản là vậy.

2. Blogspot mạnh, nhanh, an toàn và miễn phí vĩnh viễn

Chắc bạn đã từng nghe đến cái tên Google nhỉ? Vâng, Blogspot chính là con ruột của tập đoàn

đang thống trị thế giới internet này. Chỉ nhiêu đó thôi đủ bạn hiểu được chất lượng của

Blogspot cao như thế nào rồi.

Những điểm nổi bật của Blogspot là tốc độ tải web nhanh, an toàn và gần nhƣ không thể bị

hack cũng nhƣ bị tấn công. Các blog do Blogspot sinh ra có những chức năng và vẻ đẹp mà

những website hàng đầu đều ao uớc.

Đẹp và chuyên nghiệp

Page 5: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 4

Ngoài ra, sử dụng Blogspot, bạn đã không phải bỏ công sức mà tất cả còn được miễn phí vĩnh

viễn. Không những thế, Blogspot còn tạo cơ hội cho bạn kiếm được tiền và có thể là rất nhiều

cơ đấy.

3. Và nhiều hơn thế nữa

Đến với Blogspot, bạn có quyền chọn tên miền riêng cho blog của mình. Tên miền do Blogspot

cung cấp ngắn, đẹp và có định dạng "TênDoBạnĐặt.blogspot.com".

Đặt tên blog theo ý bạn

Không như nhiều dịch vụ khác, chỉ cho bạn tạo ra 1 blog, Blogspot cho phép mỗi người tạo ra

bao nhiêu blog tùy thích.

Đặc biệt nhất, bạn có thể nói chuyện, trao đổi với những người xem blog của mình thông qua

chức năng nhận xét. Hơn nữa, bạn còn có thể kết nối với các bạn bè cũng dùng Blogspot giống

mình.

Kết bạn tự do

Và còn hàng tấn tấn những cái độc, hay, đỉnh mà Blogspot đang chờ bạn khám phá. Now, Let's

Blogspot!

Page 6: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 5

Phần 1:

BẮT ĐẦU LÀM QUEN VỚI BLOGGER

“Không phải những thứ chúng ta không biết khiến ta gặp rắc rối

mà người lại”

Mark Twain

Page 7: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 6

Chƣơng 1: ƢU và NHƢỢC ĐIỂM CỦA BLOGGER

Mình sử dụng blogger, mình thấy nó rất tốt để xây dựng hệ thống vệ tinh trong hệ thống web

của bạn. Bạn dùng nó để làm Langding page, trang cá nhân, trong quảng cáo sản phẩm và

nhiều mục đích khác. Trong quá trình làm mình thấy một số ưu và nhược điểm của Blogger

như sau:

1. Ƣu điểm:

- Blogspot là một phần của google nên khi search google nó hiện thị kết quả rất tốt

- Giao diện của nó khá là thân thiện và dễ sử dụng.

- Với blogspot thì việc lựa chọn phần thân cho blog cũng hết sức dễ dàng.

- Việc thay đổi và chỉnh sửa trên blogspot cũng khá là đơn giản và dễ dàng.

- Còn khi bạn muốn thay đổi toàn bộ thiết kế cũ bằng một thiết kế mới, bạn chỉ cần lưu lại

một bản sao của mẫu trước khi bạn tiến hành những thay đổi mới ở phần chỉnh sửa

html.

- Blogspot cho phép bạn upload ảnh để trang trí ở thanh bên ngay từ trên máy tính của

bạn, cũng như bạn có thể dẫn link ảnh từ trang khác.

- Trang trí cho blog của mình những tiện ích như (đồng hồ, bướm bay, ….) chỉ bằng việc

copy những đoạn code sẵn có và paste vào tiện ích html.

- Với blogspot bạn cũng có thể chình màu chữ tùy theo ý thích của mình ở tất cả các

phần của blog. (như màu chữ ở header, ở thanh bên…).

2. Nhƣợc điểm:

- Cập nhật các comment ở mỗi bài viết chậm. Không liên kết trực tiếp được với trang web

của người để lại comment.

- Không tạo được liên kết trang kiểu tập con giống như Wordpress.

- Chỉ có thể cập nhật những bài viết mới với những blogger có trong blogroll.

- Không có chức năng cài đặt password cho bài viết mà mình muốn bảo mật.

Page 8: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 7

Chƣơng 2: THAM KHẢO MỘT SỐ SẢN PHẨM LÀM TỪ BLOGGER

1. Những website của BillQuy tự tạo ra:

Trong quá trình làm blogger mình đã tạo ra những trang web sau, đa phần chúng dùng để bán

hàng:

Trang web Mục đích

1. www.amalink.vn Trang chính của hệ thống đồng phục đà nẵng

2. www.aodongphucdn.com Chuyên cung cấp đồng phục doanh nghiệp

3. www.aolopdanang.com Chuyên cung cấp áo lớp cho sinh viên

4. www.aodongphucdanang.com Chuyên cung cấp đồng phục cho học sinh

5. www.aodoidanang.com Chuyên cung cấp áo đôi cho cặp tình nhân

6. www.billquy.com Website cá nhân của Bill Quy

2. Những website hữu ích cho bạn trong quá trình làm Blog

Trang web Mục đích

1. www.namkna.blogspot.com/ Trang này cung cấp đầy đủ các tiện ích và thủ thuật nâng cao để tạo ra 1 blog cực kì chuyên nghiệp

2. www.billquy.com Mình sẽ gởi một vài thông tin về blogger và thủ thuật nâng cao mà mình đã thực hành được trên web này

3. Website tham khảo

Trang web Mục đích

1. www.video.internetmarketing.vn 2. www.audio.internetmarketing.vn 3. www.slide.internetmarketing.vn 4. www.tuvan.internetmarketing.vn 5. www.book.internetmarketing.vn

Những mẫu website tham khảo để bạn có thể có một website đẹp

4. Một số website thiết kế theo kiểu website Landing Page

Trang web Mục đích

1. www.internetmarketingcoaching.vn 2. www.mega.internetmarketing.vn 3. www.bootcamp.internetmarketing.vn 4. www.autocashsystem.internetmarketing.vn 5. www.socialmedia101.vn 6. www.khoinghieptuhaibantaytrang.blogspot.com

Những trang landing page đẹp mắt.

Page 9: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 8

Chƣơng 3: HƢỚNG DẪN ĐĂNG NHẬP BLOGGER VÀ THIẾT KẾ

WEBSITE CƠ BẢN

1. Hƣớng dẫn đăng nhập Blogger

B1: Bạn phải có một tài khoản google (Gmail)

Vd: [email protected]

B2: Vào blogger và đăng nhập như đăng nhập Gmail

B3: Nếu bạn là người đầu tiên vào blogger thì xem

thêm B3

1/ Click

2/ Here

3/ Click

4/ Here

5/ Here

5/ Here

6./ Vào lại blogger.com thì giao diện sẽ nhƣ thế này

Page 10: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 9

2. Thiết kế website cơ bản

Click vào “BLOG MỚI”

Tiến hành điền đầy đủ thông tin, có hai trƣờng hợp xảy ra.

1. Blog bạn định làm đã có người khác tạo, trường hợp này bạn tiến hành nhập lại cho

đến khi được thì thô

2. Blog bạn định làm chưa ai tạo, thế là Ok – chúc mừng bạn -> Click vào “TẠO BLOG”

Page 11: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 10

Giao diện sẽ xuất hiện nhƣ thế này:

Để vào trang điều khiển của Blogger bạn làm tƣơng tự nhƣ hình bên dƣới

Đây là giao diện thiết kế, thông kê của Blog

Page 12: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 11

Phần 2:

HƢỚNG DẪN ĐĂNG BÀI CƠ BẢN VÀ

NÂNG CAO

“Nếu xe bị hỏng và bạn phải dắt bộ một quãng đường, hãy nghĩ

đến những người khuyết tật chỉ mong có thể tự bước đi vài bước”

Danh Ngôn Cuộc Sống

Page 13: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 12

Chƣơng 1: HƢỚNG DẪN ĐĂNG BÀI LÊN WEBSITE BẰNG CÁCH

COPY và PASTE

Bước vào mấy phần này hơi kỹ thuật một tí, các bạn kiên trì để tiếp tục con đường các bạn

chọn nhé

1. Hƣớng dẫn sơ lƣợc về giao diện bài đăng

Click vào nút “Bài Đăng Mới”

Nó sẽ hiển thị ra bảng sau, bạn đăng bài như bạn soạn thảo văn bản.

Phần này gồm các phần chủ yếu sau:

- Font chữ: Giúp bạn định dạng Font chữ, ở đây mình khuyến khích các bạn dùng

Font “ARIAL”, font này rất tốt cho người đọc lẫn SEO

Font chữ

Cỡ chữ

Tạo liên kết

Upload video

Upload hình ảnh

Thẻ HTML

Page 14: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 13

- Cỡ chữ: Bạn nên chọn cỡ chữ “CHUẨN” là hợp lý nhất

- Tạo liên kết: giúp bạn tạo những liên kết mà khi click vào đoạn text đó nó sẽ ra một

web, hoặc một bài viết nào đó

Vd: Sứ mệnh của ONNET là tạo ra các chương trình đào tạo, sản phẩm và giải pháp hỗ

trợ cho hàng triệu người Việt Nam. ONNET không ngừng đa dạng hóa các sản phẩm,

đưa ra các giải pháp tốt và toàn diện nhất để đáp ứng được đa số yêu cầu của khách

hàng cũng như tạo ra các giá trị to lớn khác mà có thể bản thân khách hàng còn chưa

nghĩ tới.

Ở đây mình sẽ tạo một liên kết cho chữ ONNET, và khi click vào đó thì nó sẽ nhảy sang

trang www.onnet.com.vn

- Upload hình ảnh: cho phép bạn upload hình ảnh từ máy tính của bạn lên website. Khi

bạn upload thì toàn bộ hình ảnh này được lưu tại Google +

- Upload video: cho phép bạn upload video lên website của bạn, tốt nhất bạn nên Upload

sang một trang youtube, rồi dùng thẻ HTML để chèn vào bài viết.

- Thẻ HTML: ở đây có hai thể đó là Viết và HTML. Khi bạn viết bài thì bạn chọn thẻ Viết,

còn khi bạn chèn một đoạn Code nào đó vài bài đăng thì chọn HTML

2. Hƣớng dẫn đăng bài đăng bằng COPY và PASTE

Vào một website để copy bài bạn muốn tương tự như hình vẽ. Ở đây mình vào

www.onnet.com.vn

Page 15: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 14

Vào phần bài đăng và PASTE đoạn mới COPY vừa rồi tương tự như hình bên dưới

Click vào nút XUẤT BẢN nó sẽ hiện ra khung SHARE lên GOOGLE +, nếu bài viết của bạn

chất lượng, bạn bè của bạn trên GOOGLE + nhiều thì bài viết của bạn sẽ được tương tác rất

tốt. Sẽ giúp bạn tăng lương lượng view vào website của bạn

Page 16: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 15

Bám nút SHARE hoắc CANCEL để xem bài viết. Click vào xem website bên trên của vùng điều

khiển

bạn sẽ thấy giao diện như sau:

Tương tự với cách làm này bạn đăng khoản 3 đến 5 bài đăng để khi chỉnh sửa mẫu và hoàn

thiện website của bạn được đẹp hơn.

Lƣu ý: bài đăng của bạn có thể xóa hoặc chỉnh sửa tùy theo ý thích của bạn

Page 17: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 16

Chƣơng 2: HƢỚNG DẪN ĐĂNG BÀI NÂNG CAO BẰNG CÁCH

COPYWRITING

1. Giới thiệu sơ lƣợc về Copywriting

Copywriting có thể bao gồm bài viết, slogan (khẩu hiệu), tiêu đề, thư, tagline, lời hát

quảng cáo...

Trên các website, copywriting thể hiện ở phương pháp viết và sử dụng từ ngữ có khả

năng tăng thứ hạng của website trên các công cụ tìm kiếm.

Đó là thuật ngữ về Copywriting, nói chung nó rất lý thuyết, mình đã được học cách của

anh Richdadloc (chuyên gia internet marketing hàng đầu tại Việt Nam) trong khóa học

Internet Bootcamp - Social media 101 – internet marketing coaching.

Phần này mình chỉ cho các bạn loại bỏ Back link và chỉnh sửa một vài chỗ. Phần chuyên

sau thì bạn nên chọn cho mình các khóa học để được nâng cao kiến thức.

2. Hƣớng dẫn cách đăng bài bằng copywriting

Ban đầu bạn cũng làm tương tự như bước trên. Vào một trang web nào đó copy bài,

nhưng bạn không paste vào phần Bài đăng mà paste vào Notepad.

Cách lấy Notepad trong Win: Bạn làm theo hướng dẫn bên dưới.

Page 18: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 17

Phần Notepad sẽ hiện ra và bạn Paste đoạn văn bản mới copy vào Notepad:

Khi paste vào Notepad thì toàn bộ Backlink và Ảnh của bài đăng bị loại bỏ, chỉ còn lại đoạn

text.

Bạn copy đoạn văn bản trong Notepad và Dán vào Bài Đăng bên Blogger:

Mất hết ảnh và Backlink thì bạn làm thế nào để có một bài đăng giống bài đăng cũ, đầu tiên

bạn vào bài bạn muốn copy lƣu ảnh về máy tính và đặt tên ảnh bằng Từ Khóa bạn muốn

SEO.

Page 19: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 18

Và sau đó Upload lên bài đăng của Blogger

Upload ảnh lên:

Chỉnh sửa ảnh sau khi upload:

Click vào Upload Ảnh

Đặt dấu nháy vào vị trí cần đặt ảnh

Khi bạn click vào phần chỉnh sửa ảnh hiện ra một khung chỉnh sửa ảnh như trên, bạn chỉnh

sửa sao cho phù hợp nhất theo ý kiến của bạn. Làm tương tự để có một bài đăng đẹp và

chất lượng.

Page 20: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 19

Phần 3:

THAY ĐỔI GIAO DIỆN, TẠO THANH

MENU, THAY ĐỔI HÌNH GIAO DIỆN

“Đừng so sánh bản thân bạn với bất cứ ai khác trên thế giới này.

Nếu làm như vậy, bạn đang xúc phạm chính mình.”

Bill Gates

Page 21: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 20

Chƣơng 1: THAY ĐỔI GIAO DIỆN CHO WEBSITE

Phần này Bill Quy sẽ làm trên giao diện đã được áp dụng để xây dựng trang web bán hàng của

mình. Đây là giao diện của Templates.

Vào website www.billquy.com, vào phần mục “Cho Đi”, có mục templates mẫu cho ebook

“Thiết kế website chỉ bằng vài click chuột”. Load mẫu về máy tính.

Anh chị có thể tìm một số giao diện khác trên trang www.btemplates.com. Nếu anh chị là

người làm Blogger lần đầu thì Bill Quy khuyên anh chị làm theo templates mà BillQuy gợi ý để

quá trình học và làm hiệu quả hơn.

Sau khi học xong anh chị có thể làm theo Template của anh chị ưng ý.

Vào lại www.blogger.com, vào mục điều khiển chọn mẫu theo hình như sau:

1/ Click Mẫu 3/ Click Here

2/ Sao lưu/khôi phục

Page 22: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 21

Upload Templates lên

Vào blogger và Click vào “Xem Blog” thì bạn sẽ có một website như thế này, chỉ cần 3 click

chuột bạn sở hữu cho mình một website với giao diện vô cùng đẹp, giúp bạn kinh doanh và

mang về lợi nhuận cho công việc của mình

Như Bill Quy đã nói ở trên, bạn có thể tìm thêm những mẫu đẹp trên Google hoặc tại trang

www.btemplates.com sẽ có rất nhiều mẫu đẹp. Giờ thì chúng ta tiếp tục bài học bằng cách tạo

thanh MENU.

Page 23: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 22

Chƣơng 2: TẠO THANH MENU THEO Ý CỦA BẠN

1. Thay đổi tiêu đề thanh Menu cho web

Thanh Menu cũ co mẫu như sau, giờ chúng ta sửa thành

Thanh menu cũ Thanh Menu mới

Hướng Dẫn Giới Thiệu Bản Thân

- Cách Chọn Màu Áo - Sứ Mệnh

- Cách Chọn Size Áo - Mục Tiêu

- Tư Vấn Thiết Kế - Sứ Mệnh

Để làm được việc này, bạn vào lại mục điều khiển blogger, chọn “mẫu” -> “Chỉnh sửa mẫu”

thì sẽ hiện ra bảng sau. Rê chuột vào khung mẫu và bấm “Ctrl +F” và đánh từ “Hƣớng Dẫn”

vào ô tìm kiếm.

Page 24: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 23

Ở đây chúng ta tiến hành sửa lại như bảng trên.

Sau khi hoàn thành thì bám “Lƣu Mẫu”. Vào lại website của mình để xem kết quả:

Tương tự bạn làm với tất cả các Menu khác. Vậy trong đây có những câu hỏi đặt ra như thế

này:

1. Tôi muốn có 5 Menu con của dòng “Giới Thiệu Bản Thân” thì làm như thế nào?

2. Tôi chỉ muốn có 2 Menu con của dòng “Giới Thiệu Bản Thân” thì làm như thế nào?

3. Tôi muốn bỏ đi phần Menu “Áo Lớp” thì làm như thế nào?

4. Tôi muốn khi Click vào Menu thì nó ra một bài đăng thì làm như thế nào?

Để trả lời cho 3 câu hỏi trên chúng ta đi tiếp phần thứ hai của chương này nhé. Trong quá trình

học tôi khuyên bạn nên nghĩ giải lao nếu thấy quá căng thẳng, rồi quay lại làm tiếp. Phải kiên trì

thì bạn mới có thể gặt hái được kết quả.

Bạn có thể dùng phần mềm để quảng lý thời gian bạn làm việc một cách hiệu quả. Theo kinh

nghiệm của cá nhân tôi, tập trung làm việc khoảng 30 – 40 phút bạn giành 5 phút để giải lao

một lần, khi giải lao bạn có thể nghe một bản nhạc yêu thích, tập yoga, thiền định hay làm bất

cứ điều gì bạn cảm thấy thoải mái.

Page 25: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 24

2. Thêm, bớt và bỏ Menu trên webiste:

Giải quyết câu hỏi 1: Tôi muốn có 5 Menu con của dòng “Giới Thiệu Bản Thân” thì

làm như thế nào?

Tìm phần mục tiêu và copy phần mục tiêu như hình vẽ, từ </li>…</li>

Và dán vào bên dưới đó như hướng dẫn:

Lưu mẫu chúng ta sẽ có:

Page 26: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 25

Giải quyết câu hỏi 2: Tôi chỉ muốn có 2 Menu con của dòng “Giới Thiệu Bản Thân” thì làm

như thế nào?

Vào ”Mẫu” “Chỉnh Sửa Mẫu”. Bôi đen cả 3 đoạn “Mục Tiêu”

Delete cả ba đoạn “Mục Tiêu” trên và click vào “Lƣu Mẫu”

Vào web và nhấn F5 thì sẽ ra giao diện như sau:

Page 27: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 26

Giải quyết câu hỏi 3: Tôi muốn bỏ đi phần Menu “Áo Lớp” thì làm như thế nào?

Vào “Mẫu” “Chỉnh sửa mẫu”. Trỏ chuột vào vùng HTML và nhấn “Ctrl +F”. Gõ chữ “Áo

Lớp”. Tiến hành Bôi Đên hết cả đoạn Code và nhấn Delete

Nó sẽ hiện ra như thế này, chỉ còn Menu “Giới Thiệu Bản Thân” và “Áo Công Ty”

Lƣu mẫu và vào web để xem kết quả

Page 28: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 27

Giải quyết câu hỏi 4: Tôi muốn khi Click vào Menu thì nó ra một bài đăng thì làm như thế

nào?

Vd: Khi chúng ta click vào “Sơ Lƣợc” của phần “Giới Thiệu Bản Thân” thì sẽ ra bài đăng là

“Đối Tác Của Onnet” thì làm như sau:

Vào bài đăng và copy URL của bài đăng đó:

Vào Mẫu Chỉnh Sửa Mẫu. Gõ Ctrl + F và đánh chữ “ Sơ Lƣợc” vào Ô tìm kiếm Enter

Thay URL này bằng URL bài đăng “Đối Tác Của ONNET”

Page 29: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 28

Kết quả:

Page 30: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 29

Chƣơng 3: THAY ĐỔI HÌNH GIAO DIỆN TRONG SLIDE ẢNH

Nguyên lý nó cũng giống nhƣ thay thanh Menu. Đầu tiên bạn cần phải biết:

1. URL của ảnh là gì?

2. Tìm vị trí URL ảnh trong HTML

3. Kích Thƣớc của ảnh trên webiste bạn là bao nhiêu?

4. Tìm hoặc thiết kế một ảnh khác đúng với kích thước

Tiến hành thay ảnh theo hướng dẫn sau

B1: Tìm URL ảnh, chọn “Sao Chép URL hình ảnh”. Mở một “Tag” mới và dán hình ảnh

vào đây

B2: Tìm URL ảnh trong HTML

Vào Mẫu Chỉnh Sữa HTML Ctrl + F Dán URL vào trong ô Tìm Kiếm

Page 31: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 30

B3: Tìm kích thƣớc ảnh

Ở đây chúng ta tìm được kích thước ảnh là 615x300

B4: Tìm ảnh đúng kích thƣớc đã định: ở đây chúng ta dùng Google -> Hình Ảnh

Hoặc bạn có thể thiết kế ra 1 bức ảnh và Load lên Google +

Rê chuột vào đây

1/ Chọn Search Tools (Công cụ tìm

kiếm)

2/ Chọn Size (Kích

Thước)

4/ Gõ kích thước vào ô

sau

3/ Chọn Exactly (Chính xác)

Page 32: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 31

B5: Copy URL ảnh mới tìm đƣợc

B6: Thay thế ảnh trên web thành ảnh mới tìm

Quay lại B1, thay thế dán URL ảnh mới tìm từ Google vào URL cũ của ảnh

B7: Chiêm ngƣỡng kết quả đã làm:

Lưu mẫu, vào lại website nhấn F5 để chiêm ngưỡng kết quả đạt được… Tương tự ta làm

những hình ảnh tiếp theo nhé…

Tiến hành thay thế chữ trên slide ảnh cũng giống như thay thế Menu nhé.

Page 33: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 32

Phần 4:

MỘT SỐ TIỆN ÍCH HAY VÀO

WEBSITE

Chắc chắn người thông minh phải sở hữu sự sắc sảo, khả năng

tiếp nhận, thẩm thấu cái mới. Khi gặp phải một tình huống, bạn

phải tìm cách lý giải và lập tức đặt câu hỏi: "Chuyện này thực

chất là gì?". Hãy đặt một câu hỏi thật sáng suốt. Để cảm nhận sự

việc một cách thực tế.

Ngoài ra, còn có khả năng ghi nhớ. Để liên hệ với những lĩnh vực

mà có vẻ như ban đầu chúng chẳng có chút liên quan nào với

nhau. Một sự sáng tạo nhất định sẽ cho phép con người làm việc

hiệu quả.

Bill Gates

Page 34: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 33

Chƣơng 1: HƢỚNG DẪN SỬ DỤNG TIỆN ÍCH HTML THÊM VIDEO

VÀO WEBSITE

Đầu tiên bạn vào mục “Điều khiển”, vào mục “Bố Cục” bạn sẽ thấy giao diện như thế này

- Bên mục thêm tiện ích có rất nhiều Tiện Ích được thêm lúc mình load Templates lên.

- Đây là những tiện ích của Templates không phù hợp với mình, việc đầu tiên bạn tiến

hành là xóa hết tất cả các tiện ích có trong Bố Cục

- Lưu ý: có một vài tiện ích không thể xóa được, nhưng nó ích khi hiện lên trang chính.

Ở phần tiện ích có đến 26 tiện ích mà blogger cung cấp cho chúng ta. Bill Quy giới thiệu cho

các bạn 3 tiện ích chính chúng ta thường hay dùng. Còn những tiện ích khác rất dễ dàng, các

bạn tự tìm hiểu nhé.

1. HTML: Cho bạn Upload Video, thêm Yahoo Support, Skyper, Facebook Like….

2. Hình Ảnh: Cho phép bạn chèn hình ảnh quảng cáo vào Website

3. Văn Bản: Cho phép bạn thêm thông tin liên hệ, hệ thống site, danh ngôn…

Giờ mình tiến hành hướng dẫn cho bạn dùng 3 tiện ích quan trọng nhất:

Vào www.youtube.com tìm đoạn video bạn thích. Mở đoạn video lên và làm theo hướng dẫn

sau:

Ở template này, bạn muốn thêm video lên phía phải của video thì kích thích video là 300 pixel

chiều rộng là vừa.

Page 35: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 34

Bạn copy đoạn Code bên dƣới

Vào phần thêm tiện ích của Blogger

Kết quả đây:

Copy Code

Page 36: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 35

Còn cách thêm nút Like Facebook, Yahoo, Skyper, đoạn Slide flash thì bạn vào

Website của mình hoặc lên google là có hết. Mình sẽ cố gắng cập nhập thường xuyên

bài viết về chủ đề này cho các bạn.

Page 37: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 36

Chƣơng 2: HƢỚNG DẪN SỬ DỤNG TIỆN ÍCH HÌNH ẢNH TẠO

BANNER QUẢNG CÁO

- Vào Thêm Tiện Ích Hình Ảnh sẽ hiện ra khung sau.

- Chọn Tệp Tin sẽ hiện ra cửa sổ chọn ảnh. Bạn bắt đầu Load hình ảnh lên và chờ trong

giây lát

- Chú ý:

1. Kích thước của ảnh khoảng 300 pixel

2. Bạn có thể làm ra một Banner quảng cáo để thu hút lượng truy cập, hoặc tặng một

quà tặng gì đó…

Nó sẽ hiện ra khung sau:

Page 38: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 37

Ở đây có 3 cái bạn cần lƣu ý:

1. Tiêu đề: cho phép bạn hiển thị tiêu đề của Banner quảng cáo

2. Chú thích: cho phép bạn làm rõ chương trình quảng bá này

3. Liên kết: đó là một URL của một website hay 1 chương trình nào đó. Khi chúng ta click

vào ảnh thì nó sẽ chạy đến URL này.

Kết quả đây:

Page 39: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 38

Chƣơng 3: HƢỚNG DẪN SỬ DỤNG TIỆN ÍCH VĂN BẢN TẠO

THÔNG TIN LIÊN HỆ

- Click vào Thêm tiện ích Văn Bản sẽ hiện ra khung sau. Đánh thông tin liên hệ của -

bạn vào đây. Bạn có thể liên kết một số website vào phần văn bản này.

- Vd: ở đây Bill Quy muốn chèn link cho phần Website.

B1: Bôi Đên phần muốn chèn link

B2: Click vào Tạo liên kết

B3: Đánh thông tin URL muốn chèn vào ô nhỏ vừa xuất hiện

Đây là kết quả:

Page 40: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 39

Những tiện ích còn lại bạn tự khám phá nhé. Phần này tương đối dễ nên Bill Quy không nói đến

trong cuốn sách này.

Lƣu ý: Khi thêm nhiều tiện ích thì bạn có thể điều chỉnh vị trí của tiện ích đó. Để điều

chỉnh vị trí của chúng bạn làm nhƣ sau:

1. Vào bố cục

2. Rê chuột vào tiện ích và kéo tiện ích vào vị trí bạn muốn bỏ

3. Bấm vào lưu sắp xếp

4. Ok

Page 41: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 40

Chƣơng 4: GIỚI THIỆU SƠ LƢỢC VỀ MỘT SỐ TIỆN ÍCH KHÁC

Ngoài ra còn các tiện ích cần lưu ý sau:

1. Nút +1: khi người dùng truy cập vào web của bạn và click vào nút +1 thì sẽ hiển thị vào

Google + của bạn

2. Ngƣời theo dõi trên Google +: Đây là khung Google + mà bạn add vào

3. Bài đăng phổ biến: sẽ hiển thị số lượng bài đăng được xem nhiều nhất trong blog của

bạn. Bạn có thể hiển thị bao nhiêu bài đăng tùy theo ý bạn

4. Thống kế blog: Hiển thị số lượng người truy cập vào blog của bạn.

5. Ô tìm kiếm: hiển thị ô tìm kiếm để người dùng dễ tìm kiếm thông tin trên blog

6. Danh sách liên kết: cho phép bạn liên kết tất cả các website của bạn

7. Nhãn: hiển thị nhãn bạn muốn hiển thị

8. Và một số tiện ích khác nữa…

Page 42: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 41

HƢỚNG DẪN CHỌN VÀ MUA TÊN MIỀN

Bill Quy không phải là dân kỹ thuật, chỉ mới tiếp cận Internet Marketing mới có 3 tháng cách

đây, Bill không đi theo con đƣờng kỹ thuật mà học Tƣ Duy Kinh Doanh Trên Internet.

Tất cả các website Bill thiết kế điều kì diệu là Bill không biết gì về Code và cũng không cần biết

gì? Bill chỉ tư duy và góp nhặt cái hay ở những trang khác và biến nó thành của mình.

Giờ Bill Quy sẽ chia sẻ cho các bạn kinh nghiệm của Bill Quy nhé:

Chọn tên miền: có hai loại tên miền, 1 tên miền đẹp và 1 tên miền lạ.

Vd: tên miền đẹp: www.internetmarketing.vn hay www.SUKIENHAY.com

Tên miền lạ: www.onnet.com.vn hay www.AMALINK.vn

Đầu tiên nếu bạn kinh doanh nhỏ theo kinh nghiệm Bill Quy đã làm thì chọn tên miền đẹp và

kinh doanh những mặc hàng trên đó với hình thức Minishop. Khi đã có lợi nhuận thì bạn đầu tư

và chọn một tên miền lạ.

Tên miền lạ là tên miền chính để xây thương hiệu, thương hiệu là cái mang cho bạn rất nhiều

tiền sau này.

Nếu bạn là người có vốn đầu tư lớn, sở hữu những người kỹ thuật giỏi thì quá tuyệt vời, chỉ cần

Tư Duy Kinh Doanh và Định hướng lãnh đạo, phát triển nhân tài thì việc đó sẽ giúp bạn nhanh

chóng đạt được mục tiêu. Bill Quy xin chúc mừng bạn. Nếu được cùng giao lưu học hỏi để phát

triển nhiều hơn nữa.

Kiểm tra tên miền: Khi chọn được rồi thì bạn phải kiểm tra tên miền trước khi mua, những

trang web kiểm tra tên miền mình thường dùng:

1. www.tenten.vn

2. www.nhanhoa.com

3. www.matbao.com

Và một số trang web khác rất uy tín ở Việt Nam

Page 43: Design website by little clicks

THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Copyright by BILLQUY.com Page 42

MỘT SỐ LỜI KHUYÊN CHO CÁC BẠN MỚI LẬP WEBSITE BÁN HÀNG (MiniShop) BẰNG

BLOGGER

Khi mới bắt đầu với việc kinh doanh trực tuyến như mình trước đây thì bạn cần phải biết những

điều này:

1. Dùng Google Trend để phân tích xu hướng tìm sản phẩm

2. Chọn từ khóa cần SEO: Google Keyword Tool để phân tích

3. Chọn tên miền và xây dựng hệ thống website

4. Tiến hành thiết kế website bằng cả Blogger, Wordpress, Joomla… Lưu ý blogger chỉ

dùng làm những trang website vệ tinh là tốt nhất

Trong quá trình làm bạn sẽ gặp rất nhiều khó khăn, cho dù bạn có đầu tư ít hay nhiều, nhưng

cần phải Kiên Trì và có khả năng quan sát tốt. Bạn cần phải có một đội nhóm cùng Đam Mê thì

công việc của bạn mới diễn ra tốt đẹp được.

Tôi đi theo công thức tôi được học từ một người anh (www.richdadloc.com) như thế này:

ĐAM MÊ + ĐỘI NHÓM + CÔNG NGHỆ

Việc đầu tiên bạn cần làm đó là bạn phải có nguồn thu nhập nào đó để duy trì cuộc sống của

bạn và nhóm, lao đầu vào Đam Mê mà không có đủ tiền sinh sống thì năng lượng của bạn sẽ bị

phân tán bởi rất nhiều yếu tố xung quanh. Từ đó bạn mất rất nhiều cơ hội.

Trong quá trình làm việc bạn cần phải có kế hoạch và thời gian nghĩ ngơi hợp lí, bạn tập YOGA

và THIỀN ĐỊNH TAY TẠNG thì càng tốt. Nó sẽ giúp bạn Điềm Tỉnh trước bất cứ tình huống nào

xảy ra.

Lời cuối cùng Bill Quy xin chúc bạn SỨC KHỎE – HẠNH PHÚC – BÌNH AN – CHÂN THÀNH