Chỉ trong thời gian cho mùa lễ hội, tôi rất vui để phát hành miễn phí mới nhất của tôi Blogger mẫu, Blogger Buster Giáng sinh :
Demo | Tải về
Demo | Tải về
19Sleepy Hollow - Một mẫu Blogger miễn phí cho Halloween30 Tháng 10 2010 /Nộp theo:Miễn phí Blogger Templates
Nó được một thời gian dài kể từ khi tôi thiết kế một mẫu Blogger miễn phí, do đó, kể từ khi Halloween là một trong những ngày nghỉ yêu thích của tôi, tôi quyết định thiết kế "Sleepy Hollow" - chỉ trong thời gian 31 tháng mười!
"Sleepy Hollow" là một, mẫu tùy chỉnh đơn giản được xây dựng để được sử dụng với các mới Blogger Template Editor. Nó có tính năng:
"Sleepy Hollow" là một, mẫu tùy chỉnh đơn giản được xây dựng để được sử dụng với các mới Blogger Template Editor. Nó có tính năng:
- Halloween chủ đề hình ảnh nền (được thiết kế bởi Iaroslav Lazunov )
- Tùy chỉnh phông chữ cho các chức danh, bằng cách sử dụng gia đình IM font Fell (thông qua Google Web Fonts)
- Thanh lịch, tùy chỉnh bảng màu
- Khi tùy theo mẫu mới của Blogger (chiều rộng, chiều cao, màu sắc, bố cục)
49Nexus 5 - Một mẫu Blogger mới cho Tải về miễn phíNgày 08 tháng chín năm 2009 /Nộp theo:Miễn phí Blogger Templates
Nó được một lúc kể từ khi tôi đã thiết kế một mẫu Blogger cho phát hành miễn phí. Nhưng sau khi đọc tuyệt vời này hướng dẫn về Smashing Tạp chí , tôi được truyền cảm hứng để tạo ra một cái gì đó khác nhau: một, tùy biến, siêu mẫu HTML5 dựa cho Blogger.
Nexus 5 là một cột mẫu, với phần widgetized trong phần chân trang cho bất kỳ tiện ích bạn có thể muốn bao gồm.Một, hai cột rộng hơn phiên bản sẽ có sẵn ngay cho những người thích các tiện ích trong một phần sidebar.
Tiêu bản này sử dụng nhiều HTML 5 và các yếu tố CSS3 để tạo ra một thiết kế sáng tạo hơn mà không cần dùng quá nhiều hình ảnh nền. Nó không làm suy giảm một cách duyên dáng trong các trình duyệt không hỗ trợ các yếu tố CSS3 để đảm bảo tỷ lệ phần trăm lớn nhất của du khách sẽ đánh giá phạm vi toàn của thiết kế.
Đây là một ảnh chụp màn hình đầy đủ của Nexus 5 như nhìn thấy trong Firefox 3.5 (hiện tại trình duyệt ưa thích của tôi):
Click vào ảnh để xem trước trang đầy đủ, hoặc đơn giản là truy cập vào blog trình diễn ..
Tôi cũng đã thử nghiệm trong Internet Explorer (6-8), Opera và Safari. Trong khi các góc tròn và văn bản bóng hiệu ứng không hoạt động trong các trình duyệt không hỗ trợ CSS3, các chức năng tổng thể và thiết kế chung của trang web làm việc tốt.
Thay vào đó, tôi đã tập trung vào một số duy nhất của các tính năng mà tôi hy vọng sẽ được phù hợp cho tất cả mọi người, và tăng cường thiết kế sạch của mẫu này.
Trong khi tôi thích nhìn thấy thiết kế đẹp Blogger mẫu có sẵn để tải về, nhiều người không thể thay đổi dễ dàng như vậy và yêu cầu người dùng để chỉnh sửa mã HTML của mẫu của mình để thực hiện bất kỳ thay đổi thiết kế.
Đối với Nexus 5, tôi muốn gần như mọi khía cạnh của thiết kế để được tùy chỉnh dễ dàng. Điều này có nghĩa là:
Thiết kế này bao gồm một trình đơn điều hướng như là một tiện ích Link List. Bạn có thể thêm các liên kết đến Trang chủ của bạn, Giới và các trang quan trọng khác chỉ đơn giản bằng cách chỉnh sửa tiện ích Link List trong menu Elements Trang của bạn.
Các "Đăng ký" nút được cài đặt sẵn và sẽ chỉ để nuôi các bài viết blog của bạn tự động.
Một tính năng thú vị của menu này là nút nhấn mạnh. nền Những thay đổi khi dao động con trỏ qua liên kết của bạn, hơn nữa, khi các URL trang cũng giống như các URL liên kết, nút này vẫn nhấn mạnh.
Ví dụ, nếu bạn liên kết tới trang blog của bạn "Giới thiệu", các "Giới" sẽ vẫn nhấn mạnh khi truy cập của một lần đọc trang này.
Phần này sẽ hiển thị tiêu đề, đoạn và hình thu nhỏ của các bài viết gần đây nhất từ các thể loại đặc trưng.
Không có chỉnh sửa của mẫu này là cần thiết để thực hiện chức năng này làm việc - chỉ cần thêm các nhãn "Nổi" (với một "F" vốn) cho bất kỳ bài viết mà bạn muốn xuất hiện trong phần này.
Thay vì chỉ định kích thước chính xác cho hình ảnh đó xuất hiện trong bản tóm tắt, tôi đã chỉ định chiều rộng. Điều này đảm bảo hình ảnh không bị bóp méo, và rằng một tỷ lệ quy định về chiều cao với chiều rộng là không cần thiết.
Ngoài ra, khi bạn di chuột qua một bài đăng trên một trang không mục, mà bài được đánh dấu bởi một nền tảng khác nhau và liên kết văn bản có hiệu lực:
Các màu sắc cho các liên kết, hình nền và đoạn văn bản được sử dụng trong tất cả các hiệu ứng này có thể được tùy chỉnh thông qua menu Phông chữ và màu sắc trong bảng điều khiển Blogger của bạn.
Bài viết trên các trang không bao gồm các khoản này có hiệu lực: bài văn bản và hình ảnh sẽ xuất hiện đầy đủ.
Các biểu tượng xuất hiện bên cạnh mỗi liên kết không cần phải được tự thêm vào tiện ích của bạn. Thay vào đó, những liên kết này được mã hoá vào trong CSS để xuất hiện bên cạnh liên kết mục tiêu.
Sơ kết mà được hỗ trợ bởi Nexus 5 bao gồm:
Nếu tôi đã bỏ lỡ bất cứ mạng xã hội phổ biến mà bạn muốn xem có, xin vui lòng cho tôi biết và tôi sẽ cập nhật các CSS.
Xin lưu ý : các hướng dẫn này là dành cho các cài đặt cơ bản của mẫu này. Nếu bạn muốn chuyển các vật dụng từ các mẫu hiện tại của bạn cho sử dụng với Nexus 5, hãy xem hướng dẫn này để thay thế.
Trước hết, tải mẫu này để ổ đĩa cứng của bạn . Đây là một mẫu XML, nén vào một thư mục Zip để tải về dễ dàng.
Một khi bạn đã tải về, mở thư mục nén và giải nén các tập tin Nexus5.xml. Bạn có thể cần phải sử dụng Winzip hoặc WinRar nếu hệ điều hành của bạn không thể mở thư mục nén của chính nó.
Bây giờ bạn đã giải nén vào thư mục zip, vào Layout> Edit HTML trên bảng điều khiển Blogger của bạn.
Gần đầu của trang này bạn sẽ thấy các sao lưu / phục hồi phần Template. Tại đây bạn có thể chọn để tải lên một mẫu mới bằng cách nhấp vào nút "Browse" để tìm tập tin Nexus5.xml trên ổ cứng của bạn. Chọn tập tin này, sau đó nhấp vào "Upload" nút.
Rất có thể bạn sẽ được nhắc nhở để xóa bất kỳ vật dụng hiện có trong mẫu hiện tại của bạn. Nếu bạn cần phải giữ lại bất kỳ những widgets / tiện ích, hủy bỏ các hoạt động và tham khảo hướng dẫn này để thay thế. Nếu không, xác nhận việc xóa và tiếp tục.
Trong vòng một thời điểm hoặc hai, hiện tại mẫu này sẽ được thay thế bằng thiết kế mới của bạn 5 Nexus, mà bạn có thể tùy biến theo nhu cầu của bạn.
Bỏ chọn hộp "Hiển thị số bài viết của mỗi nhãn" và lưu thay đổi này.
Lưu ý : trong khi các "đám mây" lựa chọn cho nhãn hiệu sẽ làm việc trong biểu mẫu này, khi tùy chọn này được sử dụng, những đám mây không nhãn có thể xuất hiện như mong muốn. Tôi có thêm hỗ trợ cho các biến thể Cloud trong phiên bản cột thứ hai của thiết kế này sẽ được có sẵn để tải về ngay.
Đơn giản chỉ cần chỉnh sửa tiện ích này trong trang Page Elements của bảng điều khiển của bạn (hoặc bằng cách nhấp vào biểu tượng chìa khoá bên cạnh các tiện ích khi xem blog của bạn) để thêm hoặc quản lý liên kết trong phần này.
Đối với mỗi bản sao, liên kết và dán URL của hồ sơ phương tiện truyền thông xã hội của bạn và thêm phù hợp văn bản giải thích. Các phương tiện truyền thông xã hội phổ biến nhất các trang web được hỗ trợ, do đó bạn có thể thêm liên kết thông tin như nhiều người hoặc chỉ yu như trong tiện ích này.
Để thực hiện một bài viết xuất hiện trong phần này, chỉ cần thêm các nhãn "Nổi" (với một F vốn) cho bất kỳ bài viết của bạn. Các bài viết mới nhất của thể loại này sẽ xuất hiện trong phần này trên các trang ngoài mục của blog của bạn.
Tới Layout> Edit HTML và tìm kiếm dòng sau:
Xem trước mẫu của bạn để đảm bảo các bài viết đúng là đang được hiển thị, sau đó lưu mẫu của bạn để hoàn tất việc thay đổi.
Tới Layout> Edit HTML và định vị các phần mã sau đây:
Mã đánh dấu màu xanh là URL cho avatar / bức ảnh của bạn. Hình ảnh này cần phải được 50px rộng, mặc dù phần nên chứa bất kỳ chiều cao. Tải lên biểu tượng của bạn thay thế cho một trang web lưu trữ hình ảnh và thay thế các URL với các tổ chức của bạn hình ảnh đại diện.
Phần màu da cam của mã nên được thay thế bằng một mô tả dài hơn trang web của bạn. Chỉ cần sử dụng đồng bằng văn bản hoặc các liên kết ở đây (
Một khi bạn đã thực hiện bất kỳ thay đổi thích hợp, xem trước để đảm bảo tất cả cũng trông sau đó tiến hành để lưu mẫu của bạn.
Chỉ cần vào Layout> Phông chữ và màu sắc trong bảng điều khiển của bạn, và nhấp vào xung quanh để chỉnh sửa từng tài sản của các thiết kế của bạn.
Hầu hết các CSS được sử dụng trong thiết kế này được bao gồm trong b các: phần da của mẫu này và có thể được chỉnh sửa như mong muốn. Để hiển thị đúng trên tất cả các trình duyệt, một vài file CSS nhập khẩu cũng được tham chiếu trong thiết kế. Những tập tin này không yêu cầu thay đổi làm ảnh hưởng đến bất kỳ khía cạnh hình ảnh của thiết kế.
Đối với bất cứ ai có nhu cầu thay đổi các hình ảnh, CSS và các kịch bản được sử dụng trong Nexus 5, cảm thấy tự do để tải tập tin sau đây:
Tải ảnh, CSS và gói Scripts cho Nexus 5
Trong tất cả các khía cạnh khác, cảm thấy tự do để tùy biến và sử dụng biểu mẫu này cho bất kỳ dự án blog của bạn.
Nexus 5 được lấy cảm hứng từ bài viết này của Enrique Ramirez mà xuất hiện trên Smashing Magazine và đã được mã hóa để sử dụng như một mẫu Blogger của bản thân mình.
Các kịch bản cho bài tóm lược dựa trên hướng dẫn này từ Anshuldudeja.com , trong khi phần Các bài viết dựa trênkịch bản này bởi BloggerTricks.com .
Các biểu tượng được sử dụng để làm nổi bật blog nguồn cấp dữ liệu và liên kết trong các xã hội "tiện ích" được thiết kế bởi Quake9 và được xuất bản dưới Giấy phép Creative Commons.
Nexus 5 là một cột mẫu, với phần widgetized trong phần chân trang cho bất kỳ tiện ích bạn có thể muốn bao gồm.Một, hai cột rộng hơn phiên bản sẽ có sẵn ngay cho những người thích các tiện ích trong một phần sidebar.
Tiêu bản này sử dụng nhiều HTML 5 và các yếu tố CSS3 để tạo ra một thiết kế sáng tạo hơn mà không cần dùng quá nhiều hình ảnh nền. Nó không làm suy giảm một cách duyên dáng trong các trình duyệt không hỗ trợ các yếu tố CSS3 để đảm bảo tỷ lệ phần trăm lớn nhất của du khách sẽ đánh giá phạm vi toàn của thiết kế.
Đây là một ảnh chụp màn hình đầy đủ của Nexus 5 như nhìn thấy trong Firefox 3.5 (hiện tại trình duyệt ưa thích của tôi):
Click vào ảnh để xem trước trang đầy đủ, hoặc đơn giản là truy cập vào blog trình diễn ..
Tôi cũng đã thử nghiệm trong Internet Explorer (6-8), Opera và Safari. Trong khi các góc tròn và văn bản bóng hiệu ứng không hoạt động trong các trình duyệt không hỗ trợ CSS3, các chức năng tổng thể và thiết kế chung của trang web làm việc tốt.
Các tính năng chính của Nexus 5
Tôi đã cố gắng không để tình trạng quá tải này thiết kế với các tính năng, như tôi muốn cung cấp một thiết kế sạch, tải khá nhanh chóng và dễ dàng có thể được tùy chỉnh để khẩu vị của cụ thể của bạn.Thay vào đó, tôi đã tập trung vào một số duy nhất của các tính năng mà tôi hy vọng sẽ được phù hợp cho tất cả mọi người, và tăng cường thiết kế sạch của mẫu này.
Ultra tùy biến!
Một trong những tính năng của Blogger lớn nhất là khả năng tùy biến các mẫu của chúng tôi cho phù hợp với thị hiếu của chúng tôi, cả hai đều thông qua các phần Page Elements (di chuyển vị trí của các tiện ích, và tùy chỉnh các khía cạnh của phần chân sau của chúng tôi), và các Phông chữ và màu sắc đơn.Trong khi tôi thích nhìn thấy thiết kế đẹp Blogger mẫu có sẵn để tải về, nhiều người không thể thay đổi dễ dàng như vậy và yêu cầu người dùng để chỉnh sửa mã HTML của mẫu của mình để thực hiện bất kỳ thay đổi thiết kế.
Đối với Nexus 5, tôi muốn gần như mọi khía cạnh của thiết kế để được tùy chỉnh dễ dàng. Điều này có nghĩa là:
- Tất cả màu sắc có thể được thay đổi thông qua các menu Phông chữ và Màu sắc
- Phông chữ cho văn bản và các nhóm có thể được thay đổi thông qua trình đơn
- Tất cả các tiện ích chân có thể được di chuyển xung quanh, thêm, xóa, và như vậy.
Tích hợp Menu
Thiết kế này bao gồm một trình đơn điều hướng như là một tiện ích Link List. Bạn có thể thêm các liên kết đến Trang chủ của bạn, Giới và các trang quan trọng khác chỉ đơn giản bằng cách chỉnh sửa tiện ích Link List trong menu Elements Trang của bạn.
Các "Đăng ký" nút được cài đặt sẵn và sẽ chỉ để nuôi các bài viết blog của bạn tự động.
Một tính năng thú vị của menu này là nút nhấn mạnh. nền Những thay đổi khi dao động con trỏ qua liên kết của bạn, hơn nữa, khi các URL trang cũng giống như các URL liên kết, nút này vẫn nhấn mạnh.
Ví dụ, nếu bạn liên kết tới trang blog của bạn "Giới thiệu", các "Giới" sẽ vẫn nhấn mạnh khi truy cập của một lần đọc trang này.
Tích hợp "Các bài viết" phần - không chỉnh sửa mẫu yêu cầu!
Tôi yêu những "bài viết gần đây với hình thu nhỏ" tiện ích , và quyết định tích hợp chức năng này vào các mẫu như là một "Các bài viết" phần, có thể được nhìn thấy trên các nội dung đăng bài trên mục các trang không phải:Phần này sẽ hiển thị tiêu đề, đoạn và hình thu nhỏ của các bài viết gần đây nhất từ các thể loại đặc trưng.
Không có chỉnh sửa của mẫu này là cần thiết để thực hiện chức năng này làm việc - chỉ cần thêm các nhãn "Nổi" (với một "F" vốn) cho bất kỳ bài viết mà bạn muốn xuất hiện trong phần này.
Hover Effect trên tóm tắt bài viết
Một tính năng tôi muốn bao gồm cho mẫu này đã được viết tóm tắt. Điều này cho biết thêm chỉ tóm tắt các bài viết trên trang mục thuốc, bao gồm một phiên bản nhỏ hơn của hình ảnh đầu tiên từ mỗi bài. Điều này được dựa trênhiểu Hack khác tự động bởi Anshul Dudeja (trong đó tích hợp các javascript cần thiết vào mẫu của chúng tôi).Thay vì chỉ định kích thước chính xác cho hình ảnh đó xuất hiện trong bản tóm tắt, tôi đã chỉ định chiều rộng. Điều này đảm bảo hình ảnh không bị bóp méo, và rằng một tỷ lệ quy định về chiều cao với chiều rộng là không cần thiết.
Ngoài ra, khi bạn di chuột qua một bài đăng trên một trang không mục, mà bài được đánh dấu bởi một nền tảng khác nhau và liên kết văn bản có hiệu lực:
Các màu sắc cho các liên kết, hình nền và đoạn văn bản được sử dụng trong tất cả các hiệu ứng này có thể được tùy chỉnh thông qua menu Phông chữ và màu sắc trong bảng điều khiển Blogger của bạn.
Bài viết trên các trang không bao gồm các khoản này có hiệu lực: bài văn bản và hình ảnh sẽ xuất hiện đầy đủ.
Cách điệu "xã hội" Mục
Các tiện ích "xã hội" trong phần chân trang là một tiện ích Link List đơn giản mà bạn có thể thêm các liên kết đến bất kỳ phương tiện truyền thông xã hội của bạn cấu hình.Các biểu tượng xuất hiện bên cạnh mỗi liên kết không cần phải được tự thêm vào tiện ích của bạn. Thay vào đó, những liên kết này được mã hoá vào trong CSS để xuất hiện bên cạnh liên kết mục tiêu.
Sơ kết mà được hỗ trợ bởi Nexus 5 bao gồm:
- Blogger
- Flickr
- Del.icio.us
- Digg
- Last.fm
- MySpace
- Picasa
- Technorati
Nếu tôi đã bỏ lỡ bất cứ mạng xã hội phổ biến mà bạn muốn xem có, xin vui lòng cho tôi biết và tôi sẽ cập nhật các CSS.
Làm thế nào để cài đặt Nexus 5
Nexus 5 là khá dễ dàng để cài đặt. Vì nó đòi hỏi phải chỉnh sửa rất ít mẫu mã, bạn sẽ có thể nhận được mẫu này và chạy trong vòng vài phút.Xin lưu ý : các hướng dẫn này là dành cho các cài đặt cơ bản của mẫu này. Nếu bạn muốn chuyển các vật dụng từ các mẫu hiện tại của bạn cho sử dụng với Nexus 5, hãy xem hướng dẫn này để thay thế.
Trước hết, tải mẫu này để ổ đĩa cứng của bạn . Đây là một mẫu XML, nén vào một thư mục Zip để tải về dễ dàng.
Một khi bạn đã tải về, mở thư mục nén và giải nén các tập tin Nexus5.xml. Bạn có thể cần phải sử dụng Winzip hoặc WinRar nếu hệ điều hành của bạn không thể mở thư mục nén của chính nó.
Bây giờ bạn đã giải nén vào thư mục zip, vào Layout> Edit HTML trên bảng điều khiển Blogger của bạn.
Gần đầu của trang này bạn sẽ thấy các sao lưu / phục hồi phần Template. Tại đây bạn có thể chọn để tải lên một mẫu mới bằng cách nhấp vào nút "Browse" để tìm tập tin Nexus5.xml trên ổ cứng của bạn. Chọn tập tin này, sau đó nhấp vào "Upload" nút.
Rất có thể bạn sẽ được nhắc nhở để xóa bất kỳ vật dụng hiện có trong mẫu hiện tại của bạn. Nếu bạn cần phải giữ lại bất kỳ những widgets / tiện ích, hủy bỏ các hoạt động và tham khảo hướng dẫn này để thay thế. Nếu không, xác nhận việc xóa và tiếp tục.
Trong vòng một thời điểm hoặc hai, hiện tại mẫu này sẽ được thay thế bằng thiết kế mới của bạn 5 Nexus, mà bạn có thể tùy biến theo nhu cầu của bạn.
Cấu hình Nhãn Gadget
Các nhãn (loại) tiện ích xuất hiện trong phần chân trang của Nexus 5 trông tốt hơn khi số lượng bài viết cho mỗi nhãn không được chọn. Để thay đổi tùy chọn này, hãy vào Layout> Page Elements trong bảng điều khiển Blogger của bạn và nhấp vào "Chỉnh sửa" cho tiện ích này. Bạn cũng có thể nhấp vào biểu tượng chìa khoá bên cạnh tiện ích này trong khi xem blog của bạn).Bỏ chọn hộp "Hiển thị số bài viết của mỗi nhãn" và lưu thay đổi này.
Lưu ý : trong khi các "đám mây" lựa chọn cho nhãn hiệu sẽ làm việc trong biểu mẫu này, khi tùy chọn này được sử dụng, những đám mây không nhãn có thể xuất hiện như mong muốn. Tôi có thêm hỗ trợ cho các biến thể Cloud trong phiên bản cột thứ hai của thiết kế này sẽ được có sẵn để tải về ngay.
Cấu hình các tiện ích Blogroll
Tiện ích này chỉ đơn giản là một danh sách Liên kết tiện ích cho bạn để thêm liên kết đến các trang web ưa thích của bạn.Đơn giản chỉ cần chỉnh sửa tiện ích này trong trang Page Elements của bảng điều khiển của bạn (hoặc bằng cách nhấp vào biểu tượng chìa khoá bên cạnh các tiện ích khi xem blog của bạn) để thêm hoặc quản lý liên kết trong phần này.
Cấu hình các tiện ích xã hội
Một lần nữa, tiện ích này là một danh sách liên kết đơn giản mà có thể được chỉnh sửa một cách dễ dàng. Mục đích của phần này là cung cấp liên kết đến các phương tiện truyền thông xã hội của bạn cấu hình, mỗi trong số đó sẽ được đánh dấu với các biểu tượng thích hợp.Đối với mỗi bản sao, liên kết và dán URL của hồ sơ phương tiện truyền thông xã hội của bạn và thêm phù hợp văn bản giải thích. Các phương tiện truyền thông xã hội phổ biến nhất các trang web được hỗ trợ, do đó bạn có thể thêm liên kết thông tin như nhiều người hoặc chỉ yu như trong tiện ích này.
Hiển thị nội dung trong phần Các Post
Phần Các bài viết được xây dựng vào mẫu và mẫu không yêu cầu phải chỉnh sửa mã HTML để làm việc.Để thực hiện một bài viết xuất hiện trong phần này, chỉ cần thêm các nhãn "Nổi" (với một F vốn) cho bất kỳ bài viết của bạn. Các bài viết mới nhất của thể loại này sẽ xuất hiện trong phần này trên các trang ngoài mục của blog của bạn.
Nếu bạn muốn hiển thị bài viết từ một nhãn hiệu khác nhau ...
Để hiển thị bài viết từ một nhãn hiệu khác với đặc trưng, bạn sẽ cần phải chỉnh sửa mẫu Blogger của bạn.Tới Layout> Edit HTML và tìm kiếm dòng sau:
<Script expr: src = 'dữ liệu: blog.homepageUrl + "feeds/posts/default/- / Các? orderby = xuất bản & alt = json-kịch bản-in và gọi lại = showrecentpostswiththumbs "'/>
Thay thế năng với tên của các nhãn bạn muốn sử dụng thay thế. Đây là trường hợp nhạy cảm, vì vậy hãy chắc chắn để loại tên nhãn cách chính xác nó được sử dụng. Hơn nữa, tất cả các không gian có thể thay thế 20% (các "thoát" mã cho một không gian trong cấu trúc URL).Xem trước mẫu của bạn để đảm bảo các bài viết đúng là đang được hiển thị, sau đó lưu mẫu của bạn để hoàn tất việc thay đổi.
Chỉnh sửa "Giới" trong footer
Như đã giải thích trước đó, "Giới thiệu" phần là khía cạnh duy nhất của mẫu này mà đòi hỏi bạn phải chỉnh sửa mã HTML để giữ lại cấu trúc phong cách HTML5.Tới Layout> Edit HTML và định vị các phần mã sau đây:
<address class='vcard body' id='about'>
<span class='primary'>
<strong> <img class='fn url' expr:href='data:blog.homepageUrl'> <data:blog.title/> </ a> </ strong>
<span class='role'> Một dòng mô tả </ span>
</ Span ><!-- / chính -.>
<Alt = img 'Avatar Logo' class = 'photo' 'src =https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXvRWV_39hJ8sEjeTDNBdoAP4I7ErreOaHdW9G-GqH4uvdCyu3nKqpUiJ_A9ZomtQ_gwNFOZ3hBl3g5fOA15Ky0EYPyoUMH7knS2w7WmSVsLdsC7DbvH4AiYvBEjhvKJAlDte77P3leKg/s800/blogger-logo.jpg 'width = '50' />
<span class='bio'> Lorem Ipsum dummy chỉ đơn giản là văn bản và sắp chữ của ngành công nghiệp in ấn. Lorem Ipsum đã được văn bản chuẩn của ngành công nghiệp dummy bao giờ hết kể từ những năm 1500, khi một máy in không biết lấy ngôi của loại hình và scrambled nó để làm một cuốn sách kiểu mẫu. Nó đã tồn tại không chỉ năm thế kỷ, mà còn là bước nhảy vọt vào sắp chữ điện tử, còn lại về cơ bản không thay đổi. </ span>
</ Địa chỉ ><!-- / # về ->
Phần đánh dấu màu đỏ đậm là nơi bạn có thể thêm một mô tả (một dòng) ngắn gọn về trang web của bạn. Đơn giản chỉ cần thay đổi các văn bản cho một mô tả ngắn về ý thích của bạn.Mã đánh dấu màu xanh là URL cho avatar / bức ảnh của bạn. Hình ảnh này cần phải được 50px rộng, mặc dù phần nên chứa bất kỳ chiều cao. Tải lên biểu tượng của bạn thay thế cho một trang web lưu trữ hình ảnh và thay thế các URL với các tổ chức của bạn hình ảnh đại diện.
Phần màu da cam của mã nên được thay thế bằng một mô tả dài hơn trang web của bạn. Chỉ cần sử dụng đồng bằng văn bản hoặc các liên kết ở đây (
<img href="url_here"> liên kết văn bản </ a>
), như CSS các tài sản khác có thể gây ra sự xuất hiện của các phần không thẳng hàng.Một khi bạn đã thực hiện bất kỳ thay đổi thích hợp, xem trước để đảm bảo tất cả cũng trông sau đó tiến hành để lưu mẫu của bạn.
Thay đổi font và màu sắc để tạo Thiết kế độc đáo của bạn!
Như đã đề cập trước đó, tất cả các màu sắc và phông chữ cho các nhóm / văn bản cơ thể có thể được thay đổi rất dễ dàng trong mục Fonts và màu sắc của bảng điều khiển Blogger của bạn:Chỉ cần vào Layout> Phông chữ và màu sắc trong bảng điều khiển của bạn, và nhấp vào xung quanh để chỉnh sửa từng tài sản của các thiết kế của bạn.
Hình ảnh, CSS và JavaScript
Tất cả các hình ảnh, tập tin CSS và JavaScript được sử dụng trong mẫu này được lưu trữ trên máy chủ an toàn và đáng tin cậy. Bạn không cần phải tải lên các lưu trữ của riêng bạn.Hầu hết các CSS được sử dụng trong thiết kế này được bao gồm trong b các: phần da của mẫu này và có thể được chỉnh sửa như mong muốn. Để hiển thị đúng trên tất cả các trình duyệt, một vài file CSS nhập khẩu cũng được tham chiếu trong thiết kế. Những tập tin này không yêu cầu thay đổi làm ảnh hưởng đến bất kỳ khía cạnh hình ảnh của thiết kế.
Đối với bất cứ ai có nhu cầu thay đổi các hình ảnh, CSS và các kịch bản được sử dụng trong Nexus 5, cảm thấy tự do để tải tập tin sau đây:
Tải ảnh, CSS và gói Scripts cho Nexus 5
Tín dụng và cấp phép
Tiêu bản này được cấp phép theo Giấy phép Creative Commons. Nếu bạn sử dụng mẫu này hoặc cung cấp này để tải về từ trang web của riêng bạn, xin vui lòng bao gồm một liên kết trở lại www.BloggerBuster.com là ghi công cho thiết kế này và giữ lại các thông tin tác giả trong mã mẫu.Trong tất cả các khía cạnh khác, cảm thấy tự do để tùy biến và sử dụng biểu mẫu này cho bất kỳ dự án blog của bạn.
Nexus 5 được lấy cảm hứng từ bài viết này của Enrique Ramirez mà xuất hiện trên Smashing Magazine và đã được mã hóa để sử dụng như một mẫu Blogger của bản thân mình.
Các kịch bản cho bài tóm lược dựa trên hướng dẫn này từ Anshuldudeja.com , trong khi phần Các bài viết dựa trênkịch bản này bởi BloggerTricks.com .
Các biểu tượng được sử dụng để làm nổi bật blog nguồn cấp dữ liệu và liên kết trong các xã hội "tiện ích" được thiết kế bởi Quake9 và được xuất bản dưới Giấy phép Creative Commons.