Thiết kế website giá rẻ, chuẩn SEO tại HÀ NỘI

[tintuc]

Lời đầu tiên, Công ty Cổ phần Công nghệ THEMEPDU Việt Nam (PDU) xin gửi tới Quý khách hàng lời chào trân trọng cùng lời chúc sức khỏe và thành công.
Công ty Cổ phần Công nghệ THEMEPDU Việt Nam (PDU) là đơn vị chuyên tư vấn, triển khai thiết kế website, phần mềm quản lý cho các đơn vị, tổ chức, khối cơ quan hành chính nhà nước, khối sự nghiệp, khối doanh nghiệp…
THEMEPDU (PDU) đang chú trọng trong lĩnh vực Thiết kế website và các phần mềm quản lý, và phát triển mạnh ở 1 số tỉnh thành phố, địa phương như: 


Thiết kế website giá rẻ, chuẩn SEO tại HÀ NỘI

Thiết kế website giá rẻ, chuẩn SEO tại ĐÃ NẴNG

Thiết kế website giá rẻ, chuẩn SEO tại HỒ CHÍ MINH

Thiết kế website giá rẻ, chuẩn SEO tại CẦN THƠ

Thiết kế website giá rẻ, chuẩn SEO tại HẢI PHÒNG

Thiết kế website giá rẻ, chuẩn SEO tại An Giang

Thiết kế website giá rẻ, chuẩn SEO tại Bà Rịa - Vũng Tàu

Thiết kế website giá rẻ, chuẩn SEO tại Bắc Giang

Thiết kế website giá rẻ, chuẩn SEO tại Bắc Kạn

Thiết kế website giá rẻ, chuẩn SEO tại Bạc Liêu

Thiết kế website giá rẻ, chuẩn SEO tại Bắc Ninh

Thiết kế website giá rẻ, chuẩn SEO tại Bến Tre

Thiết kế website giá rẻ, chuẩn SEO tại Bình Định

Thiết kế website giá rẻ, chuẩn SEO tại Bình Dương

Thiết kế website giá rẻ, chuẩn SEO tại Bình Phước

Thiết kế website giá rẻ, chuẩn SEO tại Bình Thuận

Thiết kế website giá rẻ, chuẩn SEO tại Cà Mau

Thiết kế website giá rẻ, chuẩn SEO tại Cao Bằng

Thiết kế website giá rẻ, chuẩn SEO tại Đắk Lắk

Thiết kế website giá rẻ, chuẩn SEO tại Đắk Nông

Thiết kế website giá rẻ, chuẩn SEO tại Điện Biên

Thiết kế website giá rẻ, chuẩn SEO tại Đồng Nai

Thiết kế website giá rẻ, chuẩn SEO tại Đồng Tháp

Thiết kế website giá rẻ, chuẩn SEO tại Gia Lai

Thiết kế website giá rẻ, chuẩn SEO tại Hà Giang

Thiết kế website giá rẻ, chuẩn SEO tại Hà Nam

Thiết kế website giá rẻ, chuẩn SEO tại Hà Tĩnh

Thiết kế website giá rẻ, chuẩn SEO tại Hải Dương

Thiết kế website giá rẻ, chuẩn SEO tại Hậu Giang

Thiết kế website giá rẻ, chuẩn SEO tại Hòa Bình

Thiết kế website giá rẻ, chuẩn SEO tại Hưng Yên

Thiết kế website giá rẻ, chuẩn SEO tại Khánh Hòa

Thiết kế website giá rẻ, chuẩn SEO tại Kiên Giang

Thiết kế website giá rẻ, chuẩn SEO tại Kon Tum

Thiết kế website giá rẻ, chuẩn SEO tại Lai Châu

Thiết kế website giá rẻ, chuẩn SEO tại Lâm Đồng

Thiết kế website giá rẻ, chuẩn SEO tại Lạng Sơn

Thiết kế website giá rẻ, chuẩn SEO tại Lào Cai

Thiết kế website giá rẻ, chuẩn SEO tại Long An

Thiết kế website giá rẻ, chuẩn SEO tại Nam Định

