Thay tiêu đề widget bằng hình ảnh
Vậy có cách nào làm cho nó hấp dẫn hơn? Chúng ta sẽ sử dụng hình ảnh để thay thế cho các tiêu đề ở sidebar. Đối với những bạn rành về đồ họa, chẳng hạn như photoshop thì để tạo ra những ảnh đẹp là hết sức dễ dàng. Nhưng những người không có kỹ năng đồ họa như mình thì sao? Chúng ta vẫn có cách để làm cho tiêu đề ở sidebar độc đáo hơn. Xem DEMO ở ngay trang này.
Đầu tiên các bạn vào trang này.
Các bạn sẽ thấy giao diện như thế này:
Chọn font chữ bạn thích, các bạn sẽ được đưa đến trang có giao diện như thế này:
Ở đây các bạn gõ dòng chữ bạn muốn tạo theo chĩ dẫn của mũi tên, bạn chọn màu sắc chữ, màu nền theo ý mình, xong chỉ cần bấm nút Create Logo phía dưới, bạn sẽ được chuyển đến trang tương tự như thế này
Click chuột phải vào tấm hình theo hướng mũi tên để save lại, xong bạn upload lên host nào đó để lấy link hình.
Cơ bản đã xong phần tạo hình ảnh. Bây giờ bạn tìm trong template đoạn mã tương tự như thế này:
<b:widget id='HTML1' locked='false' title='Recent comments' type='HTML'>Bạn thay
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<data:title/> bằng
<img alt='Đoạn text hiển thị tiêu đề' src='link ảnh'/>Như vậy bạn muốn thay tiêu đề của tiện ích nào bạn cứ làm tương tự, chúc các bạn thành công.
38 comments
Công nhận dạo này Peace hay mày mò về Blogspot nhỉ, mình không am hiểu mấy. Thank for share!
@May Thy Hì, cũng còn kém lắm, cảm ơn đã động viên :)
Tiếp tục phát huy anh Peace ơi =D>
cố gắng chia sẻ nhiều thủ thuật hay nữa nha anh
mừng nhà mới, xong chưa anh Peace =))
@blue79blog: Vẫn còn đang điều chỉnh em à, tầm khoảng vài ngày nữa mới OK :)
giao diện mới hả bác
@[ND]o[SKT]: Đúng rồi, nhưng vẫn chưa hoàn thiện :)
em góp ý chút nha, cái recent comment anh nên để lộ ra ngoài để người comment còn có động lực để comment trên blog anh
@blue79blog: cảm ơn em, anh đã có dự định này rồi, sẽ chỉnh sửa liền :)
Cho hỏi động lực nào nói giúp để mình còn áp dụng? À cái vụ xin template của blue79blog mong bạn cho mình, để mình làm cái dự án này cái. Tại tài năng về Blogspot của mình có hạn nên ko nhái được của bạn :((
@[ND]o[SKT]: Đợi mình vài bữa nữa nha, khi xong việc mình sẽ share cái template newcast đã có tùy chỉnh, thân :)
Không phải template newcast bác Peace à, em thích cái tempalte của bác blue79blog :(
@[ND]o[SKT]: Trên mấy trang cung cấp template miễn phí mình đã giới thiệu cũng có cung cấp theme na ná như của blue đó, bạn có thể tìm mà :)
@[ND]o[SKT] : Ok, mình sẽ share cho bạn cái template của mình để làm dự án của bạn.
@blue79blog: Một nghĩa cử đẹp =D>
Có vẻ như tem pờ lát te mới đậm sắc thái hơn ấy. Nhìn rõ nét hơn nhà cũ.
He he,mới sơn lại nhà nhé,chúc mừng=D>
À,quên tớ là Thọ béo từ "ngọn lửa nhỏ"
@Trao yêu thương: thanks bác :))
Em thấy templates newCast bữa trước anh dùng khá đẹp, sao tự dưng lại chuyển qua dùng tem này thế>?
@D.N.H: Đúng là nó trông cũng khá, nhưng mình muốn tạo riêng cho mình một template nên không dùng nó nữa :)
Chào Thanh Bình,mình đọc được cái comm :Đã áp dụng bên blog của em. Bác Noct gắn liên kết cho em với nha, em đang xài thử Mazinseo của Tiến! http://english123.tk tại: http://noct-land.blogspot.com/2011/04/khung-thong-bao-cho-blog.html
Nếu bạn còn đang dùng Mazinseo thì bạn có thể cho mình nhận xét về temp này.Mình thử tốc độ của temp này với cái của Noct thì cái của Noct chạy nhanh hơn.Nhưng có thể do Mazinseo tích hợp nhiều tiện ích nên nó chậm hơn chăng ?
Mình thấy cái Mazinseo khá phù hợp về giao diện nên mình định dùng nó.Bạn đã dùng rồi cho mình nhận xét nhé
Cảm ơn bạn
@ Ngọn lửa nhỏ: Đúng rồi, Mazinseo load chậm hơn vì có nhiều tiện ích. Cái này xài cũng được nhưng phải trả phí và đó là vấn đề cần cân nhắc. Mình nghĩ bạn có thể kiếm cái free template về edit lại là xài Ok mà :)
Edit template ư ? Ngay cả mấy cái tiện ích có hướng dẫn sẵn mà mình còn lò mò muốn chết.
Hì, thì phải làm từ từ thôi :)
Ưh,từ từ thui. Biết đâu 1 ngày lại khôn được chút
Uh, đúng đó, mình cũng phá thành công một số cái template rồi, nghịch hỏng lung tung mới khôn ra một chút, không cần mua mazinseo đâu, có khá nhiều template free ngon mà, mình mới kiếm được một cái ở trang btemplate, peace trao đổi liên kết với mình nhé
Mà sao sidebar của bạn xanh lè thế
Cái temp mới của bác nhìn có vẻ ko ngon bằng temp cũ bác ạ!
@Linh Dung Đang còn edit mà bác! :))
e thấy các màu chưa hài hòa với nhau lắm! à a ơi blog e hôm nay tự nhiên có 9 site link, vui quá a à
Peace chỉnh màu nhẹ lại tí là được. Mấy gam màu hơi nổi nên đậm đà sắc thái.
Cám ơn bạn đã chia sẽ. :))
Hi, tình hình là độ rộng và cao của widget bị hạn chế nên hình ảnh không khớp,nhờ bác chỉ giáo code tự động chèn anht tiêu đề khớp với độ rộng sidebar
:D)
@Born to Trade Cái này bác chỉ cần chỉnh kích thước lúc tạo logo sao cho phù hợp với sidebar là được mà :1)
@Lee Peace các temp khác bình thường,ngặt nỗi em Simplex bị vỡ Layout nên ảnh ko ngay ngắn
@Born to Trade Simplex dễ bị vỡ layout lắm :1)