Sevida là một mẫu template đẳng cấp có giá 20$ trên themeforest. Nhiều chức năng và được thiết kế rất đẹp. Phù hợp với mọi mục đích sử dụng. Giao diện của Suối nguồn cuộc sống cũng chính là bản này đấy! Chỉ cần tùy biến một chút là bạn đã có một template thật đẹp và phong cách phải không nào!
Tên template: Sevida Responsive Blogger Template
Tác giả: satankMKR
Trang chủ tác giả: http://mkr-site.blogspot.com
Xem DEMO: Chính là trang suoinguoncuocsong.blogspot.com đây!
Phiên bản hiện tại của mẫu Sevida này là 1.4 Đã được update nhiều chức năng nữa nhưng mình chẳng có tiền xài! Các bạn xem demo phiên bản update tại đây: SEVIDA 1.6
Download: SEVIDA V1.2
Hướng dẫn sử dụng:
Tải lên mẫu như bình thường (Nhớ lưu template cũ đề phòng có vấn đề phát sinh!)
Trong file các bạn download về vào mục Documentations mở file index (bằng trình duyệt). Trong đó có chứa tất cả thông tin cài đặt template như: Điều chỉnh menu, thêm Featured post, Slider... tất cả đều có trong đó. Nếu có chỗ nào không hiểu hãy đặt câu hỏi, vì là template đang dùng nên có thể tớ sẽ giúp được chút gì đó. Chúc các bạn thành công và có một template ưng ý!
Mẹo sử dụng này!.gif "Khà khà!")
Hiển thị tốt nhất trên trình duyệt Chrome và Crom+
Vì template sử dụng rất nhiều scirip nên khá là nặng, lần đầu sẽ load tương đối lâu nhưng từ lần sau đã lưu cache nên load nhanh lắm!
Cái nữa là phần nguồn cấp dữ liệu trong cài đặt bạn nên để: "Đến chỗ ngắt nhảy" Như thế Blog sẽ load nhanh hơn!
Nên đổi màu khác cho riêng biệt, nhiều bạn cứ để màu xanh mặc định nên trông giống nhau!
Font tiếng việt không phải là mặc định (Tiêu đề bài viết, liên quan...) nên các bạn phải sửa lại. Font Blog mình đang dùng là Helvetica.
Các thắc mắc đã được giải đáp dưới comment. Vì vậy hãy chú ý đến cả phần comment bên dưới nữa nhé!
Tạm biệt hẹn gặp lại ở chương trình giới thiệu template lần sau
đẹp quá, cảm ơn bạn
Trả lờiXóaCó hai cách thay đổi như sau:
Trả lờiXóa1. Vào mẫu >>> Chỉnh sửa HTML >>> Bấm ctr+F để tìm màu xanh này: #007ABE Thay hết nó bằng các mã màu khác là xong.
2. Trước hết vào mẫu >>> Phần Điện thoại di động >>> Phần chọn mẫu cho DDTDDD chọn mục "Tùy chỉnh" >>> Lưu.
Rồi vào phần tùy chỉnh (Cạnh cái chỉnh sửa HTML như bên trên ấy) >>> Nâng cao >>> Ở đó có các mục khác và bạn tự chọn màu cho từng mục theo ý thích.
Good luck! :))
Vào bố cục >>> Tìm đến chỗ thêm tiện ích (Cái ô dài nhất và ở gần cuối ấy) add code này vào:
Trả lờiXóa<div id="webpost"></div>
<script type='text/javascript'>
jQuery("#webpost").RecentPostbyTag({
MaxPost:6,
FirstImageSize:"s220-p",
ImageSize:"s80-p",
tagName:"Web Design",
postType: "h",
MoreText: "View All About",
AjaxLoad: true,
MoreNumPost: 6
});
</script>
Thay "Web Design" thành nhãn muốn hiển thị.
Còn nữa! Bạn nên sửa lại link dẫn đến Profile Google+ của cậu. Tên tiếng Việt người khác khi bấm vào tên không thể dẫn đến trang G+ của cậu! (Thử bấm vào tên tớ bên trên và tên cậu sẽ thấy! (o) )
Trả lờiXóaÔ ngắn chính là để add mục TRUYỆN TRANH và GÓC THƯ GIÃN như ngoài trang chủ này. Code thì bạn mở file index lên xem trong đó nhé.
Trả lờiXóaBạn thử tìm tới dòng:
Trả lờiXóa#related_posts strong {
Rối sửa cái max-height: từ 30px thành 50px.
Vậy có thể khắc phục được phần tiêu đề bài đăng dài bị ẩn.
Còn phần ngày đăng và số nhận xét thì tớ chưa gặp nên không rõ là lỗi gì. Bạn đành tự nghiên cứu thôi! Bí quá thì ẩn nó đi như tớ!
Bạn phải thay thế thủ công thôi tìm font: Open Sans rồi sửa nó lại thành font mong muốn: Arial, Helvetica chẳng hạn.
Trả lờiXóaÀ tại bạn không đọc kỹ đấy, trong file index hướng dẫn hết cả rồi mà [-(
Trả lờiXóaĐơn giản thêm dòng ShowComment: false, Ở Widget mà bạn muốn ẩn ngày. Ngoài ra thì ẩn ngày: ShowDate: false,
Muốn hiển trở lại thì sửa thành true là được :-b
Đây:
Trả lờiXóa<div id="musicpost"></div>
<script type='text/javascript'>
jQuery("#musicpost").RecentPostbyTag({
MaxPost:6,
FirstImageSize:"s220-p",
ImageSize:"s80-p",
tagName:"Music",
postType: "v",
MoreText: "View All About",
AjaxLoad: true,
MoreNumPost: 6
});
</script>
Trong ví dụ trên hãy thay musicpost ( 2 chỗ ấy) bằng cái tên khác chẳng hạn là: cuocsong thì nó mới hiện thị.
Trả lờiXóaÍt nhất phải cho tớ xem code cậu dán vào widget đó thế nào chứ! Hoặc đưa địa chỉ blog để tớ xem qua thì mới biết lỗi gì đươc 8-)
Trả lờiXóaThay code này vào chỗ top thương hiệu xem:
Trả lờiXóa<div id="topthuonghieu"></div>
<script type='text/javascript'>
jQuery("#topthuonghieu").RecentPostbyTag({
MaxPost:6,
FirstImageSize:"s220-p",
ImageSize:"s80-p",
tagName:"TOP Thương Hiệu",
postType: "v",
MoreText: "View All About",
AjaxLoad: true,
MoreNumPost: 6
});
</script>
Không có gì!
Trả lờiXóaNhãn thì vào Bố cục >> thêm tiện ích >>> Nhãn là được ( Nó ở gần cuối đấy).
Trả lờiXóaPhần tiêu đề bạn quá dài thì có thể chỉnh sửa vào Css, nhưng mình thấy nó hơi xấu đi một chút. Hãy thử sửa như sau (Nhớ backup sẵn đề nhỡ sai xót hay không vừa ý thì có thể sửa lại nhé!):
Tìm tới dòng: .post .titlex (Ở kết quả đầu tiên bạn tìm được) Rồi sửa các thuộc tính sau nó lại như sau: line-height:1.2em, margin:3px 0 0;
Như vậy tiêu đề bạn đã hiện đầy đủ rồi đấy. Chúc thành công (p)
À hiểu rồi! Thêm dòng này: AjaxLoad: false, (Các type kia cũng được). Hồi trước ít bài thì tớ để load thêm, giờ nhiều bài nên không để thế nữa. Tùy mục đích sử dụng :-b
Trả lờiXóaBạn ơi cho mình hỏi, khi setup template chỉ có phần latest post làm sao để thêm những phần còn lại vào. Hướng dẫn mình với nhé !
Trả lờiXóaKhông biết code nên mò đâu đầu quá @-)
Thêm các thành phần còn lại bạn vào Bố cục >>> Thêm tiện ích
XóaTrong đó có nhiều tiện ích như: Bài xem nhiều, Nhãn, nhận bài mới....
Các mục như Fanpage, nhận xét mới hay các mục: Truyện, kiến thức, sức khỏe làm đẹp như trang mình thì là thêm HTML/Javascript rồi dán code vào. Code và cách điều chỉnh bạn xem lại các comment trên.
Nếu mắc chỗ nào thì quay lại hỏi. (o)
Mình chèn mấy cái javarscrip vào nó báo "No result! Or Error Loading Feed" là sao hả bạn. Bạn cho mình số điện thoại hoặc nick fb được không?
XóaMấy cái danh mục như sport hay music đó
Xin lỗi tớ không hỗ trợ qua face hay yahoo đâu! Chỉ làm việc tại Blog! Với lại Blog có sẵn chức năng notification như facebook nên nếu tớ online thì có thể hỗ trợ luôn.
Xóa"No result! Or Error Loading Feed" Là do "Nhãn" bạn điền chưa đúng đấy. Nhãn ở chỗ này: tagName:"Music", hãy thay Music thành nhãn bạn muốn hiển thị như: Thể thao, Ebook, Kỹ năng... PHải chính xác cả từng từ cả chữ viết hoa.
Trang mình nó bị như thế này nè bạn, làm sao khắc phục đây http://dailydenparagon.blogspot.com/.
XóaNó không hiện tên danh mục sp ra
Khả năng vẫn là do bạn điền chưa đúng nhãn. Nếu không có thể bạn chưa đăng ký feed cho Blog (Cái này mình nghĩ không cao, nhưng cứ thử xem sao, chỉ mất thêm vài thao tác không tốn quá nhiều thời gian). Bạn xem đăng ký feed ở đây: http://suoinguoncuocsong.blogspot.com/2013/12/cach-dang-ky-va-cai-dat-feedburner-cho-blogspot.html
XóaHãy đọc kỹ và làm như các hướng dẫn trong bài viết và xem thêm các comment thì dễ làm thôi mà, tớ thấy blog đó có 2 bài, quá ít cậu à!
Bạn cho mình hỏi, làm kiểu gì để có thông báo như trang của bạn vậy ạ.
Trả lờiXóaTèn ten: http://namkna.blogspot.com/2013/12/thong-bao-nhan-xet-moi-tren-blogger.html :))
Xóaok, thank bạn.
XóaRất đẹp .Bạn ơi cho mình hỏi cái là.Làm sao để hiển thị được giống trang kiến thức của bạn.Ý mình hỏi là khi kích vào chỗ kiến thức thì nó hiển thị ra được như trang chủ của cậu.TKS^^
Trả lờiXóaTớ chưa hình dung được câu hỏi của bạn :-?. Nếu có thể thì chụp ảnh màn hình lại điều bạn muốn hỏi thì tớ sẽ dễ chỉ hơn! (p)
XóaHoặc là đọc lại các comment bên trên ấy, cơ bản chỉ có vài bước cài đặt thôi mà!
Cậu có sửa gì trong phần mẫu - chỉnh sửa HTML không cậu.Thì khi kích vào phần kiến thức của cậu nó mới liên kết tới được các bài của cậu trong phần kiến thức.Thí dụ ở bài của bạn có các mục phần mềm,kiến thức.Thì khi kích vào mục kiến thức thì các bài đăng của phần kiến thức hiện ra.Khi kích vào phần phần mềm thì các bài đăng của phần phần mềm hiện ra.. :D tớ không phải dân công nghệ thông tin cho nên hỏi hơi chuối :D
XóaÀ hiểu rồi! Đó là thanh menu, đúng là phải vào chỉnh sửa HTML. Nhưng trước tiên bạn phải điền nhãn cho mỗi bài đăng đã. Nãy ghé qua Blog bạn cá bài đăng đều không được gắn nhãn.
XóaKhi đã gắn nhãn cho các bài đăng. Ví dụ ở Blog của bạn là "Tin tức" chẳng hạn. thì thay link: http://tienganhthantoc.blogspot.com/2014/01/top-10-ti-phu-kiem-tien-gioi-nhat-nam.html THÀNH: http://tienganhthantoc.blogspot.com/search/label/Tin tức
Vậy là được :-b
<3 Cám ơn cậu nhiều hem.Hi.Có gì hông hiểu tớ hỏi nha :)
XóaCứ tự nhiên. Tớ cũng không phải là dân IT, chỉ là đang dùng template này nên có chút kinh nghiệm thôi nhưng sẽ giúp trong khả năng cho phép (o)
XóaSuối nguồn cuộc sống Ơi bạn cho tớ xin code của mục bài " xem nhiều " với . TKS :-d
Trả lờiXóaCái tiện ích đó sẵn có của Blogger mà. Bạn chỉ cần vào bố cục >>> thêm tiện ích >>> Chọn cái "Bài đăng phổ biến" là được.
XóaĐó cũng là chỗ tớ đang mắc! Vẫn đang cố tìm hiểu nhưng chưa ra (p)
Trả lờiXóaCòn mục khám phá đất nước không hiện mấy dấu chấm dưới bởi đó là tiện ích cho slider ở đầu Blog mà. Trong template nó chỉ thiết kế ở vị trí đó tớ không biết can thiệp sao nữa. [-( Đây là phiên bản cũ nên chỉ có 1 vị trí slider, ở bản mới (1.55) có 2 slider đó! Dùng hàng share miễn phí nên chúng ta chấp nhận thôi, không thể đầy đủ chức năng như bản gốc được ;(
plz upload 1.55 ver
Trả lờiXóaSao mình không xóa được chữ "Powered by Blogger" vậy bạn? http://ihays.blogspot.com/
Trả lờiXóaTớ vào Blog đó thì đã thấy cậu xóa được rồi mà!
XóaCậu tìm tới dòng: .rcbytag.s ul.rcentpost strong a{margin:5px 0 0;font-size:13px;}
Trả lờiXóaSửa lại font-size cho vừa ý ( 15px là ổn)
Tớ đang dùng phiên bản 1.55 Update lên phiên bản này sẽ có. Cậu search trên mạng đi có nhiều người chia sẻ phiên bản này rồi.
Trả lờiXóaBanmj vào Cài đặt >>> Ngôn ngữ và định dạng: Chuyển ngôn ngữ về Tiếng Việt, Múi giờ Hà Nội GMT+7 với các tùy chỉnh khác ở mục này... (o)
Trả lờiXóaCái này mình cũng bó tay! Tớ cũng muốn xóa nó nhưng chưa tìm ra cách TT^TT.
Trả lờiXóaBạn ơi có thể share cho mình code cái notification (hình cái chuông bên trên) được không?
Trả lờiXóaVà cả phần comment face + G+ nữa với. Thanks
Bạn chịu khó đọc lại các comment nhé, tớ nhớ đã trả lời đâu đó bên trên rồi mà!
XóaBạn ơi, phiền bạn chỉ cho mình cách làm slideshow có hiệu ứng load bài như trang này nha, mình làm hoài mà hiệu ứng load nó không giống trang này: http://sevida-satankmkr.blogspot.com/
Trả lờiXóaSlides này ở phiên bản 1.55 (Mình đang share là bản 1.2). Bạn cứ tìm trên GG có nhiều người đã share rồi đấy!
Xóathanks bạn nhiều nha
XóaBạn cho mình hỏi, trên site của bạn, lúc mà mình bấm vô Xem thêm truyện chữ chẳng hạn, thì nó lập tức nhảy sang trang có url dạng search/label.....Còn đối với trang mình, khi bấm vào Xem thêm một mục nào đó của widget thì nó chỉ hiện ra thanh trượt để mình kéo xuống thôi chứ ko nhảy sang trang search dạng list giống bạn. Bạn chỉ mình cách khắc phục nhé. Chuyển về dạng Viewmore list giống site bạn. Thanks bạn
Trả lờiXóaBạn xem trong code ở widget đó có dòng này chưa, nếu chưa có thì thêm vào: AjaxLoad: false,
XóaNếu có rồi mà đang là giá trị true thì sửa thành false là được.
Mà mình đang sử dụng bản 1.55 thêm vào có đc ko bạn
XóaĐược mà. Tớ cũng đang dùng bản 1.55 đây!
XóaBạn share cho mình cái đoạn mã của mục kiến thức của bạn đi, mình vừa thử mà ko đc, bạn vào http:www.blognhimkieng.com xem thử
XóaMã của tớ đây:
Xóa<div id="horizontalpost1"></div>
<script type='text/javascript'>
jQuery("#horizontalpost1").RecentPostbyTag({
MaxPost:5,
tagName:"kiến thức",
MoreText: "Xem thêm",
ShowDate: false,
ShowComment: false,
AjaxLoad: false,
postType: "h"
});
</script>
À, rồi được rồi, mà bạn cho mình hỏi luôn, cái menu của mình, lúc click vào thì nó chỉ hiện ra có 9 post và 1 cái page navigation mà thôi, nhưng thực tế thì mục đó của mình có đến 16 post, nó chỉ hiện có 9 post gần nhất, bạn vào mục Tin tức trong trang đó xem dùm mình nhé
XóaĐợi chút để tới xem, cái này phải vào template kiểm tra, chắc mất vài phút!
XóaBạn xem lại đi. Mục tin tức của bạn chỉ có 9 bài nên nó chỉ hiện đủ 9 bài thôi!
XóaTrên cái menu đó, bạn nhấp vào cái menu đi, nó chỉ hiện có 9 bài, còn trên cái widget thì nó hiện đủ hết, 16 bài lận
XóaCậu đã đăng ký feedburner chưa? Nếu chưa làm theo đây: http://suoinguoncuocsong.blogspot.com/2013/12/cach-dang-ky-va-cai-dat-feedburner-cho-blogspot.html
XóaLàm đầy đủ các bước rồi kiểm tra lại xem.
mình chưa đăng kí, để làm thử, à mà bạn gửi cho mình cái đoạn code mục truyện chữ của bạn luôn nha, thanks bạn nhiều nhiều lắm á
Xóamục thư viện ảnh nữa bạn nhé
XóaĐây là mục kiến thức:
Xóa<div id="combinepost1"></div>
<script type='text/javascript'>
jQuery("#combinepost1").RecentPostbyTag({
MaxPost:5,
tagName:"truyện chữ",
AjaxLoad: false,
MoreText: "Xem thêm",
ShowDate: false,
ShowComment: false,
postType: "c"
});
</script>
Mục ảnh thì cậu phải làm theo như trong phần hướng dẫn kèm trong thư mục template: Đại khái của mình là thế này: [Thư viện ảnh][gallery1][recent][10]
Cứ tìm trong đó sẽ có hết mà.
Có gì cứ tự tìm hiểu thêm nhé, tớ phải out rồi. Có gì ngày mai sẽ support tiếp!
thanks bạn rất nhiều :)
XóaCái vấn đề menu, mình vẫn chưa khắc phục được bạn, thậm chí đổi thành code amp;max-results=10"' rel='tag'
Xóamà vẫn ko đc, chỉ hiện có 9 bài ở mỗi nhãn trên menu. Nếu bạn có thể, bạn share cho mình template suối nguồn của bạn nhé. Mail mình: petskingdombd@gmail.com. Cảm ơn bạn trước nhé.
Nhận xét này đã bị tác giả xóa.
XóaĐc phần này, mất phần khác, bạn cho mình xin template của bạn luôn nhé
XóaSorry! Cái này thì không được, cậu thông cảm nhé. Tớ chỉ hỗ trợ trong khả năng mà thôi. (o)
XóaAlu admin có online không. Giúp đỡ mình 1 chút với ạ.
Trả lờiXóaMình đang muốn thay menu dưới của theme sevida 1.2 bằng menu của http://bittuot.blogspot.com/2013/09/mega-dropdown-menu-dep-cho-webssite-blogspot.html
Admin và mọi người giúp đỡ mình với. Phải xóa code của menu cũ ở đâu......
P.s: Chứ chèn vào mà không xóa code của menu cũ thì vẫn được. Nhưng mấy hôm sau sẽ lỗi à.
Nhận xét này đã bị tác giả xóa.
Trả lờiXóaNhận xét này đã bị tác giả xóa.
XóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaBạn nào xin giúp mình với mình muốn làm thêm một thanh Latest post có xổ xuống như ảnh sau
Trả lờiXóahttps://1.bp.blogspot.com/-baxnZHqoPtI/VdbX7Z4gGlI/AAAAAAAAANg/H_YMWWbwe7Y/s320/Untitled.png
Bạn nào biết code xin giúp mình!
Cái đó tớ chịu!
XóaCảm ơn bạn đã chia sẽ template. Bạn có thể chỉ mình chỉnh độ rộng template này rộng ra chút được không.
Trả lờiXóahttp://bit.ly/1NqIxeI
Bác vào Blogger.com >>> Blog của bác >>> Mẫu >>> Tùy chỉnh >>> Điều chỉnh độ rộng
XóaBác điều chỉnh độ rộng theo ý thích tại đó (mặc định là 1010px).
cảm ơn bạn nhiều.
Xóamình cần chỉnh lại kích thước logo và banner làm cách nào giúp mình nhé
Trả lờiXóaGreat work
Trả lờiXóaGreat work
Trả lờiXóa