Thủ thuật Số

Hiển thị các bài đăng có nhãn Blogspot Template. Hiển thị tất cả bài đăng

26/12/13

Sript đổi màu nền cho blog

Bài này mình sẽ giới thiệu cho các bạn 1 đoạn script nhỏ làm thay đổi màu nền của blog. Với đoạn script này, màu nền sẽ tự động thay đổi 1 cách tuần tự sau 1 khoảng thời gian mà chúng ta đã định trước.

Để tạo nên hiệu hứng đổi màu cho đẹp và liên tục, các bạn sẽ tạo 1 mảng các trị màu thay đổi 1 cách tuần tự.

Để thực hiện thủ thuật này, các bạn chỉ cần chèn đoạn code JS bên dưới vào trước thẻ đóng </head> hoặc sau thẻ mở <head>

23/11/13

Các mẫu thiết kế trang liên hệ (Contact Form ) đẹp cho web/blog

Trang liên hệ là một trong những trang quan trọng nhất trong một website, nó giúp người dùng kết nối với người quản trị website, vì thế thiết kế một trang liên hệ (contact form) đẹp và dễ dàng tương tác với người dùng ,tưởng chừng là một công việc hết sức đơn giản, nhưng cũng sẽ có lúc khiến bạn bối rối trong các thiết kế web của mình.

Nhằm giúp các bạn có thêm sức sáng tạo cũng như giải pháp cho những trang liên hệ của mình. Thì bộ sưu tập mà mình giới thiệu cho các bạn sau đây sẽ giúp ích rất nhiều, đây là những mẫu contact form mà mình lượm lặt được trên internet, và chúng cũng được đánh giá khá cao trên các diễn đàn và blog chuyên về thiết kế web trên thế giới.

Headlamp Creative:

32 kiểu thiết kế trang liên hệ (Contact Form ) cho website

MojoTech:

22/11/13

Các mẫu Blogger Templates đẹp theo phong cách tạp chí

Lưu ý: Tất cả các mẫu dưới đây có chất lượng cao theo mẫu kiểu Tạp chí . Các mẫu này được cung cấp miễn phí chủ đề blogger chuyên nghiệp được tùy biến, cách điệu và tối ưu hóa theo mặc định. Đây là những mẫu có sẵn mà đã được trang bị tất cả mọi thứ mà một tác giả blog muốn có. bạn chỉ cần tải xuống và bắt đầu sử dụng chúng. Không cần thêm bất cứ nỗ lực cần thiết nào từ phía bạn!

Salahuddin Ayubi

26/10/13

Danh mục Mẫu Templates cho Blogspot

Tạo các mẫu Templates đẹp cho các Blogger:

Thu thuat vi tinh

5/10/13

Tổng hợp Các trang cung cấp mẫu Blogger Templates

Bạn có thể tham khảo vô vàn mẫu Blogger Templates từ các trang dưới đây:

mastemplate

13/8/13

Hướng dẫn cài đặt tên miền cho blogspot

Bài này namkna sẽ hướng dẫn các bạn cài đặt tên miền (domain) riêng cho Blogspot. Hiện nay cài đặt tên miền cho blogger khó khăn hơn trước đây. Nguyên nhân chính là google yêu cầu bạn xác nhận thông qua bản ghi Cname là chủ sở hữu tên chứ không phải ai khác.

Sau đây ta đi vào hướng dẫn cụ thể.

1. Lấy mã xác nhận.

1. Đăng nhập vào Blogger
2- vào Cài đặt (Settings)
3- chọn tab Cơ bản (Basic).
4- Tại dòng Xuất bản (Publishing)
5- Bấm chọn +Thêm tên miền tùy chỉnh (Add a custom domain)

5/8/13

Tìm hiểu về Thuộc tính Transition trong CSS3

Thuộc tính Transition trong CSS3 được sử dụng khá rộng rãi trong thiết kế web đặc biệt thiết kế các menu hay các hiệu ứng cuộn đẹp. Hôm nay mình sẽ giúp các bạn hiểu rõ hơn về thuộc tính Transition này.

