Tùy biến template Newcast

7/16/11

Đối với mỗi blogger, ai cũng muốn có template mang phong cách riêng của mình, thật khác biệt và không đụng hàng với bất cứ ai.
Tuy nhiên để thiết kế được một template ưng ý vốn không phải là một điều đơn giản, đòi hỏi người đó phải thật rành code, kiến thức về đồ họa, đây vốn thật là một vấn đề nan giải.

May mắn thay, blogger vốn có rất nhiều template được thiết kế miễn phí, các bạn có thể tùy chọn một mẫu mà mình ưng ý nhờ vào Mr.Google.

Trong hàng triệu template miễn phí đó, mình đặc biệt ấn tượng với template Newcast của Noct, cực kỳ đẹp và ấn tượng, Vnblogspot đã từng viết bài giới thiệu về template này.

Tuy nhiên, không phải ai cũng có khả năng chỉnh sửa lại theo ý thích của mình được. Tác giả của template này nói rằng:

Tác giả không trả lời các câu hỏi liên quan đến việc chỉnh sửa tùy biến template, đó là việc riêng của các bạn, hãy lưu ý. Ở đây chỉ hỗ trợ các vấn đề về fix lỗi, hướng dẫn sử dụng...

Template mình đang sử dụng cũng chính là thiết kế lại từ template Newcast. Qua một quá trình mày mò chỉnh sửa, mình cũng đã có chút vốn liếng, không dám nói là nhiều trong việc tùy biến nó.

Nếu bạn nào muốn tùy biến template này ở một số điểm mà vẫn không làm được có thể hỏi mình trong đề tài này. Mình sẽ cố gắng trả lời các bạn càng sớm càng tốt.

Không phải mọi cái mình đều có thể tùy biến được, nhưng nếu gặp khó khăn mình sẽ cố gắng hỏi các cao thủ khác để trả lời giùm các bạn.

48 comments

Jul 16, 2011, 12:54:00 PM
blue

ax...thế mà em cứ tưởng là code của bác Tiennguyen, cái này theo em nghĩ là 90% tiennguyen...10% newcast
:) em chỉ nói đùa thôi nha, thật sự nhìn giống bác tiennguyen!

Jul 16, 2011, 1:27:00 PM
teeeeeee

blog anh vẫn còn hiện biểu tượng bút chì và cờ lê đó! anh ẩn nó đi, nhìn k thẩm mĩ lắm

Jul 16, 2011, 2:31:00 PM
Lee Peace ADMIN

@blue79blog Cũng có code của bạn Tiến đó bạn,đã nói mình gà mờ code mà! :p

Jul 16, 2011, 2:45:00 PM
Lee Peace ADMIN

@Mèo Blog Ủa, anh test thử trên IE, Chrome, Firefox khi log out ra tài khoản gmail thì không thấy các biểu tượng đó mà ta![-

Jul 16, 2011, 3:00:00 PM
Lee Peace ADMIN

@Mèo Blog Đã chỉnh sửa rồi, em coi giùm còn hay không nói cho anh nghe! :)

Jul 16, 2011, 7:10:00 PM
blue

anh ơi cho em xin cái page navigation giống blog anh đi

Jul 16, 2011, 7:13:00 PM
blue

em cũng là người đang nghiên cứu blogger, anh cho em xin nick yahoo của anh để tiện hỏi han or anh add nick em: blue79online
:D

Jul 16, 2011, 9:10:00 PM
Lee Peace ADMIN

@blue79blog Mình lấy phân trang này từ blog của Duy pham, bạn có thể qua đó tham khảo. Nick yahoo của mình là: peace19812006

Jul 16, 2011, 9:28:00 PM
teeeeeee

hết rồi a à :)

Jul 16, 2011, 9:32:00 PM
blue

Thanks anh, em đã gắn xong :))

Jul 16, 2011, 9:55:00 PM
Thánh Thiện Tâm

Vatinam + mới sơn sửa lại mời peace19812006 và các bạn qua chơi nhé =>

Jul 16, 2011, 11:19:00 PM
Admin

Em cũng đang định tùy biến nó đây bác ạ. Sao bác ko viết 1 bài share những code mà bác sửa nhỉ, em nghĩ sẽ được ủng hộ nhiệt tình đó :)

Jul 17, 2011, 7:08:00 AM
Lee Peace ADMIN

@Độc chiêu Blog Ý kiến hay đó Độc chiêu, nhưng chắc phải chậm chậm chút, viết từ từ mới được :D

Jul 17, 2011, 9:56:00 AM
Admin