Thiết kế website giá rẻ, chuẩn SEO tại Nghệ An

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Ninh Bình

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Ninh Thuận

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Phú Thọ

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Quảng Bình

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Quảng Nam

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Quảng Ngãi

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Quảng Ninh

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Quảng Trị

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Sóc Trăng

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Sơn La

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Tây Ninh

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Thái Bình

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Thái Nguyên

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Thanh Hóa

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Thừa Thiên Huế

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Tiền Giang

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Trà Vinh

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Tuyên Quang

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Vĩnh Long

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Vĩnh Phúc

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Yên Bái

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại Phú Yên

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại huyện đan phượng, hà nội

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại huyện phúc thọ, hà nội

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại huyện hoài đức, hà nội

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại huyện thạch thất, hà nội

Xem chi tiết về các dự án

Thiết kế website giá rẻ, chuẩn SEO tại huyện ba vì, hà nội

Xem chi tiết về các dự án
--------------------- (^.^)-----------------
Mọi vấn đề cần liên hệ, Quý đại lý xin liên hệ với chúng tôi

CÔNG TY CỔ PHẦN CÔNG NGHỆ PDU VIỆT NAM
Địa chỉ: Số 7, Huyện Đan Phượng, Hà Nội
Điện thoại :  0397.152.197  - Hotline: 0397.152.197
Email: themepdu@gmail.com
Website: http://themepdu.com  – http://pdusoft.com


Xin chân thành cảm ơn
===o0o===

[/tintuc]

Kiếm tiền online với Link Value toàn tập

[tintuc]

-------------------------------------------------------
----------------------------------------------------

Link Value là gì?

Link Value là gì thì mình đã nói rất chi tiết và cụ thể ở bài viết Hỏi đáp về Link Value, các bạn nếu chưa đọc nó thì nên đọc để hiểu hơn về Link value nhé.

Hướng dẫn kiếm tiền với Link Value từ A - Z

ở phần này mình sẽ nói các bước từ A - Z để kiếm tiền cùng Link Value luôn, các bạn theo dõi 8 video sau sẽ hiểu tất cả về cách thức, lợi nhuận, để kiếm tiền với Link value nhé.


0: Video số 0: Link Value là gì?



1: Video số 1: Hướng dẫn đăng ký tài khoản link value



2: Video số 2: Tìm hiểu về giao diện và các chức năng trên website link value




3: Video số 3: Hướng dẫn đăng ký tài khoản Ví điện tử Remitano



3.1: Video số 3.1: Hướng dẫn mua ETH trên Remitano để vào gói đầu tư



4: Video số 4: Hướng dẫn chuyển ETH sang USD để đăng ký gói đầu tư



5: Video số 5: Hướng dẫn rút tiền lãi hàng tuần về ví



6: Video số 6: Hướng dẫn chuyển USD sang ETH linkvalue



7: Video số 7: Hướng dẫn rút ETH về ví điện tử Remitano



8: Video số 8 (cuối cùng): Hướng dẫn rút tiền từ ví Remitano về ngân hàng Vietcombank

-------------

Vậy là bạn đã xem xong 8 video hướng dẫn kiếm tiền từ A - Z với link value. Chỉ cần bạn xem đủ 8 video này là không cần đọc nhiều những bài viết khác về link value mà vẫn thật sự thành thạo và tự tin kiếm tiền với Link value


XEM THÊM


Cảm ơn bạn đã đọc bài viết!
---------------------------------------->>>>>> [/tintuc]

Hướng dẫn đăng ký hosting Ipage miễn phí tên miền

[tintuc]
Bạn đang tìm kiếm một dịch vụ lưu trữ để xây dựng Website của mình trên nền tảng WordPress thì có thể tham khảo nhà cung cấp mang tên Ipage. Cùng tìm hiểu các bước để đăng ký Hosting Ipage miễn phí tên miền nhé.
iPage là một công ty lưu trữ web và đăng ký tên miền do Endurance International Group sở hữu. Họ cung cấp một loạt các giải pháp lưu trữ web cho các doanh nghiệp trực tuyến và quản trị web để tạo ra các trang web. iPage cung cấp một trong những gói hosting giá rẻ nhất và chi phí thấp phù hợp với các trang web nhỏ. Họ cũng cung cấp trình tạo trang web dựa trên tính năng kéo và thả để giúp người dùng không biết gì về lập trình vẫn có thể tạo ra trang web cho riêng mình.
iPage được rất nhiều blogger và nhà phát triển website trên thế giới yêu thích và sử dụng. Hiện tại iPage là nhà cung cấp hosting có trương trình khuyến mãi giảm giá lên đến 75% chỉ còn 1,99$/tháng + miễn phí tên miền đi kèm