Trước khi tìm hiểu tác dụng của nó, ta đi vào định nghĩa và cấu trúc về nó.

- Định nghĩa: Thuộc tính Transition xác định một hiệu ứng chuyển tiếp khi có một hành động.
- Cấu trúc:

Tự động thay đổi hình nền blog theo thời gian

Với thủ thuật này bạn có thể dễ dàng đặt khoảng thời gian cho việc thay đổi nền này trong 24h. Ví dụ, bạn có thể đặt khoảng thời gian từ 17 đến 18h màu nền của bạn là màu xanh, 18h đến 20h nền của bạn là màu xám chẳng hạn, tương tự như vậy bạn có thể chia khoảng thời gian 24h ra thành nhiều khoảng tương ứng với từng màu nền mà bạn thích.

Xem Demo

» Các bước thực hiện

1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn thêm tiện ích (Add a Gadget)
4. Thêm 1 HTML/Javascript và thêm vào code bên dưới

Hướng dẫn trang trí nền cho blog

Bài viết này mình sẽ hướng dẫn các bạn trang trí nền blog nhân dịp tết nguyên đán. Các bạn hãy chọn một mẫu để áp dụng cho blog của bạn hoặc thay đổi các nền tương tự theo ý của mình .

Các bạn hãy tải các file ảnh về và upload lên blog để lấy link rùi thay vào các code bên dưới nha.

DOWNLOAD NOW

+ Cách tiến hành!

1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn Chỉnh sửa HTML (Edit HTML)
4. Tìm đoạn code sau:

2/8/13

Thiết kế Responsive Blogger Template khi xem bằng mobile và PC

Thiết kế Responsive Template giúp cho blog hoạt động tốt trên điện thoại di động đã trở thành một xu hướng trong phát triển web ngày nay. Công nghệ điện thoại di động hiện nay phát triển vô cùng do vậy lượng người dùng sử dụng điện thoại di động lướt web không ngừng tăng nhanh. hiện nay mọi người thích đọc email, lướt web trên điện thoại so với sử dụng máy tính để bàn của họ. Đơn giản vì tính tiện lợi, dễ dàng kết nối wifi không dây và các mạng GPRS là một lý do khuyến khích sử dụng các thiết bị di động như điện thoại thông minh (Apple và Android), máy tính bảng, netbook và điện thoại di động có độ phân giải thấp như NOKIA.

Nhiều webmaster hiện nay quan tâm đến việc thiết kế các mẫu Blogger linh hoạt so với các bố cục có chiều rộng cố định truyền thống. Namkna đã nhận dược một số yêu cầu như vậy. Do đó bài viết này namkna sẽ hướng dẫn tối ưu hóa Responsive Blogger Templates cho cộng đồng Blogger của Google. Bạn sẽ học cách để thiết kế giúp cho bố cục Blog của bạn tự điều chỉnh tự động để phù hợp vớ các màn hình có kích thước khác nhau. (bài viết có sử dụng một số tư liệu hình ảnh của MTB)

Responsivetemplate là gì?

Là thiết kế bố cục một trang web đáp ứng sự linh hoạt, điều chỉnh chiều rộng và phong cách của mình theo kích thước màn hình của các thiết bị có kích thước màn hình khá nhau. Nó sẽ trông khác nhau trên khi xem màn hình máy tính để bàn so với khi xem trên một điện thoại thông minh hoặc Tablet (có hai kích cỡ: chân dung và phong cảnh)

Đối với người dùng Blogger:

Hướng dẫn Tùy chỉnh Blogger Templates khi xem bằng Mobile

Edit Blogger Mobile Templates for blogspot

Nhóm Blogger (Blog Code Blogger) đã cập nhật một tính năng mới. Nếu bạn đã kích hoạt Templates điện thoại di động, bạn sẽ có thể để tùy chỉnh các mẫu cho Blogger điện thoại di động bằng cách sử dụng CSS định dạng. Bạn cũng có thể kiểm soát những thành phần được hiển thị và không nên hiển thị. Bạn cũng có thể cấu hình các tiện ích để hiển thị một nội dung thay thế trong giao diện điện thoại di động.

Mặc dù điều này có vẻ rất hữu ích, Nhưng namkna đã không thể test tất cả các tính năng này!

Bắt đầu từ đâu?

Để sử dụng giao diện mobile blogger thì trước tiên ta phải kích hoạt nó lên!

1- Đăng nhập vào Blog

2- Chọn Mẫu (Template)

Hướng dẫn Tạo một trang HTML trống từ Blogger simple template

Blogspot simple template là mẫu xml 1.0 được phát triển bởiWorld Wide Web Consortium ngày 26/01/2000. Không giống như các luật trong XML PHP hay ASP.net không hề dễ dàng trong chỉnh sửa, nếu có một sai lầm nhỏ trong các đoạn mã trang của bạn sẽ đi đời. Trong khi với Blogger bạn có thể làm tất cả. Nhằm giúp các bạn hiểu làm thế nào để thiết kế một blogger template đơn giản. Hôm nay namkna sẽ giới thiệu một mã đơn giản sẽ biến cấu trúc XML Blog thử nghiệm của bạn thành một trang trắng.

Thực hiện thé nào?

Một trang HTML đơn giản gồm các thành phần: HEAD, HTML, các thẻ BODY, Các thẻ meta,JavaScripts và style luôn luôn được thêm vào bên trong HEAD và phần DIV hoặc nội dung được đính kèm bên trong phần body. Trong Blogger mặc định mẫu được lập trình tự động do đó cần phải loại bỏ tất cả các phần không cần thiết chỉ để lại các thành phần để có thẻ tạo một trang trống.

Tạo template với Artisteer 3 Full save - Fixed no save

Artisteer - Sản phẩm đầu tiên và duy nhất của tự động hóa việc thiết kế một trang web,sau đó ngay lập tức tạo ra một mẫu tuyệt vời, độc đáo mẫu cho MS Joomla, Drupal, Wordpress, chủ đề cho blog của bạn hay một trang HTML. (Artisteer 3 [Full Save] - Đã sửa lỗi không save.).

* Thiết kế awesome WordPress Blog, chuyên nghiệp Joomla! và Drupal mẫu, và thiết kế Website trong Minutes

* Sử dụng dễ dàng

* Không cần phải học Photoshop, CSS, HTML hoặc các công nghệ khác

* Xuất ra dạng giống như Wordpress đề hoặc CMS Tiêu bản

Một số Thủ thuật khi thiết kế template cho Blogspot

Mẹo nhỏ khi thiết kế template cho Blogspot

Đối với các Blogger ưa “táy máy” thì việc “vọc” code không những là thú vui mà còn là sự đam mê, là nơi cho những ý tưởng đầy sáng tạo thỏa sức bay bổng.

Không những vậy, nó thậm chí còn có thể mang lại lợi nhuận không nhỏ một khi bạn đã trở thành một Pro Blogger Designer, bằng việc bán Template, bán back-link,…

Tuy nhiên, để trở thành một Pro Blogger Designer không phải một sớm một chiều mà được. Và trong bài viết bên dưới, Namkna sẽ giới thiệu đến các bạn mới gia nhập Blogspot, một số mẹo nhỏ cơ bản trong quá trình thiết kế Template cho riêng mình.

1. Xóa thanh Navbar :

Thanh Navbar là thanh chứa các công cụ như Tìm kiếm, theo dõi, chia sẻ, báo cáo lạm dụng,…xuất hiện phía trên cùng của Blog, bạn có thể xóa, làm trong suốt nó hoặc ẩn hiện nó.

Tổng hợp các trang web cung cấp miễn phí Template Blogger tốt nhất

1. Premium Blogger Templates

Blogger Templates từ Premium Blogger Templates.com. Một nơi tốt nhất để tải về miễn phí những mẫu blogger đẹp cho các blogspotter.Mẫu của chúng tôi cung cấp cho blog của bạn một cái nhìn chuyên nghiệp và độc đáo.

Đến trang chủ

2. BTemplates

Blogger Templates từ BTemplates.com. 1 nơi cung cấp lớn nhất các mẫu blogger được phân loại theo từng chuyên mục

Đến trang chủ

