EVERY BACK GROUND NEED HTML, CSS, Javascrip, and PHP
Now I can design web by background blog theo this is background free host strongly it will making website you design cheaper (only 250k price domain name)Target of this website. Collection working tested, (testing) for design one website blogspot fast, most simply dont lose more time search everything because of me so that i can active everything and tồn tại lâu không mất hình minh họa. Each guide or question set link to one post. Making beautiful, SEO standard. This is backgroud development next version, record experence for the future.
Google site->blogspot->worldpress->drupal
Tools important design web
Google guide Firebug (or here) - Chrome Dev Tool (or here)- notepad++ - Color table - color pic- HTML - CSS (view.pdf)- Java Scrip - Photoshop online - Blog - Group design blog - templates - codepen.io - Develope code - Google Web Designer
Making Vblog or book guide, tutorial other people (làm video, tutorial hướng dẫn mọi người làm)
Tested working
START
1. Domain name (setup domainame), Setup <title>, <description>, Google analytic,
Step1: đánh www.tenmien vào dashboard of blogger -> Google sẽ đưa ra mã
Step2: Tạo bản ghi CName với thông tin google cung cấp
Step3: Tạo thêm 4 bản ghi A point to vào địa chỉ
216.239.32.21
216.239.34.21
216.239.36.21
216.239.38.21
Step4: Về dasboard of blogger tick vào ô chuyển hướng -> chuyển cả không có tên miền sau đó lưu lại là xong
Khắc phục tình trạng bị chặn hình ảnh mặc dù đã thay tên miền
2.Setup SEO for web(Gsite, blog, wordpress, drupal, facebook, G+, youtube, )
Making blog SEO standard - Or view book
3. Setting favicon
4. Chỉnh responsive (tương thích hiển thị trên các thiết bị khác nhau)
http://www.responsinator.com/ (nhập site của bạn vào sẽ thấy) - web nay design responsinatior
W3school guide design - or here
5. Tạo nút call now, luôn hiển thị trên màn hình khi truy cập bằng điện thoại xem trang này - Hướng dẫn, trong wordpress nó là một plugin call now
BANNER -
3 kinds banner cho blog (static, slice show, gif or flash)
NAVIGATION
- 3 kinds menu ngang - Loại 1 - Kind 2, fpt - Kind 3
- Collection menus vertical
- Code menu horital
PAGE - POST
- Styles pages in blog (index, archive, item, static, 404)
- Design one Static page making home page
- Display post to homepage we need using (Ta chỉ cần điều chỉnh điều kiện hiển thị <b:if...> nam trong </b: if>)
Đã làm thành công ở đây (ta cần một số chỉnh sửa)
1. Hiển thị thêm More
2. Show widget at home page or other page
<b:if cond = 'data:blog.url==data:blog.homepageUrl'>
Chuyển <b:if> tới đằng sau <b:include name='quickedit'/>
</b:if>
3. Tìm đến img.label_thumb
Chuyển height 100px, width 150px của ảnh, không cho bo tròn vì bo tròn xấu.
- VD - here -
- Widgets grid layout,display page product - here more -
- Để 1 bài viết (post) luôn hiện lên đầu tiên
- Display posts (recently, popular, the same lable, older, comment post, like post... )
+ Display sliceshow at homepage
+ Display post the same lable to homepage, design homepage
+Normal cord for blogspot
+ Đã tập hợp trong file .doc
- Xây dựng trang sản phẩm bằng thẻ div - Mình đã làm 1 - Đã làm 2 - view here - Xem các template
#PopularPosts2>h2 { display:none; } không cho hiển thị tiêu đề h2. Có thể dụng recently post để đặt lên main post, sau đó đặt chế độ chỉ cho hiển thị ở trang chủ không cho hiển thị ở trang con.
- Phân trang, đánh số trang
WIDGETs
- Tập hợp các template mình đã làm
- Một số template thông dụng (bán hàng)
- 10 trang cho download template blog nổi tiếng
- Nhiều template bán hàng miễn phí đẹp dạng grid layout (nhớ search từ grid layout template blogger)
- 10 Template grid layout mình thích nhất - more here -
- Flash template of blogger
1. Domain name (setup domainame), Setup <title>, <description>, Google analytic,
Step1: đánh www.tenmien vào dashboard of blogger -> Google sẽ đưa ra mã
Step2: Tạo bản ghi CName với thông tin google cung cấp
Step3: Tạo thêm 4 bản ghi A point to vào địa chỉ
216.239.32.21
216.239.34.21
216.239.36.21
216.239.38.21
Step4: Về dasboard of blogger tick vào ô chuyển hướng -> chuyển cả không có tên miền sau đó lưu lại là xong
Khắc phục tình trạng bị chặn hình ảnh mặc dù đã thay tên miền
2.Setup SEO for web(Gsite, blog, wordpress, drupal, facebook, G+, youtube, )
Making blog SEO standard - Or view book
3. Setting favicon
4. Chỉnh responsive (tương thích hiển thị trên các thiết bị khác nhau)
http://www.responsinator.com/ (nhập site của bạn vào sẽ thấy) - web nay design responsinatior
W3school guide design - or here
5. Tạo nút call now, luôn hiển thị trên màn hình khi truy cập bằng điện thoại xem trang này - Hướng dẫn, trong wordpress nó là một plugin call now
BANNER -
3 kinds banner cho blog (static, slice show, gif or flash)
NAVIGATION
- 3 kinds menu ngang - Loại 1 - Kind 2, fpt - Kind 3
- Collection menus vertical
- Code menu horital
PAGE - POST
- Styles pages in blog (index, archive, item, static, 404)
- Design one Static page making home page
- Display post to homepage we need using (Ta chỉ cần điều chỉnh điều kiện hiển thị <b:if...> nam trong </b: if>)
Đã làm thành công ở đây (ta cần một số chỉnh sửa)
1. Hiển thị thêm More
2. Show widget at home page or other page
<b:if cond = 'data:blog.url==data:blog.homepageUrl'>
Chuyển <b:if> tới đằng sau <b:include name='quickedit'/>
</b:if>
3. Tìm đến img.label_thumb
Chuyển height 100px, width 150px của ảnh, không cho bo tròn vì bo tròn xấu.
- VD - here -
- Widgets grid layout,display page product - here more -
- Để 1 bài viết (post) luôn hiện lên đầu tiên
- Display posts (recently, popular, the same lable, older, comment post, like post... )
+ Display sliceshow at homepage
+ Display post the same lable to homepage, design homepage
+Normal cord for blogspot
+ Đã tập hợp trong file .doc
- Xây dựng trang sản phẩm bằng thẻ div - Mình đã làm 1 - Đã làm 2 - view here - Xem các template
#PopularPosts2>h2 { display:none; } không cho hiển thị tiêu đề h2. Có thể dụng recently post để đặt lên main post, sau đó đặt chế độ chỉ cho hiển thị ở trang chủ không cho hiển thị ở trang con.
- Phân trang, đánh số trang
WIDGETs
- Hiển thị widget ở những trang nhất định trong blog here - here - here - suadieuhoa115 -
-Thêm add add a gadget vào layout vào vị trí bất kỳ (mục đích để thêm widget vào vị trí trong layout)
+ Làm hiển thị thêm một add a gadget vao layout view here - view here - here
+ Xóa một widget không cho xóa
+ Chuyển đổi các loại layout
+ Change element in blog
+ Chỉnh sửa layout của blog theo ý mình như thế nào?
- Display chat in right coner - bestest here - here- Here - here - here -
-Thêm add add a gadget vào layout vào vị trí bất kỳ (mục đích để thêm widget vào vị trí trong layout)
+ Làm hiển thị thêm một add a gadget vao layout view here - view here - here
+ Xóa một widget không cho xóa
+ Chuyển đổi các loại layout
+ Change element in blog
+ Chỉnh sửa layout của blog theo ý mình như thế nào?
- Display chat in right coner - bestest here - here- Here - here - here -
+ Tập hợp nhiều loại hỗ trợ Vchat, uhchat, other...
+ Nói rõ cách điều chỉnh ( xổ ra trễ 30s, hiện chữ ra giống như đánh máy... )
+ Các cách hiển thị gây ấn tượng
+ Mỗi hộp chat có thể dán vào nhiều web, chỉ mất 300k/năm
TEMPLATE+ Mỗi hộp chat có thể dán vào nhiều web, chỉ mất 300k/năm
+ Hiển thị nút Share luôn nổi bên trái
+ Hiển thị menu nhấn vào sẽ xổ ra bên phải - template1
- Setup popup đề nghị đăng nhập, quảng cáo - Template - here - here - here - hjere - here -here -
- Good widgets - Tổng hợp widgets - Tập hợp tất cả các widget hay sử dụng
- Toi uu chay nhanh javascrip trong blogspot - View here - View here -
FACEBOOK
- Phải đăng nhập facebook mới xem được toàn bộ post
- Thêm comment cho facebook
- Setting button like facebook
- Khi đăng bài sẽ tự động tự động đăng post to facebook, tiwtter -here - same here -
- Cài đặt comment facebook vào tất cả các trang archive
- Auto like khi khách click vào vị trí bất kỳ trên blogspot
- Widget recently comment (khi khách comment vào web sẽ chỉ ra cho thấy comment ở đâu)
- Khi khách comment vào web sẽ thấy comment đó trên facebook quản lý
- Hiển thị post có nhiều comment nhất (Popular comment)
+ Hiển thị menu nhấn vào sẽ xổ ra bên phải - template1
- Setup popup đề nghị đăng nhập, quảng cáo - Template - here - here - here - hjere - here -here -
- Good widgets - Tổng hợp widgets - Tập hợp tất cả các widget hay sử dụng
- Toi uu chay nhanh javascrip trong blogspot - View here - View here -
- Phải đăng nhập facebook mới xem được toàn bộ post
- Thêm comment cho facebook
- Setting button like facebook
- Khi đăng bài sẽ tự động tự động đăng post to facebook, tiwtter -here - same here -
- Cài đặt comment facebook vào tất cả các trang archive
- Auto like khi khách click vào vị trí bất kỳ trên blogspot
- Widget recently comment (khi khách comment vào web sẽ chỉ ra cho thấy comment ở đâu)
- Khi khách comment vào web sẽ thấy comment đó trên facebook quản lý
- Hiển thị post có nhiều comment nhất (Popular comment)
- Tập hợp các template mình đã làm
- Một số template thông dụng (bán hàng)
- 10 trang cho download template blog nổi tiếng
- Nhiều template bán hàng miễn phí đẹp dạng grid layout (nhớ search từ grid layout template blogger)
- 10 Template grid layout mình thích nhất - more here -
- Flash template of blogger
OTHERS
12. Nhúng g.doc vào website
- Tạo form liên hệ
- Lấy link host từ dropbox or google drive for blog
- Tạo bảng
- Đặt gmap (my place) vào blog
- Các cách nhúng video, youtube
- Tạo form liên hệ
- Lấy link host từ dropbox or google drive for blog
- Tạo bảng
- Đặt gmap (my place) vào blog
- Các cách nhúng video, youtube
21. Thay older post, newer post, home page bằng tiếng việt hoặc bằng hình ảnh
22. SEO trên youtube
23. SEO trên facebook
22. Image
- Slice show ảnh trên website (đã test thành công) - here -
-Widget slide images blogspot (nhiều kiểu đẹp)
- Làm ảnh động gif trực tuyến
- Tạo ảnh chạy theo chiều ngang - dọc view here - template -
- Cho dòng chữ trong widget chạy - Tạo dòng chữ chạy trong blogger
- Widget làm chữ chạy trên sidebar
- Đặt ảnh quảng cáo 2 bên here - here
22. SEO trên youtube
23. SEO trên facebook
22. Image
- Slice show ảnh trên website (đã test thành công) - here -
-Widget slide images blogspot (nhiều kiểu đẹp)
- Làm ảnh động gif trực tuyến
- Tạo ảnh chạy theo chiều ngang - dọc view here - template -
- Cho dòng chữ trong widget chạy - Tạo dòng chữ chạy trong blogger
- Widget làm chữ chạy trên sidebar
- Đặt ảnh quảng cáo 2 bên here - here
Các việc chưa test (finish test set in tested)
4. Cài đặt tên miền riêng - here - Không có www -
8. Đưa chuột vào ảnh tạo hiệu hứng (mờ, lật)
10.Cài đặt yahoo, skype
Tùy chỉnh blog phù hợp với điện thoại di động
Cách vào blogspot khi nhà mạng chặn tất cả các đuôi .blogspot.com (mua tên miền .com, đổi DSN)
Cách vào blogspot khi nhà mạng chặn tất cả các đuôi .blogspot.com (mua tên miền .com, đổi DSN)
Các việc đang cẩn thay đổi tại website?
Những việc cần làm ở các website khác nhau bằng blog, chưa làm được thì đưa vào đây.
http://hsgioi.blogspot.com/
- Cần thay đổi giao diện bài giảng thumbnail video and image giống đây. Mỗi học sinh ở một lớp nào đó có nhìn thấy ngay video cần học đúng chương trình của mình. Khi nhấn vào chương đó ra một chuyên đề do nhiều thấy giáo nổi tiếng (giảng viên ĐHSP, giảng viên trường chuyên...) giảng, mỗi thầy giảng một bài mẫu, học sinh có thể xem bài mẫu miễn phí nhưng xem hết thì phải đóng phí bằng nạp thẻ điện thoại vào tài khoản.
-Web trên tham khảo các web:http://thayquang.edu.vn/ - http://mclass.vn/ - http://mclass.vn/thaynguyenbk -
http://pmbokfsg.blogspot.com/
- Làm cho mỗi ảnh thumbnain xuất hiện title giới thiệu tối đa 2 dòng, nếu viết nhiều hơn sẽ xuất hiện 3 dấu chấm. Khi nhập quá 2 dòng không bị trượt like đi
-Video xuất hiện thumbnail có kích thước giống ảnh.
- Tại sao dấu like không xuất hiện trên trình duyệt firefox
- Chưa hiển thị edit khi đăng nhập nick truy cập
suamaytinhtannoihnhcm.blogspot.com
- Thay đổi tên miền phù hợp hơn
- Xây dựng menu giống đây
- Đặt back ground h2 the same here (xong)
- Hiển thị hỗ trợ trực tuyến bên góc phải
http://hsgioi.blogspot.com/
- Cần thay đổi giao diện bài giảng thumbnail video and image giống đây. Mỗi học sinh ở một lớp nào đó có nhìn thấy ngay video cần học đúng chương trình của mình. Khi nhấn vào chương đó ra một chuyên đề do nhiều thấy giáo nổi tiếng (giảng viên ĐHSP, giảng viên trường chuyên...) giảng, mỗi thầy giảng một bài mẫu, học sinh có thể xem bài mẫu miễn phí nhưng xem hết thì phải đóng phí bằng nạp thẻ điện thoại vào tài khoản.
-Web trên tham khảo các web:http://thayquang.edu.vn/ - http://mclass.vn/ - http://mclass.vn/thaynguyenbk -
http://pmbokfsg.blogspot.com/
- Làm cho mỗi ảnh thumbnain xuất hiện title giới thiệu tối đa 2 dòng, nếu viết nhiều hơn sẽ xuất hiện 3 dấu chấm. Khi nhập quá 2 dòng không bị trượt like đi
-Video xuất hiện thumbnail có kích thước giống ảnh.
- Tại sao dấu like không xuất hiện trên trình duyệt firefox
- Chưa hiển thị edit khi đăng nhập nick truy cập
suamaytinhtannoihnhcm.blogspot.com
- Thay đổi tên miền phù hợp hơn
- Xây dựng menu giống đây
- Đặt back ground h2 the same here (xong)
- Hiển thị hỗ trợ trực tuyến bên góc phải
Tham khảo
Hepper of blogger
Collection working with blogspot .doc
http://fandung.blogspot.com/2009/04/blog-tips-tutorials.html Nhiều thủ thuật hay
56 thủ thuật blogspot - pass caytamgui - trong drive down xuống và xem
How are using worlpress.org, worldpress.com or blogger? (delete wordporess.com because not by Gsite)
How are using wordpress, Joomlar or drupal?
http://www.wix.com/ Thiết kế web flash chỉ bằng việc kéo thả, không cần biết mã 45.000 người truy cập mỗi ngày
http://www.tranbadat.info/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogspot
13 skills every develope code need
Guide host management: Here - here - here -
Books: (Press image link to book)
Name: Blogger template book
Author: Amanda Farani
Name: blogger for begin
Author: Amanda Farani
Name: How to make a blogger template
author:
Name: Web development
Author: Võ Minh Mẫn Izweb
Quy trình thiết kế web
Collection working with blogspot .doc
http://fandung.blogspot.com/2009/04/blog-tips-tutorials.html Nhiều thủ thuật hay
56 thủ thuật blogspot - pass caytamgui - trong drive down xuống và xem
How are using worlpress.org, worldpress.com or blogger? (delete wordporess.com because not by Gsite)
How are using wordpress, Joomlar or drupal?
http://www.wix.com/ Thiết kế web flash chỉ bằng việc kéo thả, không cần biết mã 45.000 người truy cập mỗi ngày
http://www.tranbadat.info/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogspot
13 skills every develope code need
Guide host management: Here - here - here -
Books: (Press image link to book)
Name: Blogger template book
Author: Amanda Farani
Name: blogger for begin
Author: Amanda Farani
Name: How to make a blogger template
author:
Name: Web development
Author: Võ Minh Mẫn Izweb
Quy trình thiết kế web