Chất lượng của iPage

  • iPage chỉ có một gói hosting sử dụng ổ cứng SSD.
  • Thời gian uptime 99,9%.
  • Không giới hạn không gian, băng thông, database, domain.
  • Thời gian hoàn tiền 30 ngày (nếu bạn không hài lòng với dịch vụ).
  • Cài đặt WordPress đơn giản.
  • Miễn phí địa chỉ Email. 

Đăng ký interserver hosting

[tintuc]
InterServer là công ty nước ngoài có trên 17 năm kinh nghiệm cung cấp dịch vụ hosting. Qua tìm hiểu mình thấy dịch vụ hosting cũng khá ổn. 
Như admin trang ​hocthuthuat.com tuyên bố sử dụng InterServer. Mình truy cập thử thấy tốc độ cũng khá nhanh. 
Nhưng mình nói luôn nhược điểm của dịch vụ hosting ở đây:
Nó chỉ có location ở Mỹ. Do vậy bạn phải sử dụng Cloudflare để cải thiện tốc độ truy cập ở Việt Nam. Còn nếu làm website tiếng Anh thì ngon rồi. 
Bạn admin kia bảo khi đứt cáp xảy ra truy cập vẫn ổn. Nhưng với location ở tận Mỹ thì khả năng cao là ảnh hưởng. 
Nhưng bù lại dịch vụ ở đây có giá trên cấu hình khá tốt. 
Với bạn làm website WordPress bạn nên quan tâm tới 2 dịch vụ hosting phổ biến: Standard Web Host và VPS. 

Standard Web Host


InterServer chỉ cung cấp một gói duy nhất. Không có gói thấp gói cao gì cả. 
Thông số và chi tiết cụ thể: 
  • Không giới hạn dung lượng
  • Không giới hạn băng thông
  • Không giới hạn website lưu trữ
  • Không giới hạn địa chỉ email
  • Sử dụng cPanel tiêu chuẩn
  • Có thanh toán hàng tháng
  • Hoàn tiền trong 30 ngày nếu không hài lòng
  • Sử dụng web server LiteSpeed thay vì Apache đảm bảo tốc độ tối ưu
  • Chứng chỉ SSL miễn phí
  • Chuyển host miễn phí
  • Mua tên miền đi kèm chỉ $1.99
Hỗ trợ cũng thấy mọi người đánh giá nhanh gọn qua live chat, email ticket
Giá gói host này chưa giảm là 5$/tháng. Bạn có thể sử dụng mã giảm giá bên dưới thì giá hosting chỉ còn 1.99$/tháng. 
Không giống như nhiều nhà cung cấp khác, đây là giảm giá trọn đời. Nghĩa là khi bạn gia hạn giá vẫn giữ nguyên khi bạn đăng ký. ​
Lưu ý: Đây là chương trình khuyến mại chỉ dành cho khách hàng mới.


Cách sử dụng mã giảm như sau

Đi tới Interserver.net. ​Đăng ký gói Standard Web Hosting. 

Nếu bạn mua tên miền giá rẻ kèm theo, thì nhập vào tên miền. Click Continue​
Nhập vào địa chỉ email và mật khẩu để đăng ký một tài khoản. Click Create Account and Continue để tiếp tục.
Tiếp theo, nhập vào thông tin liên hệ của bạn. Click nút Continue

Cuối cùng là bước thanh toán.Ở đây bạn mới có thể nhập vào mã giảm giá. 

Đối với Interserver.net bạn đăng ký càng dài càng tiết kiệm. Ví dụ nếu bạn đăng ký 3 năm ngoài giảm $1.99/tháng bạn còn giảm thêm 20$. Giá cuối cùng chỉ 57.31$ (1.59$/tháng). 
Nhưng phần lớn mọi người đăng ký một năm. Đây là giá thuê một năm sau khi sử dụng mã giảm giá. Năm sau bạn lại thanh toán tiếp số tiền như vậy. 

VPS

Ngoài dịch vụ standard web hosting, Interser​ver còn cung cấp dịch vụ VPS. Dịch vụ VPS bao gồm cả Linux Hosting và Windows Hosting (giá chỉ 10$/tháng miễn phí windows bản quyền -mức giá khá tốt). 
Đối với VPS Linux giá bắt đầu 6$/tháng với cầu hình: ​1 lõi, RAM 1GB, dung lượng 25GB, băng thông 1TB. Giá này cho OpenVZ. Còn nếu bạn chọn KVM giá sẽ lên 8$. Mức giá này cũng không ngon lắm. 
Để trải nghiệm dịch vụ VPS ​bạn có thể dùng mã giảm giá TRYINTERSERVER để trải nghiệm VPS với giá 0.01$/tháng đầu tiên. 
Chúc bạn thành công!
Nếu bạn cần một dịch vụ hosting nước ngoài chất lượng và độ ổn định cao không coi giá cả là ưu tiên số một thì cứ chọn dịch vụ ở đây mà chiến. ​
Nếu bạn đã dùng hosting ở đây, mình rất muốn quan điểm của bạn ở phần bình luận bên dưới. 


  [/tintuc]

Đăng ký Hostinger giảm 80% web hosting, Free tên miền

[tintuc]

Hostinger, nhà cung cấp dịch vụ hosting và tên miền lâu đời đang có chương trình khuyến mại cực HOT, giảm tới 80%.
Hostinger trước đây là dịch vụ hosting miễn phí rất nổi tiếng. Công ty gần đây đã cung cấp dịch vụ hosting trả phí với khá nhiều ưu đãi để khuyến khích khách hàng sử dụng.
Lần này, mức giảm 80% áp dụng cho các gói Web Hosting cá nhân và Web Hosting cao cấp. Riêng gói Web Hosting doanh nghiệp, tuy ưu đãi ít hơn nhưng cũng được giảm tới 76% luôn.
Gói Web Hosting cá nhân cơ bản giờ chỉ còn 18,960đ/tháng mà thôi, cấu hình như sau:
  •  1 Websites
  • 10 GB Dung lượng đĩa
  • 100 GB Băng Thông
  • Website Builder dễ dùng
  • Control Panel Mạnh Mẽ
  • Quản lý truy cập thân thiện
Đặc biệt, khi đăng ký gói hosting cao cấp hoặc doanh nghiệp với kỳ hạn từ 12 tháng trở lên, bạn cũng sẽ nhận được một tên miền hoàn toàn MIỄN PHÍ.
dang ky Hostinger
  • Mức giảm 80% áp dụng cho gói hosting kỳ hạn 3 tháng.
  • Thanh toán sử dụng được PayPal hoặc thẻ Visa/Master.
Hostinger có trung tâm dữ liệu tại Singapore, cho tốc độ truy cập về Việt Nam rất nhanh. Hơn nữa, trong thời gian 30 ngày, nếu bạn không 100% hài lòng với dịch vụ của Hostinger sẽ được hoàn phí ngay nên có thể yên tâm dùng thử nha.
Chúc các bạn thành công!
[/tintuc]

Hướng Dẫn Cách Mua VPS của KnownHost Cho Người Mới Bắt Đầu

[tintuc]
KnownHost là nhà cung cấp các giải pháp máy chủ riêng (máy chủ ảo) mà cụ thể là Managed VPS, Managed Cloud VPS và Managed Dedicated Server. KnownHost được thành lập với mục đích chuyên cung cấp các giải pháp máy chủ nên họ rất có kinh nghiệm trong các vấn đề liên quan đến máy chủ như sửa lỗi, tư vấn cũng như giúp đỡ bạn vận hành máy chủ để nó hoạt động trơn tru nhất. Về chất lượng VPS của KnownHost thì không có gì quá đặc biệt nhưng bù lại chất lượng chăm sóc khách hàng của KnownHost được nhiều người dùng đánh giá rất cao, mặc dù không có kênh hỗ trợ trực tuyến (Live Chat) như các nhà cung cấp hosting đình đám khác nhưng với sự chuyên nghiệp cũng như tận tình của đội ngũ kỹ thuật viên, các vấn đề của bạn sẽ được giải đáp gần như ngay lập tức.

Trong bài viết này, themepdu.com sẽ hướng dẫn các bạn các bước để mua VPS KnownHost đơn giản nhất để bạn có thể thực hiện ngay:

Các Bước Mua VPS của nhà cung cấp KnownHost

Bước 1: Bạn truy cập vào trang chủ KnownHost bằng cách Nhấn Vào Đây hoặc truy cập nhanh bằng cách bấm vào nút bên dưới:
Giao diện trang chủ Knownhost hiện ra, bạn bấm chọn GET STARTED NOW để sang bước kế tiếp.


Bước 2: Một màn hình mới hiện ra gồm thông tin về các gói VPS, tại đây bạn lựa chọn một gói phù hợp với mục đích sử dụng của bạn và nhấn chọn ORDER NOW.


Bước 3: Tiếp theo bạn nhập tên hostname vào ô Hostname như hướng dẫn trong hình bên dưới và kiểm tra lại thông tin đơn hàng sau đó bấm chọn Continue.




Bước 4: Một form đăng ký xuất hiện, nếu bạn đã có tài khoản thì tích chọn Log in còn nếu chưa có tài khoản thì bạn tích chọn Create an account để tiến hành tạo một tài khoản mới và cung cấp một số thông tin như hướng dẫn trong hình bên dưới, sau đó nhấn chọn Create account.


Nếu quá trình đăng ký tài khoản diễn ra thành công bạn sẽ nhận được email thông báo có nội dung như sau:


Ngay sau đó, tài khoản của bạn sẽ được kích hoạt, bạn tích chọn I have read and agree to the Terms and Conditions và nhấn Checkout & Pay để sang bước tiếp theo.


Bước 5: Bạn sẽ được chuyển sang bước thanh toán hóa đơn, tại đây bạn chọn hình thức thanh toán là Credit Card và nhấn chọn Pay & Complete Order như hướng dẫn trong hình bên dưới:


Lúc này, hệ thống sẽ yêu cầu bạn cung cấp thông tin tài khoản thanh toán, bạn cũng thực hiện như hướng dẫn trong hình và nhấn chọn Pay & Complete Order để hoàn tất quá trình thanh toán.


Ngay sau đó, bạn sẽ nhận được email xác nhận thông tin đơn hàng kèm theo một bảng pdf về thông tin đơn hàng như hình minh họa dưới đây:


Như vậy, themepdu.com đã hướng dẫn bạn các bước để mua VPS Knownhost thành công, nếu bạn gặp khó khăn trong quá trình thực hiện hãy để lại comment bên dưới để chúng tôi có thể hỗ trợ cho bạn. themepdu.com 
[/tintuc]

Domain là gì? Hosting là gì?

[tintuc]Trước khi tìm hiểu sâu vào khái niệm domain & hosting là gì ?, các bạn thể hình dung website là nhà còn domain là địa chỉ nhà, hosting là đất xây nhà. Và trong thiết kế website thì domain và hosting là những thứ gắn liền và không thể tách rời.

Domain là gì?

Trong thế giới internet, làm sao để mọi người có thể tìm đến bạn, để ghi nhớ trao đổi với bạn? Nếu như ở ngoài cuộc sống bạn luôn cần đầy đủ thông tin như tên, địa chỉ…thì một website cũng cần tương tự như vậy. Domain có nghĩa là tên miền, là địa chỉ website của bạn. Tên miền cũng giống như địa chỉ nhà, không bao giờ trùng có thể nói là duy nhất.
DOMAIN LÀ GÌ

Domain godaddy giá rẻ (32k) 1 năm

[tintuc]
Bạn đã bao giờ nghĩ đến việc mua tên miền với ít hơn 1 đô la? Hôm nay, tôi sẽ chia sẻ bộ sưu tập Mã Khuyến Mại Godaddy chỉ 0.99$ (tức chỉ 32.000đ )cho tên miền .COM. Đây là mức giá thấp nhất từ GoDaddy.
Godaddy Tên Miền .COM giá 0,99$ (Tương Đương 32.000 VNĐ)