Các trang cung cấp mẫu Templates miễn phí cho Blogspot

Cách thay template cho blogspot - Free template cho blogspot - Template đẹp nhất - by http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html

Bất cứ người sử dụng blog nào cũng muốn blog của mình có giao diện đẹp để có thể thu hút sự quan tâm của đọc giả, tuy nhiên không phải ai cũng có khả năng tự design cho mình một template ưng ý. Nhưng nếu không có khả năng đó, chúng ta vẫn có thể nhờ vào một số trang cung cấp template miễn phí. Mình xin giới thiệu với các bạn 23 trang cung cấp template miễn phí cho blogger:

1. Premium Blogger Templates

2. BTemplates

13/7/13

Hướng dẫn Chỉnh sửa HTML (Edit HTML) cho Blogger

Từ 09/11/2013 blogger cập nhật giao diện chỉnh sửa HTMl mới. Mình đánh giá rất cao cập nhật này, với bản update này các blogger sẽ dễ dàng hơn trong việc chỉnh sửa các widget và blog. Sau đây mình sẽ giúp các bạn tìm hiểu những gì đã được update lần này và cách sử dụng hết các tính năng đã cập nhạt nha trong phần chỉnh sửa HTML nha.

» Cách truy cập vào trình chỉnh sửa HTML

- Đầu tiên bạn truy cập vào Mẫu (template) => Chỉnh sửa HTML (Edit HTML)

11/7/13

CSS căn bản trong thiết kế blogspot

Do nhiều người có yêu cầu nhưng thời gian không nhiều do vậy tam thời mình lấy bài này của bác võ quốc an Tại đây về cho các bạn xem trước. về một số thuộc tính căn bản của css để phục vụ cho quá trình thiết kế.

Các bạn bấm vào nút hiện nội dung để xem theo các mục riêng lẻ.

Cách tạo class, Id và cách gọi ra một module.
Class có dạng:

.Ten-Class{
thuộc tính 1;
thuộc tính 2;
...;
}

Id có dạng:

#Ten-Id{
thuộc tính 1;
thuộc tính 2;
...;
}

Chú ý: class và ID có thể đặt vào template theo 1 trong 3 cách sau:

19/6/13

Hướng dẫn đăng kí tên miền đẹp cho blog

Hôm nay mình sẽ hướng dẫn các bạn tạo 1 tên miền ngắn gọn và đẹp cho blog của mình thực ra các bước vô cùng đơn giản các bạn làm theo mình nhé

đầu tiên các bạn vô trang NÀY để đăng kí nhé
bây giờ bắt tay vào làm nè ^^!

Bước 1: điền tên miền mà các bạn muốn tạo, ở đây mình dùng tên miền là tientruong.come.vn sau đó ấn nút đăng kí, các bạn xem hình nhé ^^!

Bước 2: sẽ hiện ra 1 loạt các tên miền tientruong.come.vn, no1.vn, choang.vn, 9vui.com ..... rất nhìu ^^! việc của bạn là chọn 1 cái nào mà bạn thích và click vào chữ click here to regrister it ở đây mình chọn tientruong.come.vn

12/2/13

Hướng dẫn tạo blog miễn phí với Blogspot

Blogspot là dịch vụ tạo blog miễn phí hàng đầu của Google. Chính vì là “con đẻ” của “gã khổng lồ” nên blogspot được thừa hưởng rất nhiều ưu đãi mà không có dịch vụ blog miễn phí nào có thể sánh bằng, blogspot đơn giản, dễ đăng ký, chỉnh sủa, giao diện tiếng việt thân thiệt, đẹp mắt, SEO tốt… Hiện nay có rất nhiều trang web trả tiền cho chúng ta nhờ việc quảng cáo trên các blog/ website nên mình cũng muốn giới thiệu cho các bạn chưa biết về dịch vụ hoàn toàn miễn phí này.

Bước 1: Tạo 1 Blogspot
Bạn vào http://www.blogger.com/ click Get Started để đăng ký:

blogspot1 Chi tiết cách tạo blog miễn phí với Blogspot

Tiếp theo điền đầy đủ các thông tin: