Blog Thiết Kế - Yahoo! Blog http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4 Hướng dẫn và giải đáp cho bạn những kĩ thuật trong việc sử dụng Yahoo! Blog, nơi bạn tìm thấy những theme đẹp, giúp bạn làm quen và tìm hiểu về cách tuỳ chỉnh Blog và học hỏi kinh nghiệm thiết kế Blog. en-us Wed, 16 Jan 2013 17:38:00 +0800 daily 3 Kỹ thuật nâng cao Blog Thiết Kế <![CDATA[Đăng ký dùng thử chuyển nhà từ Yahoo Blog sang Zing Blog]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/828149 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/828149 Tình hình là Cherries vừa được chị Bút chì nhờ việc này (hix, đến hạn chót rồi chị í mới nhờ), nên post lên đây share với các bạn luôn,

Sắp tới Zing Blog cần một số lượng lớn thành viên tham gia dùng thử chức năng import Blog từ Yahoo sang Zing Blog. Nên mời các bạn tham gia thử nghiệm chức năng này để cùng hoàn thiện sản phẩm được hoạt động tốt hơn.

Thông tin đăng ký bao gồm: Zing Id và Yahoo Id
Thời gian nhận đăng ký: đến hết ngày 16/01/2013.
Thời gian test: từ ngày 17/01/2013.

(Link: http://blog.zing.vn/jb/dt/blog/13542454?from=blog_community)

Khi tham gia thử nghiệm, nếu bạn phát hiện lỗi và thông tin về cho Zing Blog, bạn sẽ nhận được 300 điểm hoạt động tại Zing Blog.

Mọi thông tin mới nhất sẽ được chị Bút Chì liên tục cập nhật.



]]> Wed, 16 Jan 2013 17:38:00 +0800 Kỹ thuật nâng cao Blog Thiết Kế <![CDATA[Hướng dẫn tạo tài khoản và sử dụng Zing Blog]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/827877 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/827877 Sau Blogger của Google, hôm nay Cherries lại hướng dẫn các bạn cách đăng kí Zing Blog nhé:

1. Đăng ký tài khoản mới: Truy cập trang blog.zing.vn & vào mục Đăng Ký ở góc phải màn hình



Hoặc bạn có thể vào trực tiếp link: http://id.me.zing.vn/fs/register

Bạn nhập thông tin đăng ký như hướng dẫn và cập nhật thông tin qua 4 bước đơn giản, hoàn thành đăng ký là bạn có thể đăng nhập được ngay!

2. Viết Blog:

Tính năng viết blog được xây dựng khá hoàn chỉnh, được hỗ trợ định dạng phông chữ, các biểu tượng cảm xúc, hình nền, chèn nhạc, chèn hình ảnh, video, trang bìa…Góc phải phía trên giao diện là nút Viết Blog được thiết kế nổi bật, dễ thấy.



Nếu muốn trang trí thêm cho bài viết bạn có thể chọn trong kho Theme(nằm phía trên khung viết blog) đã được thiết kế theo sự kiện và chia sẵn theo chủ đề để trang trí cho blog thêm sinh động.




Ngoài ra, mục thể hiện cảm xúc của bạn đối với bài blog ở cuối mỗi bài viết, bạn có thể chọn một trong số những tiểu tượng đó để nói lên tình cảm của mình!




có thể tag bạn bè vào bài viết của mình hoặc chia sẻ lên Facebook


Các thư mục trang bìa, blog của tôi, blog yêu thích, blog có tôi....hoàn toàn tương tự như Yahoo Blog


trang blog của chị Bút chì - người sẽ hộ trợ cho thành viên Zing Blog

những bài viết hay/ nổi bật sẽ được đưa lên trang blog cộng đồng như này

Sau ngày 17/1, sau khi Yahoo Blog mở trang download các bài viết cũ  thì Zing Blog sẽ cung cấp tool & hướg dẫn chuyển nội dung qua nhà mới cho các bạn. Blog Thiết kế sẽ có bài hướng dẫn các bạn chuyển dữ liệu sang nhà mới sau







]]> Sat, 22 Dec 2012 17:36:00 +0800 Kỹ thuật nâng cao Blog Thiết Kế <![CDATA[Chuyển nhà qua Zing blog]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/827842 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/827842 Mấy hôm nay Cherries mày mò nghiên cứu Blog wordpress nhưng thấy nó hơi khó sử dụng. Nên Cherries có tìm hiểu qua blog của Zingme. Theo ý kiến riêng của Cherries thì blog Zing có nhiều điểm tương tự như blog của Yahoo!. Đối với một số bạn thích viết blog nhưng không quen với các thuật ngữ tiếng Anh thì blog Zing me là hợp nhất.




Giao diện chung khá giống với blog Yahoo! Còn chia blog theo từng chủ đề riêng như tình yêu, du lịch, văn học...


(ảnh do bạn Bút Chì cho mượn)

Như ảnh trên, cách viết bài, đăng bài, chỉnh sửa...đều tương tự Y! Blog, giao diện hoàn toàn bằng tiếng Việt nên rất dễ sử dụng.

Ngoài ra, Zing blog sẽ có công cụ hỗ trợ người dùng Y! Blog chuyển nhà từ Y!blog sang Zing Blog, nên mọi người không phải lo nhà cửa sẽ bị thất lạc nhé


(tag được bạn trong friendlist, và chia sẻ bài viết lên Facebook)

Zing Blog cũng rất tiện kết bạn. Ở Wordpress hay Blogger, thường bạn phải Follow blog thì mới được cập nhật của blog bạn thích. Zing Blog thì có chế độ "Kết bạn" để cập nhật bài viết từ blog mà bạn thích.  Ngoài ra, mỗi bài viết của bạn sẽ được hiện lên trang chủ Zingme của bạn và cả Facebook nữa. (Zingme: là trang mạng xã hội hàng đầu ở Việt Nam, không tính Facebook, vì em này thường xuyên bị chặn, còn Zingme thì vào phà phà bất cứ lúc nào ).

So với Blogger của Google hay Blog Wordpress thì Blog Zing có một ưu điểm mà Cherries đánh giá cao chính là Blog Zing có đội ngũ hỗ trợ cho người dùng giống như blog Yahoo! nên nếu có vấn đề gì thì các bạn có thể liên hệ với nhóm kĩ thuật của Zing, nhờ họ hỗ trợ. Trong khi Blogger và Wordpress hoàn toàn không có bộ phận hỗ trợ cho người dùng tại Việt Nam, nên nếu muốn kiện cáo gì cũng hơi khó

Nếu ở Blog Yahoo có chị Julie giúp đỡ mọi người, thì Zing Blog cũng có chị Bút chì để khi có trục trặc kĩ thuật mọi người có thể nhõng nhẽo, ăn vạ và thậm chí là cằn nhằn với chị í . Cherries có thử tò mò, lân la làm quen, thấy chị ấy khá là dễ chịu (hem biết có bà con gì với Julie nhà mình không), nên Cherries ủng hộ các bạn cứ "nhiệt tình" với chị í như với Julie nhà mình

(Mà nghe đồn Blogger Viết cũng đang rục rịch chuyển nhà sang Zing đó nhe )

Cherries đang ngâm cứu Zing Blog, sẽ có bài hướng dẫn các bạn sử dụng blog sau. Còn các bạn "pro" thì vào Zing sử dụng thử xem sao nhé

Thân
Cherries
]]> Thu, 20 Dec 2012 09:45:00 +0800 Kỹ thuật nâng cao Blog Thiết Kế <![CDATA[Hướng dẫn tạo tài khoản và sử dụng blogspot của Google]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/827703 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/827703
1. Tạo tài khoản Gmail
2. Vào link blogger.google.com

Click vào tiếp tục với Blogger để tiếp tục thực hiện các bước tạo blog



Bấm vào Blog mới để tạo blog



Đặt tên cho blog và tạo địa chỉ blog của bạn bằng cách điền tên mà bạn muốn đặt cho blog vào phần tiêu đề và địa chỉ.


Chọn 1 theme blog demon, sau đó click vào tạo blog và đợi trong khoảng 1 - 3 phút

5.1

Blog của bạn đã được tạo

5.2
Click vào biểu tượng cây bút màu cam để bắt đầu viết blog


Hoặc có thể click vào tab "Xem blog" để kiểm tra blog của bạn trước


Sau khi viết xong bài, click vào "Xuất bản" để đăng bài.
(Note: Blogspot cũng giống như Yahoo! Blog, nếu bạn copy bài viết từ blog của người khác hoặc từ 1 trang web nào đó, thì nên copy vào phần HTML để trình duyệt xoá hết những code cũ của bài  viết gốc.)


Click vào xem blog để xem bài viết của bạn


Ngoài ra, các bạn còn có thể chỉnh sửa thiết kế của blog theo như ý của mình:



 Click vào biểu tượng 2 hình chữ nhật chồng lên nhau, chọn bố cục


Nếu bạn không thích tab nào xuất hiện trong blog của mình thì có thể click vào chỉnh sửa để bổ sung những thông tìn cần, hoặc xoá bỏ hẳn.


Ở góc bên trái màn hình, click vào Mẫu để chỉnh sửa phông nền của Blog


Bạn có thể tuỳ ý chỉnh màu nền, phông chữ cho blog, sau đó, click vào "Áp dụng cho blog" để lưu lại tất cả chỉnh sửa của mình nhé.

Nhìn chung theo Cherries thấy thì blogspot của Google khá là dễ sử dụng và tiện cho các bạn nào không biết chỉnh sửa code. Có vấn đề gì thì các bạn cứ comment hỏi, Cherries sẽ cố gắng hỗ trợ các bạn trong thời gian còn lại này nhé.

Thân
Cherries


]]> Mon, 10 Dec 2012 13:44:00 +0800 thông báo Blog Thiết Kế <![CDATA[Blog Yahoo sẽ đóng cửa vào ngày 17/01/2013]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/827650 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/827650 Như các bạn đã biết, số phận của Yahoo đã được chính thức quyết định. Yahoo!Blog ngừng hoạt động vào ngày 17/01/2013.

Đây là điều mà không ai muốn chấp nhận nhưng lại chính là sự thật. Từ ngày blog được mở cửa trở lại, VN team đã cố gắng hết sức để xây dựng lại blog.  Nhưng không thể thay đổi được quyết định từ tổng công ty Yahoo!

Yahoo! sẽ có công cụ hỗ trợ các bạn download tất cả entry, comment, post từ blog của các bạn thành file nén và có thể upload lên các blog khác như wordpress hay blogspot của Google. Khi công cụ này hoạt động được , Cherries sẽ có bài hướng dẫn các bạn.

Đây là có lẽ lần cuối cùng Cherries có thể hỗ trợ được cho các bạn các vấn đề về kĩ thuật.

Thân
Cherries
]]> Fri, 7 Dec 2012 13:22:00 +0800 Thi thiết kế theme Blog Thiết Kế <![CDATA[[Thi thiết kế theme blog] Giáng sinh ấm áp & Năm mới an lành]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/826858 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/826858 Lâu rồi nhà mình hem có tổ chức thi thố gì, hôm nay Cherries lại tổ chức sân chơi cho các bạn trổ tài đây ^^

Chủ đề theme là "Merry Xmas & Happy new year".

Cách dự thi:

Các Blogger sẽ gửi theme dự thi về cho Blog Thiết Kế qua email blog_thietke@yahoo.com.vn với chủ đề email là “Bài dự thi thiết kế theme”, nội dung của bài thi sẽ gồm 2 phần:

1. Thông tin cá nhân của bạn (Họ tên, email, số điện thoại, địa chỉ).

2. Link tới entry dự thi.

Nội dung entry dự thi gồm 3 phần, các bạn sẽ đăng entry này trên Blog của mình và gửi link tới email Blog Thiết Kế:

1. Chủ đề thiết kế theme và cảm nhận của bạn về chủ đề đó (không cần dài đâu, ngắn gọn thôi nhé ^^).

2. Hình ảnh theme mẫu.

3. Code của theme.

Bài dự thi thiếu 1 trong 3 phần trên sẽ bị coi là không hợp lệ.

Blog Thiết Kế sẽ nhận bài dự thi từ ngày 19/11/2012 tới hết ngày 30/12/2012 nhé!

Sau khi chọn ra những theme đẹp nhất, ấn tượng nhất và có ý tưởng, chủ đề thiết kế hay nhất, Blog Thiết Kế sẽ đăng lên Blog để các blogger có thể xem và bình chọn 3 theme được giải.

Giải thưởng dành cho chủ nhân của 3 theme xuất sắc nhất là bộ sưu tập vật phẩm và bất ngờ của Yahoo!
Lưu ý:

Một Blogger có thể dự thi với nhiều theme khác nhau.

Các bạn phải đảm bảo theme dự thi phải là theme do chính bạn làm, nếu BTC phát hiện ra theme đó là do sao chép của Blogger khác thì bài dự thi đó sẽ bị loại.


Cherries


]]> Mon, 19 Nov 2012 11:39:00 +0800 Kỹ thuật nâng cao Tin tức công nghệ Blog Thiết Kế <![CDATA[Cách cài đặt và share full emoticon ngộ nghĩnh của Wechat]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/825615 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/825615 Tình hình là sau nhiều ngày cuồng loạn và mò mẫm Wechat Cherries đã biết cách chèn thêm những emoticon khá là ngộ nghĩnh để chat online bằng điện thoại (tất nhiên là ngoài ecmoticon thỏ Tzuki được cài sẵn của Wechat đó nha )

P.S: ID wechat của Cherries là dinhmigan, nhà mình ai đang xài thì add Cherries để tám cho vui nhá 
QR code của mình

Để opppa Gangnam style  hướng dẫn mọi người chèn thêm emoticon nhộn nhộn lúc chat trên Wechat nha


1. Bấm vào biểu tượng cảm xúc (hình mặt cười, ở góc bên phải
Fpiy6EeXA4s34zh52RsTJw

2. Vào custom/ tùy chỉnh
5cVOmBjOqoVjG__dcDDKIA

3. Sau đó bấm dấu cộng và chọn emoticon thích hợp, rồi send đi như lúc chat bình thường.

4cUmmgERbKsbWEZDNPOkcQ

Ngoài ra nếu bạn của mình gửi 1 biểu tượng nào khác, dễ thương, mà mình thích, thì mình cũng có thể save icon đó lại để lúc khác xài 
]]> Fri, 19 Oct 2012 19:21:00 +0800 Kỹ thuật nâng cao Shared theme Blog Thiết Kế <![CDATA[[Theme] Halloween xanh rùng rợn ^^]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/825609 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/825609





Code để chỉnh theme cho Blog:

Sau khi download file code của theme, bạn copy toàn bộ nội dung và dán vào widget nhé.

Enjoy your Halloween ^^]]> Fri, 19 Oct 2012 14:42:00 +0800 Kỹ thuật nâng cao Shared theme Blog Thiết Kế <![CDATA[[Theme] We♥chat xanh mơn mởn]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/825377 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/825377

*nói nhỏ* Vì sắp đến ngày 20/10 nên ưu tiên làm theme mang tính chất girly một tí cho chị em nhà mình nhé   *nói nhỏ*



Code để chỉnh theme
Chúc mọi người cuối tuần vui vẻ nhé
]]> Sun, 14 Oct 2012 15:36:00 +0800 Kỹ thuật nâng cao Blog Thiết Kế <![CDATA[Theme We♥chat xanh ngọt (continue)]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/825128 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/825128 Cả nhà mình đổi theme hết đê phủ xanh blog Yahoo luôn cho nó vui

*Note: hàng copy bên nhà chị PinkRed

Blog Demo:




Sau khi download file code của theme, bạn copy toàn bộ nội dung và dán vào widget nhé.

Have a nice day ^^

]]> Tue, 9 Oct 2012 11:24:00 +0800 Kỹ thuật cơ bản Shared theme Blog Thiết Kế <![CDATA[Theme We♥chat]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/824944 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/824944
Lâu rùi hem update gì cho blog, hôm nay Cherries đền cho các bạn theme mới: We♥chat nhé Dạo này bão liên tục, trời lúc nào cũng âm u, cả nhà mình thay theme này nhìn cho nó tươi sáng nhé
Demo Theme:





Code:

Các bạn download code theo link này nhé: http://www.mediafire.com/?o86k34lc6j3631w

Sau khi download file code của theme, bạn copy toàn bộ nội dung và dán vào widget.


Cuối tuần vui vẻ nhé các tình yêu


]]> Fri, 5 Oct 2012 11:43:00 +0800 Kỹ thuật cơ bản Blog Thiết Kế <![CDATA[Những điều cần lưu ý để bài viết không bị ẩn]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/824909 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/824909 1. Post ảnh minh họa cho bài viết:

- Khi muốn post ảnh minh họa cho bài viết, các bạn nên upload vào album ảnh trước, sau đó chèn ảnh từ album.



Không nên chèn ảnh từ các trang chưa được Yahoo đưa vào White - list, phổ biến nhất hiện nay là hình ảnh chèn từ imageshack, yume, upanh...hoặc nhạc. Danh sách các trang đã được Yahoo! white-list các bạn xem tại đây

Trong quá trình viết bài các bạn vô tình chèn các đoạn code cop ở đâu đó mà không hoàn toàn hiểu rõ nội dung, dẫn đến có thể chèn phải đoạn mã độc làm hệ thống nghi ngờ và block vài viết của các bạn.

2. Copy bài từ web khác:

Bài các bạn copy từ các trang web khác mà không xóa đi phần định dạng mặc định của trang web đó. Vì thế nên khi copy bài từ web khác, các bạn nên copy vào phần "Trình soạn thảo HTML", để xóa hết phần định dạng của web cũ, sau đó vào "trình soạn thảo văn bản trực quan" chỉnh sửa bài viết như bình thường.



3. Không nên đăng bài liên tục nhiều lần:

Bài đăng đi đăng lại nhiều lần: trong quá trình viết bài bạn cứ đăng rồi sửa rồi đăng lại nhiều lần, điều này cũng có thể dẫn đến bài bị ẩn. Khi các bạn đăng bài, internet load chậm thì cũng không nên bấm vào phần đăng bài liên tục.

4. Khi sửa bài viết:

Với bài viết đã đăng rồi, cần chỉnh sửa thì bạn click vào "Sửa" -> tiến hành chỉnh sửa bài viết  -> click "Xem trước" --> click "Đăng bài"

Trong trường hợp bài viết bị ẩn:

1. Có thể do lỗi hệ thống hoặc do đường truyền internet, bạn nên chờ trong khoảng nửa ngày hoặc 1 ngày, xem bài viết có hiện ra hay không.
2 Nếu sau 1 ngày mà bài viết của bạn vẫn còn bị ẩn, thì hãy đến blog VNteam nhờ chị Julie mở ra. Không nên đăng lại vì hệ thống đã ghi nhận lỗi trong bài viết của bạn.]]> Thu, 4 Oct 2012 10:26:00 +0800 Kỹ thuật nâng cao Tin tức công nghệ Blog Thiết Kế <![CDATA[Chat theo phong cách mới!!]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/824511 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/824511 Hôm nay Cherries chưa tìm được thủ thuật nào mới, chán quá nên đi lang thang trên mạng và tình cờ gặp một app dùng để chat trên điện thoại cực kì cool! Vội vàng viết ngay một bài giới thiệu đưa lên cho mọi người cùng xem và mày mò trong dịp cuối tuần. Qua tuần sau sẽ có 1 món quà đặc biệt mang màu xanh non tươi mát dành tặng cả nhà nha.

WeChat là một ứng dụng dùng cho những điện thoại có hệ điều hành iOS, Android, Windows phone,  Symbian…


Video chat

Ngoài những tính năng chat cơ bản bằng text, voice và video thì Cherries thích bộ emoticon của app này kinh khủng. Mấy bé rau củ dễ thương chưa nè, bé củ hành, bé cà tím lắc vòng, bé gấu trúc nhúc nhích động đậy <3


Emoticon dễ thương

Một tính năng mà Cherries nghĩ là rất phù hợp với blogger là tính năng “shake” và “look around” nè! Chỉ cần lắc điện thoại một cái, mình đã có ngay một người bạn mới rồi, blogger thì chắc ai cũng thích kết bạn rồi đúng không ^^

Còn với tính năng “look around”, mọi người sẽ thấy những người cùng sử dụng WeChat xung quanh mình và trong phạm vi bao nhiêu. Hay lắm nhé! Có khi đi ngoài đường, đang ở gần một bạn blogger thân thiết mà không biết thì WeChat có ích lắm đấy :D


“Look Around”

Cái “Drift Bottle” cũng hay ho không kém đâu, bạn chỉ cần chọn vô tính năng này, ra biển “mò” và nhặt về một chai chứa thông điệp từ một người bạn nào đó rồi trả lời là có ngay một người bạn mới, không thì thử thả một tin nhắn văn bản hoặc âm thanh ra biển coi có ai trả lời không nào!!


“Drift Bottle”

Nếu có điện thoại phù hợp thì các bạn download WeChat ở đây để dùng thử nhé! Bạn nào dùng thử và thấy hay thì nhớ comment cho Cherries nick để Cherries còn add nữa nha!

Hoặc nếu bạn nào muốn thử dùng trên PC thì cũng được đó, nhưng mà có thể hơi lag một chút đó ^^

Bạn download NET frame trước nè, sau khi cài đặt thì down thêm BlueStack và cài đặt WeChat nha, với BlueStack này bạn còn có thể download và cài đặt, chơi thử các game và app thú vị trên điện thoại mà không cần phải mua một cái smartphone đâu J

]]> Thu, 27 Sep 2012 12:38:00 +0800 Thiết kế Blog Thiết Kế <![CDATA[Những nhân vật Disney trong đời thực]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/824303 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/824303 Một dự án ngẫu hứng của hoạ sĩ minh họa Jirka Väätäinen tới từ Phần Lan. Bằng khả năng của mình họa sĩ cố gắng thể hiện những nhân vật nổi tiếng của Disney qua những gương mặt thật hơn.

 

 

Ariel trong The Little Mermaid (Nàng tiên cá)

 

 

 

 

 

Ursula trong the Little Mermaid

 

 

 

 

 

Belle from Beauty and the Beast (Người đẹp và quái thú)


 

 

 

 

Megara trong Hercules


 

 

 

 

Công chúa Aurora trong Sleeping Beauty (Người đẹp ngủ trong rừng)


 

 

 

 

Esmeralda trong the Hunchback on Notre Dame (Thằng gù nhà thờ Đức Bà)

 

 

 

 

 

Công chúa Jasmine trong Aladdin

 

 

 

 

 

Pocahontas


 

 

 

 

Mulan

 

 

 

 

 

Tiana trong Princess and the Frog (Hoàng tử Ếch)

 

 

 

 

 

Nàng bạch tuyết 

 

 

 

 

 

Cinderella

 

 

 

 

 

Rapunzel from Tangled (Công chúa tóc mây)

 

 

 

 

 

Alice from Alice in Wonderland

 

 

 

 

 

Jane trong Tarzan

 

 

 

 

 

Tinkerbell trong Peter Pan

 

 

 

 

iDesign sưu tầm từ Behance

]]> Sun, 23 Sep 2012 12:31:00 +0800 Shared theme Blog Thiết Kế <![CDATA[Theme: K-On]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/823896 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/823896

Có lẽ những bạn nào yêu thích anime và manga đều biết đến bộ anime nổi tiếng này nhỉ ^^
Cherries muốn chia sẻ cùng các bạn một theme sử dụng những hình ảnh đơn giản từ bộ anime này. Có một bạn đã nhờ Cherries giúp bạn thay đổi hình ảnh từ theme của blog thiết kế để làm theme K-on theo sở thích của bạn, và bạn cũng đồng ý cho Cherries share theme này luôn ^^
À tiện cũng cảm ơn bạn Hoàng Hùng vì code tổng hợp bài viết luôn nhé
Theme cũng khá đơn giản, dễ thương và ngọt

DEMO:




CODE:







Have fun ^^]]> Fri, 14 Sep 2012 21:30:00 +0800 Shared theme Blog Thiết Kế <![CDATA[Theme: Purple Girl]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/823893 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/823893 Hôm nay Cherries sẽ chia sẻ cùng các bạn một theme màu tím đơn giản và long lanh

DEMO:




CODE:


<style type="text/css">
<!--
html {background:#9900cc;}
body {
background:#9900cc url(http://direct1.anhso.net/original/16/168279/1492012143622993.gif) repeat center;color:#000;}
body{font-family:"Tahoma";font-size:13.5px;color:#000000;}
a:hover {color:#ff91ab;}
a {color:#ffffff;}
#article-listing .article .title, #article-single  .article .title{font-family:Vernada;font-size:22px;color:#fdc0ca;font-style:bold;}

#hd {background:transparent url(http://direct1.anhso.net/original/16/168279/149201215021685.jpg) no-repeat center;height:370px;border:none;}
#asb-header-ctn {display:none;}

#bd, #ft, #article-navigation, #article-single, #article-list, .widget, #emotion-carousel,#pagination-bottom, #article-supplement
{background:#9c00ce url(http://direct1.anhso.net/original/16/168279/1492012143622724.gif) repeat-y left;}


#ft {background:#9c00ce url(http://direct1.anhso.net/original/16/168279/1492012143622724.gif) repeat top center;margin-top:0px;}
.widget {border:1px solid #ffffff;}

#article-breadcrumb , #article-listing-toggle, #w-profile-status .status-bubble {display:none;}
#asb-menu {background:transparent;margin-top:335px;border:none;}
#asb-menu ul {border:none;background: transparent  url(http://direct1.anhso.net/original/16/168279/149201215020564.png) repeat-x center;}
#asb-menu li a {color:#ffffff;}
#asb-menu li.current a {color:#fba0d4;font-style:bold;}

#article-listing .article-listing-bd,
#article-listing .article-listing-ft,
#article-single .bd
{background:#9c00ce url(http://direct1.anhso.net/original/16/168279/1492012143622724.gif) repeat-y left;border:1px solid #ffffff!important;}

#article-listing .article{border-top:hidden;background:url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Tag/90.gif) no-repeat bottom center;}
#article-navigation,
#pagination-bottom,
#emotion-carousel,
#article-top-nav .collapse .article-nav,
.article-nav,
#article-carousel,
#article-top-nav .ft .action-carousel-show,
#article-carousel .ft .action-carousel-hide,
#article-bottom-nav .article-nav,
#article-supplement,
#ygubcmt textarea,
#comment-form,
#comment-list .comment-item:first-child,
#comment-list .first
#comment-list .reply-container
{background:transparent!important;}

#article-listing .img-wrap img {max-width:75%;float:left;padding:24px 0 0 26px;height:101px;width:118px;}
#article-listing .img-wrap {float:left;height:150px;width:170px;background:transparent;}
#article-listing .article .summary {text-align:justify;padding-top:15px;}
#article-single .comment-count .ico {background:url(http://direct1.anhso.net/original/16/168279/1492012164550715.png);width: 40px;height: 40px;}
.widget .hd {background: transparent  url(http://direct1.anhso.net/original/16/168279/149201215020564.png) repeat-x center;}

.yut-pg-container .pg-next {background:transparent url(http://direct1.anhso.net/original/16/168279/1382012105130489.png) no-repeat center;height:32px;width:32px;border:0px;}
.yut-pg-container .pg-previous {background:transparent url(http://direct1.anhso.net/original/16/168279/1382012105136228.png) no-repeat center;height:32px;width:32px;border:0px;}
.yut-pg-container .pg-next:hover {background:transparent url(http://direct1.anhso.net/original/16/168279/1382012105130489.png) no-repeat center;height:32px;width:32px;border:0px;opacity:.5;}
.yut-pg-container .pg-previous:hover {background:transparent url(http://direct1.anhso.net/original/16/168279/1382012105136228.png) no-repeat center;height:32px;width:32px;border:0px;opacity:.5;}
.yut-pg-container .pg-next .ico,
.yut-pg-container .pg-previous .ico {visibility:hidden;}
.yut-pg-container .pg-page, .yut-pg-container .pg-break {color:#ff6896;background:transparent url(http://direct1.anhso.net/original/16/168279/138201210513012.png) no-repeat center;border:0px;}
.yut-pg-container
.pg-current-page{color:#ff004e;background:transparent url(http://direct1.anhso.net/original/16/168279/1492012161542639.png) no-repeat center;border:0px;opacity:.6;}
.yut-pg-container .pg-page:hover,
.yut-pg-container .pg-break:hover {color:#ff004e;background:transparent url(http://direct1.anhso.net/original/16/168279/1492012161542639.png) no-repeat center;border:0px;}

-->
</style>



Các bạn cũng có thể thay hình ảnh đầu trang bằng hình mà bạn thích nhé!
Bạn tìm code #hd {background:transparent url(http://direct1.anhso.net/original/16/168279/149201215021685.jpg) no-repeat center;height:370px;border:none;}
và thay link http://direct1.anhso.net/original/16/168279/149201215021685.jpg bằng link hình ảnh mà bạn thích. Ở đây Cherries dùng hình ảnh có kích thước là 970 x 341, nên để không phải chỉnh sửa lại nhiều trong code, bạn nên sử dụng hình có cùng kích thước nhen

Cherries cung cấp sẵn một số hình nè, bạn có thể lấy và sử dụng:













Have fun ^^]]> Fri, 14 Sep 2012 18:07:00 +0800 Thiết kế Blog Thiết Kế <![CDATA[29 tác phẩm độc đáo kết hợp giữa minh họa và nhiếp ảnh]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/823797 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/823797 Ben Heine một nghệ sĩ sinh ra tại Bờ Biển Ngà, anh đã dùng ý tưởng và khả năng minh họa tuyệt vời của mình để tạo nên bộ ảnh Pencil vs Camera – Bút chì và Máy ảnh.





















































































Chúc các bạn vui khi thưởng thức những tác phẩm độc đáo này nhé

Nguồn: iDesign

]]> Wed, 12 Sep 2012 10:57:00 +0800 Kỹ thuật nâng cao Blog Thiết Kế <![CDATA[Thay đổi con trỏ chuột trên blog]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/823759 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/823759
Blog 

Thay đổi con trỏ chuột trên blog & Hiệu ứng thay đổi con trỏ khi rê chuột vào đường link

Cũng khá thú vị chứ nhỉ? Ta có thể làm điều này với code sau :

Code :

<style>
body {cursor:wait;}
a:hover {cursor:crosshair;}
</style>

Ghi chú :

- Ta có thể thay wait bằng kiểu con trỏ khác, con trỏ này là con trỏ mặc định trong blog.
- Thay crosshair bằng kiểu con trỏ sẽ xuất hiện khi rê chuột vào đường link.

Mình có một số kiểu con trỏ bạn có thể lựa chọn :

 wait

 crosshair

 pointer

 help

 move

 w-resize

 n-resize

 ne-resize

 nw-resize

Chúc cả nhà vui vẻ!
]]> Tue, 11 Sep 2012 16:15:00 +0800 Kỹ thuật nâng cao Blog Thiết Kế <![CDATA[Hiệu ứng danh sách bài viết dạng tổng hợp]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/823718 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/823718
Lâu lắc không post bài về thủ thuật blog rồi .  1 phần vì không có thời gian nhiều để online , 1 phần thì ngại đụng vào blog wa' . hihi . Mãi tới hôm nay mới rảnh rỗi viết bài nè .
P/s : Mình chia dạng bài viết này cũng hơi giống với phần tóm tắt bài viết ở trên trang chủ yahoo ! blog nhưng mỗi tội không có java thôi !
▼


- Và khi rê chuột vào bất kỳ 1 bài viết nào đó nó sẽ như thế này : ▼
Không hiểu sao khi PTS thì hình ảnh demo đẹp lắm mà khi up lên trang hình ảnh blog tôi thì nó vỡ lung tung khó nhìn quá . hjC hjC !

Code :
Hiệu ứng danh sách bài viết dạng tổng hợp - Hoàng Hùng
<style>
#article-list {float:left;padding:5px 0 5px 5px;}
.article-listing-ft{float:left;width:100%;}
#article-listing .article{float:left;width:316px!important;height:auto;margin:0 4px 4px 0;padding:0px;border:none;overflow:hidden;}
#article-listing .article .trackback-count, #article-listing .article .view-permission, #article-listing .article .actions, #article-listing .article .tag, #article-listing .article .summary-short, #article-listing .article .summary, #article-listing .emotion {display:none;}
#article-listing .article .divider{background:transparent;width:1px;height:1px;margin:0 8px;}
#article-listing .article .date {margin-left:9px;}
#article-listing .img-wrap img{display:block;height:240px!important;max-width:100%;width:310px!important;padding:2px;margin:0px;z-index:99991;border:1px solid #666;}
#article-listing .article .title {position:absolute;top:168px;width:308px;height:auto;line-height:16px;padding:2px 0 3px;margin:0 0 0 3px;font-size:17px;color:#00e5fa;border-bottom:1px solid #999;z-index:99999;}
#article-listing .article .title:hover {color:#FFF;}
#article-listing .article .category {position:absolute;top:205px;width:312px;margin:0 0 0 3px;padding:0px;z-index:99998;}
#article-listing .article .meta {position:absolute;top:160px;width:310px;height:16px;line-height:16px;padding:64px 0 2px;margin:0 0 0 3px;background:url(http://i1052.photobucket.com/albums/s455/hhung_photos/bg_article-list.png) repeat;z-index:99997;border-top:1px solid #000;}
#article-listing .article:hover .title {top:60px;z-index:99999;}
#article-listing .article:hover .category {top:97px;z-index:99998;}
#article-listing .article:hover .meta {top:127px;border-bottom:1px solid #999;padding:0 0 4px;z-index:99997;background:transparent;border-top:none;}
#article-listing .article:hover .summary-short {display:block;position:absolute;top:56px;width:302px;height:77px;font-size:13px;color:#FFF;text-align:justify;padding:104px 4px 5px;margin:0 0 0 3px;background:url(http://i1052.photobucket.com/albums/s455/hhung_photos/bg_article-list.png) repeat;border-top:1px solid #000;z-index:99992;}
#article-listing .article .more {top:90%;float:right;}
</style>

Lưu ý :Ở code này mình chia bố cục blog 1 cột lớn ( chiều rộng = 970px ) , nếu ai để bố cục  "2 cột" thì chỉnh 1 chút đoạn code này cho phù hợp với bố cục nhé (dòng thứ 3 của code đó ) :
*  *  *
#article-listing .article{float:left;width:316px!important;height:auto;margin:0 4px 4px 0;padding:0px;border:none;overflow:hidden;}

Chúc các bạn thành công !

Nguồn : Hoàng Hùng ]]> Mon, 10 Sep 2012 10:06:00 +0800 Kỹ thuật cơ bản Features Blog Thiết Kế <![CDATA[Cách sử dụng Theme Wizard mới]]> http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/823463 http://blog.yahoo.com/_HXET2HW73MFBHBRELKWKF7XRQ4/articles/823463 Tính năng mới Theme Wizard đã xuất hiện, nhưng còn chưa được hoàn thiện và chưa được cập nhật ở một số blog.
Vì vậy, trong bài viết này, Cherries sẽ hướng dẫn cách vào theme wizard đối với các blog chưa xuất hiện theme wizard này và cách sử dụng tính năng mới.

Đối với các blog chưa xuất hiện theme wizard, để xem tính năng mới này, bạn có thể dùng link sau:
http://blog.yahoo.com/blog.thietke/articles?detail
bạn nhớ thay phần http://blog.yahoo.com/blog.thietke bằng URL blog của bạn nhé!
Hoặc bạn có thể vào trang bài viết của mình và gõ thêm ?detail vào sau URL.

Để vào Theme Wizard, bạn click vào mũi tên nhỏ cạnh chữ bảng điều khiển và chọn "Trình Hướng dẫn Chủ đề". Lưu ý nhỏ là trình hướng dẫn chỉ hiển thị trong bảng điều khiển ở trang Bài Viết (Post) thôi nhé! Nếu bạn có dùng code giấu phần thanh menu chứa bảng điều khiển thì phải bỏ đi nhé, nếu không sẽ không thấy được Theme Wizard đâu



Trong trình hướng dẫn chủ đề này, có 2 phần chính là "Chủ đề" và "Tùy chỉnh", được chia thành 2 tab, bạn có thể chọn trên đầu trình hướng dẫn chủ đề.



Ở phần chủ đề là những theme mặc định của Yahoo! Blog giống như trong phần Chủ đề/ giao diện cũ. Các theme được chia thành nhóm thông dụng và hiện đại giúp bạn lọc dễ dàng hơn. Khi xem tất cả các theme thì bạn sẽ thấy có một theme mới so với giao diện cũ, đó là theme "Blog thị trường (hai cột)" Theme khá đơn giản và nhẹ nhàng.




Khi chọn vào tab tùy chỉnh, bạn có thể thay đổi cách bố trí cho trang blog, thay đổi các tiện ích widget, là nơi bạn sẽ bỏ code vào và thay đổi hình ảnh đầu trang cũng như hình nền cho trang blog.




Trong mục "Bố trí", bạn có thể chọn số cột cho blog và cách sắp xếp các cột, đây là một tính năng mới, giúp cho blog không chỉ giới hạn ở những giao diện truyền thống, mà còn cho phép bạn sáng tạo thay đổi các cột một cách dễ dàng hơn.




Mỗi khi bạn click vào một cách bố trí nào đó, thì phần xem trước blog bên phải sẽ hiển thị theo cách bố trí đó. Nếu đồng ý, bạn click vào nút chấp nhận ở trên, và nhấn nút quay lại nếu không chọn cách bố trí đó



Trong phần Tiện ích Widget, bạn chọn những widget sẽ hiển thị trong blog của mình bằng cách chọn vào ô bên cạch mổi widget nhé! Lưu ý là widget hồ sơ người dùng bắt buộc phải có trong mỗi blog nên bạn không bỏ bằng cách này được mà phải dùng code. Sau khi đã chọn, bạn click nút bố trí ở cuối để sắp xếp lại vị trí của các widget.




Sau khi click vào chữ bố trí, bạn sẽ thấy xuất hiện phần giúp bạn sắp xếp lại vị trí các widget bằng cách kéo thả.
Đối với nguồn bên ngoài, các bạn sẽ bỏ code vào bằng cách click vào chữ thiết lập.



Sau khi click vào chữ thiết lập, nguồn bên ngoài sẽ mở ra giúp bạn bỏ code vào. Bạn đặt tiêu đề vào ô "Tiêu đề" và bỏ code vào ô "nội dung".
Nhấn "cập nhật" để xem trước và chọn lưu lại nguồn bên ngoài.





Đối với phần hình ảnh trong tùy chỉnh, bạn có thể thay đổi hình ảnh đầu trang và hình nền. Để đổi hình, bạn click vào chữ thêm mới ở cuối trình hướng dẫn.



Điểm mới trong phần Thiết kế đơn giản này là tất cả các hình ảnh nền, ảnh đầu trang đã up lên sẽ được lưu lại tại cột bên trái, Khi nào muốn dùng chỉ cần click chọn. Sau khi chọn theme bên cạnh sẽ chuyển sang hình ảnh mới để dễ xem lại. nếu vừa ý lưu lại là xong.
Mong rằng trình hướng dẫn chủ đề mới này sẽ giúp bạn tùy biến trang blog của mình dễ dàng hơn nhé ]]> Wed, 5 Sep 2012 11:46:00 +0800