Hướng dẫn cài đặt ssl - https cho website

[tintuc]
Như chúng ta biết, thì trong năm 2019 này HTTPS được xem là một trong những tiêu chí của google đánh giá cho một Website uy tín, giúp cải thiện đáng kể thứ hạng của website đó trên kết quả tìm kiếm của Google.
HƯỚNG DẪN CÀI ĐẶT SSL MIỄN PHÍ CHO WEBSITE WORDPRESS

HƯỚNG DẪN NÂNG - GIẢM PHIÊN BẢN PHP CHO XAMPP - WINDOW

[tintuc]

THÊM TÍCH XANH "ĐÃ XÁC MINH" VÀO BREADCRUMBS BLOG

[tintuc]
Hướng dẫn thêm tích xanh vào Blogspot để làm đẹp cũng như gây sự chú ý trên Google tìm kiếm. Đây là 1 thủ thuật nhỏ mà mình đã áp dụng cho mã nguồn mở themepdu, code PHP thuần và nay là áp dụng cho Blogspot và đã test ok.
Ở bài này mình hướng dẫn trên Việt Blogger Template bản miễn phí

HƯỚNG DẪN CÀI ĐẶT WORDPRESS GODADDY

[tintuc]

Xin chào mọi người, bài viết này mình sẽ hướng dẫn mọi người cài đặt wordpress , là tiền đề để có 1 website ưng ý cho các bạn sau khi đã có hosting và domain godaddy.

Bài 1 - Hướng dẫn thiết kế template blogspot

[tintuc]
Sau đây mình xin hướng dẫn thiết kế 1 template blogspot đơn giản, bao gồm cả thiết kế bố cục, cách lấy bài viết.

Mục đích bài viết là để cho các bạn hiểu cách hoạt động cấu trúc của 1 blogger. Chứ không phải thiết kế 1 giao diện chuẩn 100% rồi mang bán, cái đó còn phụ thuộc vào kiến thức của mỗi người. Bài này mình chỉ cách hướng dẫn cơ bản, cho những bạn muốn tìm hiểu, tự làm blogspot cho riêng mình.

Các bạn nhìn bên dưới, phần thân web được chia làm 3 cột: Trái - Main - Phải

Xem link mẫu: https://bai1-ht.blogspot.com/


Bước 1: Tạo mới 1 blog (đặt tên và link đường dẫn)
Sau khi tạo xong các bạn vô link Mẫu blogspot trắng tinh copy dán đè lên giao diện cũ vừa tạo sau đó nhấn lưu lại


Đó là cấu trúc của 1 template blogspot trắng tinh, mình thường bắt đầu đề thiết kế 1 mẫu mới
- Giải thích: 1 template bắt buộc phải có 1 thẻ <b:skin> và 1 thẻ <b:section> thì mới lưu được nhé, nếu thiếu template sẽ báo lỗi và không thể nào lưu được.

Bước 2: Thêm thẻ meta responsive mobile
Copy link dưới đặt dưới <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
Sau đó nhấn lưu lại


Bước 3: Thêm CSS mà mình đã chuẩn bị