hic hic, cái tiện ích Bài viết mới của em nó bị lỗi lặp double rồi bác ạ, bác coi thử nhé!

Jul 17, 2011, 11:48:00 AM
Lee Peace ADMIN

@Độc chiêu Blog Độc chiêu thử cài đặt lại xem sao, coi chừng nó bị trùng do copy mà quên chỉnh sửa số thứ tự đó! :)

Jul 17, 2011, 12:20:00 PM
Fiat Trịnh Xuân Thọ

Hay quá,có người để hỏi rồi,mình cũng đang dùng Temp này của NOct,
Cho mình nhờ 2 việc nhé
* Cái chỗ :Trang chủ,liên lạc... của blog mình ấy muốn thay màu chữ thì thay ở đâu vậy

** Cái Emo cho comment mình làm hoài không được,nó cứ báo lỗi gì ấy,ban làm cách nào chỉ cho mình với

Cảm ơn bạn nhiều nhiều:))

Jul 17, 2011, 12:46:00 PM
Lee Peace ADMIN

@Trao yêu thương bạn tìm đến dòng

#PageList1 li a:hover,#PageList1 li.selected a { color: #fff }
Thay #fff thành mã màu bạn muốn là OK. Còn Emo là gì mình không hiểu, bạn nói rõ hơn được không? :)

Jul 17, 2011, 2:26:00 PM
Fiat Trịnh Xuân Thọ

HU hu,trao nhau yêu thương với tớ là 1 (cái đó là DEMO),cảm ơn Peace nhiều

Emoticons cho comment,tớ mới làm được ,hic mấy cái thẻ đóng giống nhau

Cảm ơn bạn nhé,tớ cũng sn 81 luôn,già rồi,chưa vợ,chắc cưới em Computer mất:))

Jul 17, 2011, 2:32:00 PM
Fiat Trịnh Xuân Thọ

Tiên thể cho tớ hỏi nhờ tí,cái này tớ làm hoài mà không được:http://www.nguontrithuc.tk/2011/02/tien-ich-ve-tac-gia-o-cuoi-bai-viet.html

Cứu với nhé

Jul 18, 2011, 12:56:00 AM
Fiat Trịnh Xuân Thọ

Cái seachbox của bác chạy ngon quá,chỉ dùm em với,cái của em nó chạy thế nào ấy :))

Jul 18, 2011, 10:06:00 AM
Lee Peace ADMIN

@Ngọn lửa nhỏ blog Chẳng qua là bạn chưa tùy biến nâng cao cho nó, vậy thôi :)

Jul 18, 2011, 3:36:00 PM
Anonymous

Em thay search box thành box tìm kiếm của google nhưng không biết chỉnh CSS thế nào để được như cũ, bác giúp em với :((

Jul 18, 2011, 7:08:00 PM
Admin

Bạn áp dụng tùy chỉnh box tìm kiếm nâng cao của Noct, thay tất cả search box thành cse-search-box nhé!

Jul 18, 2011, 9:20:00 PM
Lee Peace ADMIN

@CAA Mai mình sẽ viết một bài hướng dẫn chi tiết, có hình minh họa cho các bạn tìm hiểu :)

Jul 18, 2011, 10:52:00 PM
Anonymous

@Độc chiêu Blog, peace19812006:
Thủ thuật của NOCT bị lỗi, bác NOCT mới sửa lại rồi, chạy tốt, đúng là thủ thuật hay :)

Jul 19, 2011, 5:08:00 PM
Vịnh

Mình cũng tính chia sẻ template này sau khi đã tùy biến nó đôi chút. Nhưng bác peace19812006 nhanh quá.
Demo: http://www.dulich.cc.cc/
(Menu mới đẹp hơn, search box hoạt động tốt hơn, menu tĩnh bên trên)
Nếu các bạn thích thì liên hệ mình nhé!

Jul 19, 2011, 7:10:00 PM
Lee Peace ADMIN

@Quốc Vịnh Menu mới đẹp đó! =D>

Jul 27, 2011, 8:46:00 PM
Lê Trương Vĩnh Trung

Cái sidebar của tem newcast hơi bự, mình khoái loại tem có sidebar kích thước như blog bạn với lại chỉ mình cách làm cái khung cho phần bài đăng với sidebar + dòng phần cách giữa 2 bài giống blog bạn nhé ^^. Nếu code dài wa thì gửi wa mail cho mình cũng đc: yeuem_chi1dem2001@yahoo.com
Tks trước!

Jul 27, 2011, 9:51:00 PM
Lee Peace ADMIN

