1.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
Copyright by BILLQUY.com
Page 0

2.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
MỤC LỤC
Lời nói đầu
1
Giới Thiệu
2
Phần 1: BẮT ĐẦU LÀM QUEN VỚI BLOGGER
5
Chƣơng 1: Ưu và Nhược điểm của blogger
6
Chƣơng 2: Tham khảo một số sản phẩm làm từ Blogger
7
Chƣơng 3: Hướng dẫn đăng nhập blogger và thiết kế website cơ bản
8
Phần 2: HƢỚNG DẪN ĐĂNG BÀI CƠ BẢN VÀ NÂNG CAO
11
Chƣơng 1: Hướng dẫn đăng bài lên website bằng cách COPY và PASTE
12
Chƣơng 2: Hướng dẫn đăng bài nâng cao bằng cách Copywriting
16
Phần 3: THAY ĐỔI GIAO DIỆN, TẠO THANH MENU, THAY ĐỔI HÌNH GIAO DIỆN
19
Chƣơng 1: Thay đổi giao diện cho website
20
Chƣơng 2: Tạo thanh MENU theo ý của bạn
22
Chƣơng 3: Thay đổi hình giao diện trong Slide ảnh
29
Phần 4: HƢỚNG DẪN ĐIỀU CHỈNH BỐ CỤC VÀ TIỆN ÍCH CHO WEBSITE
32
Chƣơng 1: Hướng dẫn sử dụng tiện ích HTML thêm Video vào website
33
Chƣơng 2: Hướng dẫn sử dụng tiện ích Hình Ảnh tạo Banner Quảng cáo
36
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ệ
38
Chƣơng 4: Giới thiệu sơ lược về một số tiện ích khác
40
Hƣớng dẫn chọn và mua tên miền
41
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 42
blogger
Copyright by BILLQUY.com
Page 1

3.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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.
2.
3.
4.
5.
www.amalink.vn
www.aodongphucdn.com
www.aolopdanang.com
www.aodongphucdanang.com
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.
Copyright by BILLQUY.com
Page 2

4.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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
Copyright by BILLQUY.com
Page 3

5.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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!
Copyright by BILLQUY.com
Page 4

6.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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
Copyright by BILLQUY.com
Page 5

7.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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.
Copyright by BILLQUY.com
Page 6

8.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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:
1.
2.
3.
4.
5.
6.
Trang web
www.amalink.vn
www.aodongphucdn.com
www.aolopdanang.com
www.aodongphucdanang.com
www.aodoidanang.com
www.billquy.com
Mục đích
Trang chính của hệ thống đồng phục đà nẵng
Chuyên cung cấp đồng phục doanh nghiệp
Chuyên cung cấp áo lớp cho sinh viên
Chuyên cung cấp đồng phục cho học sinh
Chuyên cung cấp áo đôi cho cặp tình nhân
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
1. www.namkna.blogspot.com/
2. www.billquy.com
Mục đích
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
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
1.
2.
3.
4.
5.
Trang web
www.video.internetmarketing.vn
www.audio.internetmarketing.vn
www.slide.internetmarketing.vn
www.tuvan.internetmarketing.vn
www.book.internetmarketing.vn
Mục đích
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
1.
2.
3.
4.
5.
6.
Trang web
www.internetmarketingcoaching.vn
www.mega.internetmarketing.vn
www.bootcamp.internetmarketing.vn
www.autocashsystem.internetmarketing.vn
www.socialmedia101.vn
www.khoinghieptuhaibantaytrang.blogspot.com
Copyright by BILLQUY.com
Mục đích
Những trang landing page đẹp
mắt.
Page 7

9.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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: billquy@gmail.com
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
2/ Here
1/ Click
3/ Click
5/ Here
4/ Here
6./ Vào lại blogger.com thì giao diện sẽ nhƣ thế này
Copyright by BILLQUY.com
Page 8

10.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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”
Copyright by BILLQUY.com
Page 9

11.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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
Copyright by BILLQUY.com
Page 10

12.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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
Copyright by BILLQUY.com
Page 11

13.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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.
Font chữ
Tạo liên kết
Thẻ HTML
Upload video
Cỡ chữ
Upload hình ảnh
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
Copyright by BILLQUY.com
Page 12

14.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
-
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
Copyright by BILLQUY.com
Page 13

15.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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
Copyright by BILLQUY.com
Page 14

16.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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
Copyright by BILLQUY.com
Page 15

17.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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.
Copyright by BILLQUY.com
Page 16

18.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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.
Copyright by BILLQUY.com
Page 17

19.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
Và sau đó Upload lên bài đăng của Blogger
Click vào Upload Ảnh
Đặt dấu nháy vào vị trí cần đặt ảnh
Upload ảnh lên:
Chỉnh sửa ảnh sau khi upload:
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.
Copyright by BILLQUY.com
Page 18

20.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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
Copyright by BILLQUY.com
Page 19

21.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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:
2/ Sao lưu/khôi phục
1/ Click Mẫu
Copyright by BILLQUY.com
3/ Click Here
Page 20

22.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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.
Copyright by BILLQUY.com
Page 21

23.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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.
Copyright by BILLQUY.com
Page 22

24.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
Ở đâ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.
2.
3.
4.
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ô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?
Tôi muốn bỏ đi phần Menu “Áo Lớp” thì làm như thế nào?
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.
Copyright by BILLQUY.com
Page 23

25.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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ó:
Copyright by BILLQUY.com
Page 24

26.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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:
Copyright by BILLQUY.com
Page 25

27.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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ả
Copyright by BILLQUY.com
Page 26

28.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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”
Copyright by BILLQUY.com
Page 27

29.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
Kết quả:
Copyright by BILLQUY.com
Page 28

30.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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.
2.
3.
4.

URL của ảnh là gì?
Tìm vị trí URL ảnh trong HTML
Kích Thƣớc của ảnh trên webiste bạn là bao nhiêu?
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
Copyright by BILLQUY.com
Page 29

31.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
B3: Tìm kích thƣớc ảnh
Rê chuột vào đây
Ở đâ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
1/ Chọn Search Tools (Công cụ tìm
kiếm)
2/ Chọn Size (Kích
Thước)
3/ Chọn Exactly (Chính xác)
4/ Gõ kích thước vào ô
sau
Hoặc bạn có thể thiết kế ra 1 bức ảnh và Load lên Google +
Copyright by BILLQUY.com
Page 30

32.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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é.
Copyright by BILLQUY.com
Page 31

33.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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
Copyright by BILLQUY.com
Page 32

34.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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.
Copyright by BILLQUY.com
Page 33

35.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
Bạn copy đoạn Code bên dƣới
Copy Code
Vào phần thêm tiện ích của Blogger
Kết quả đây:
Copyright by BILLQUY.com
Page 34

36.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
 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.
Copyright by BILLQUY.com
Page 35

37.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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:
Copyright by BILLQUY.com
Page 36

38.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
Ở đâ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:
Copyright by BILLQUY.com
Page 37

39.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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ả:
Copyright by BILLQUY.com
Page 38

40.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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.
2.
3.
4.
Vào bố cục
Rê chuột vào tiện ích và kéo tiện ích vào vị trí bạn muốn bỏ
Bấm vào lưu sắp xếp
Ok
Copyright by BILLQUY.com
Page 39

41.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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…
Copyright by BILLQUY.com
Page 40

42.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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
Copyright by BILLQUY.com
Page 41

43.
THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT
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.
2.
3.
4.
Dùng Google Trend để phân tích xu hướng tìm sản phẩm
Chọn từ khóa cần SEO: Google Keyword Tool để phân tích
Chọn tên miền và xây dựng hệ thống website
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
Copyright by BILLQUY.com
Page 42