* {
    box-sizing: border-box;
}
img {
    width: 100%;
    height: auto;
}
.row:after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
    padding: 15px;
    width: 100%;
}
@media only screen and (min-width: 600px) {
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}
html {
    font-family: "Lucida Sans", sans-serif;
}
.header {
    background-color: #9933cc;
    color: #ffffff;
    padding: 15px;
}
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.menu li {
    padding: 8px;
    margin-bottom: 7px;
    background-color :#33b5e5;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu li:hover {
    background-color: #0099cc;
}
.aside {
    background-color: #33b5e5;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.footer {
    background-color: #0099cc;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}

  
Copy CSS ở trên dán vô trong thẻ <b:skin> CSS ở trên </b:skin>
Cách khác là bạn copy CSS ở trên cho vào trong thẻ <style> CSS ở trên </style> và đặt nó trước </head>
Thẻ <b:skin> khi chạy trên trình duyệt nó tự động đổi thành thẻ <style>

Bước 4: Tạo dòng chữ logo

Dưới <body> thêm html sau

<div class="header">
  <h1>Logo - Template blogspot</h1>
</div>

Sau đó nhấn lưu lại và view blog lên xem nó như thế nào. Đó là xong phần header giờ tới phần thân web bao gồm 2 cột TRÁI - MAIN - PHẢI

Dưới phần header vừa thêm các bạn copy html sau dán dưới nó

<div class="row">
    <div class="col-3 col-s-3 menu">
        CỘT TRÁI
    </div>

    <div class="col-6 col-s-9">
        MAIN
    </div>

    <div class="col-3 col-s-12">
        CỘT PHẢI
    </div>
</div>


Đó là mình chia làm 3 cột như ban đầu thiết kế. Tiếp theo mình làm phần cột trái, mình sẽ làm luôn phần widget bố cục cho nó luôn nhé.

A. PHẦN CỘT TRÁI

Bạn xóa chữ CỘT TRÁI đi và copy dòng sau dán vô chỗ cũ
    <b:section id='cot-trai'  showaddelement='yes'></b:section>

Sau đó nhấn lưu lại và xóa thẻ <b:section> phái dưới đi vì không cần nữa
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='yes'/>
Sau đó vô bố cục xem. nó đã xuất hiện tiện ích widget tên cot-trai


Các bạn nhấn Thêm tiện ích - Chọn HTML/Javascript

Dán đoạn html sau vô rồi lưu lại

  <ul>
    <li>Nhãn 1</li>
    <li>Nhãn 2</li>
    <li>Nhãn 3</li>
    <li>Nhãn 4</li>
  </ul>

Rồi bạn view link blog lên và xem kết quả.

B. PHẦN CỘT PHẢI

Cũng tương tự như phần cột trái, các bạn copy code sau dán đè vô chữ CỘT PHẢI
    <b:section id='cot-phai' showaddelement='yes'></b:section>


Sau đó lưu lại và vô bố cục nó đã xuất hiện tiện ích widget tên cot-phai

Các bạn nhấn Thêm tiện ích - Chọn HTML/Javascript và copy đoạn html dưới dán vô và lưu lại

<div class="aside">
    <h2>Theme blogspot bán hàng</h2>
    <p>Chania is a city on the island of Crete.</p>
    <h2>Theme blogpsot BĐS</h2>
    <p>Crete is a Greek island in the Mediterranean Sea.</p>
    <h2>Theme blogpsot tin tức?</h2>
    <p>You can reach Chania airport from all over Europe.</p>
  </div>

Sau đó view link blog và xem kết quả

C. PHẦN FOOTER

Bạn thêm html như sau: trước </body>

<div class="footer">

</div>

Như hình dưới nhé, các bạn click vô con số bên trái  để nó thu gọn lại cho dễ nhìn


3 phần trên nó song song với nhau, trong "footer" bạn copy dán thẻ <b:section> để tạo widget
<b:section id='footer' showaddelement='yes'></b:section>


Sau đó lưu lại và vô bố cục xem nó xuất hiện chưa. Mình vô thì có nhé


Các bạn nhấn Thêm tiện ích - Chọn HTML/Javascript
Dán đoạn html sau và lưu lại
  <p>Template blogspot bán hàng chuẩn seo - www.hoatranweb.com</p>
View link blog và xem kết quả.


D. PHẦN MAIN

Phần này là để lấy dữ liệu từ bài post của blog ra, Bài 2 mình sẽ hướng dẫn sau.

Tạm thời bạn tìm chữ MAIN và thêm dòng html sau và lưu lại

        <h1>
          Thiết kế template blogspot
        </h1>
        <p>
          Template blogspot bán hàng chuẩn seo, rip blogspot chuyên nghiệp thiết kế web blogger theo yêu cầu
        </p>
        <img src="https://www.w3schools.com/css/img_chania.jpg" width="460" height="345"/>

Xem hình:


Sau đó lưu lại view link blog và xem kết quả
Đây là kết quả blog mình vừa tạo nhé: https://bai1-ht.blogspot.com/
Với bài hướng dẫn này mình đã tạo được 1 blogspot đơn giản responsive mobile.

Tải bản mẫu tại đây: 

Với bài sau mình hướng dẫn cách sắp xếp bố cục + cách lấy bài viết ra ngoài trang chủ.


[/tintuc]