@Lê Trương Vĩnh Trung Bạn tìm code #main-wrapper,#sidebar-wrapper chỉnh sửa độ rộng cho phù hợp, có thể tăng này giảm kia là, trong blog mình mình chỉnh sửa độ rộng của phần main là 580 còn sidebar là 300. Còn cái dòng phân cách mình sẽ trả lời sau nha :)

Jul 27, 2011, 9:59:00 PM
Lee Peace ADMIN

@Lê Trương Vĩnh Trung Vấn đề phân cách bài viết: Bạn thay .post { margin-bottom: 50px } thành .post{float:left;border-top:1px solid #FFF;border-right:1px solid #FFF;border-bottom:3px solid #DDD;border-left:1px solid #FFF;width:580px;background:#F4F4F4;padding:10px} là OK. :)

Jul 28, 2011, 8:56:00 PM
Lê Trương Vĩnh Trung

hè hè, tks pác, chúc blog pác đông khác và có nhìu bài hay nữa :)

Aug 3, 2011, 7:54:00 AM
Admin Lạc Hồn Cốc

Bạn ơi mình muốn làm phần menu và head như bạn, bạn giúp mình được không, blog của mình:http://www.thegioiaudio.org/

Aug 3, 2011, 3:09:00 PM
Lee Peace ADMIN

@Lưu Hà Thư thả nha bạn, khoảng vài bữa nữa mình sẽ viết bài hướng dẫn và share luôn template mình đang dùng :)

Aug 3, 2011, 8:10:00 PM
Admin Lạc Hồn Cốc

He, được vậy thì tốt quá, cám ơn bạn trước nha

Aug 6, 2011, 12:57:00 AM
ChoiBlogs.blogspot.com

Có thể Bình Luật skin blog tui không ông anh ?

Aug 6, 2011, 8:55:00 AM
Lee Peace ADMIN

@ChơiBlog: Viết cảm nhận đâu phải là chuyện đơn giản đâu bạn, phải nghiên cứu kỹ về vấn đề cần cảm nhận và quan trọng là phải có hứng thú nữa thì mới được :)

Aug 9, 2011, 6:56:00 PM
Fiat Trịnh Xuân Thọ

Cứu với cứu với,

Chỉ dùm mình chỗ chỉnh màu cho cái menu bên dưới,mình muốn khi đưa chuột vô nó đổi màu:cam -> xanh thay cho:cam -> màu xám như hiện nay

Cảm ơn nhé

Aug 9, 2011, 7:01:00 PM
Lee Peace ADMIN

@Ngọn lửa nhỏ Tìm trong code menu, thấy a hover{ là OK, thay theo bảng mã màu tương ứng, không được nữa thì qua mình chỉ tiếp :)

Aug 9, 2011, 7:12:00 PM
Fiat Trịnh Xuân Thọ

Cậu View Source chỉ dùm tớ đi.À coi dùm tớ cái Slider tớ không dùng nữa thì cắt đi ở chỗ nào,tớ cắt đại mà không biết còn bỏ sót không

Aug 9, 2011, 7:23:00 PM
Lee Peace ADMIN

@Ngọn lửa nhỏ Cậu thay #464646 trong .catnav li ul a:hover { background:#fff; color:#464646; } xem thử.

Aug 9, 2011, 7:31:00 PM
Fiat Trịnh Xuân Thọ

Chưa được Bình ui

Aug 9, 2011, 7:43:00 PM
Lee Peace ADMIN

@Ngọn lửa nhỏ .catnav li ul a:hover { background:#fff; color:#1E90FF; } thay cái đó thử xem sao :)

Aug 9, 2011, 7:45:00 PM
Fiat Trịnh Xuân Thọ

Mình đã thay cái đó từ :color:#464646; sang #1E90FF; rùi mà nó vẫn trơ ra màu cũ à

Aug 9, 2011, 7:48:00 PM
Lee Peace ADMIN

@Ngọn lửa nhỏ Thử xem cách ở comment 43 nha :)

Aug 9, 2011, 9:00:00 PM
Fiat Trịnh Xuân Thọ

Cuối cùng thì cũng Ok,cảm ơn Thanh Bình

Aug 9, 2011, 9:02:00 PM
Lee Peace ADMIN

@Ngọn lửa nhỏ Hì, không có chi :)

Oct 25, 2011, 12:37:00 PM
Quyền

chào anh!hiện e cũng đang dùng template newcast của pác noct.anh cho e hỏi mình muốn chỉnh hình ảnh hiện thị trên trang chủ theo bài nhỏ lại thỳ sao ạ?

More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa