Handmade

Công nghệ

Làm đẹp

Được tài trợ

Kết quả tìm kiếm

06 March 2017

Cách móc mũ vương miện công chúa tóc vàng

Lời giới thiệu: Cách móc vương miện công chúa

Con gái là bảo bối, là cô công chúa bé nhỏ của mẹ, có mẹ nào thích làm vương miện công chúa cho con gái không nhỉ? Bài này web sẽ hướng dẫn các bạn làm vương miện công chúa bằng len sợi cho bé, các bạn có thể làm riêng phần vương miện cho bé đội hoặc làm thêm cả phần mũ giả tóc vàng cho bé thêm ngộ nghĩnh, đáng yêu. Mũ vương miện công chúa tóc vàng làm rất dễ, nguyên liệu chuẩn bị rất đơn giản và thực hiện các mũi móc cơ bản là các bạn đã có thể làm được chiếc vương miện công chúa siêu đáng yêu này rồi nhé.

02 March 2017

Cách làm bánh bông lan sữa chua không cần lò nướng

Lời giới thiệu: Bánh bông lan sữa chua

Bánh bông lan sữa chua làm cực nhanh, đơn giản dành cho những người bận rộn hoặc chưa có nhiều trang thiết bị để làm bánh. Bánh bông lan sữa chua chỉ cần mất ít phút chuẩn bị và vài thao tác đơn giản là có thể hoàn thành món bánh bông lan sữa chua cực ngon này. Đúng như tên gọi bánh bông lan sữa chua của nó, bánh ăn bông xốp mềm mại ngọt nhẹ nhàng vừa tan trong miệng, tuy bánh không được bông xốp hẳn như các bánh gato, chifon khác nhưng với nguyên liệu đơn giản cùng vài thao tác làm bánh cơ bản thì bánh bông lan sữa chua lại là sự lựa chọn tuyệt vời cho những người mới bắt đầu học làm bánh, cho các bé trổ tài cùng bố mẹ, cho những ngày bận rộn thèm 1 chút ngọt ngào.

01 March 2017

Cách làm bánh mì trứng Hàn Quốc cực ngon

Lời giới thiệu: Egg bread (Gyeran ppang)

Bánh mì trứng Hàn Quốc Gyeran ppang quả là sự lựa chọn hoàn hảo cho những ngày bận rộn. Bánh mì trứng Hàn Quốc không những làm cực nhanh mà mùi vị của bánh mì trứng Hàn Quốc không thể chê vào đâu được. Bánh mì trứng Hàn Quốc ăn nóng rất ngon, vào những ngày bận thì bánh mì trứng Hàn Quốc là một bữa sáng tuyệt vời, đầy đủ dinh dưỡng và cực ngon với sự hòa quyện của trứng, phô mai, xúc xích, hành lá, hạt tiêu và lớp bánh bông xốp ngọt ngào. Bài này web sẽ hướng dẫn các bạn làm món bánh mì Hàn Quốc siêu dễ, siêu nhanh bao siêu ngon này nhé.




Cách làm Caramen Flan
Cách làm kem Rhum nho
Cách làm kem đậu xanh

Chuẩn bị: (6 khuôn bánh đướng kính 10cm)

- 80gr đường trắng
- 2 quả trứng gà
- 2 tbs bơ chảy (30ml bơ đun chảy )
- 2 tsp bột nở (baking powder)
- 140gr bột mì
- 120ml sữa tươi không đường
- 1/4 tsp muối

* Phần nhân phủ bánh:

- 6 quả trứng gà
- 50-100gr phô mai bào mỏng (tùy sở thích)
- 100gr xúc xích
- 1/4 tsp hạt tiêu
- Hành lá



Các bước thực hiện:

 Xúc xích thái lát mỏng, phô mai bào mỏng


 Bật lò 200 độ C, nướng bánh khay giữa

 Bột mì rây mịn trộn đều cùng bột nở, muối

 Dùng máy đánh trứng hoặc phới lồng cầm tay đánh bông trứng với đường cho đến khi đường tan hết, cho tiếp bơ chảy và sữa tươi vào hỗn hợp trứng trộn thật đều rồi đổ hỗn hợp bột vào trộn nhẹ nhàng, trộn nhẹ tay cho đến khi bột vừa hòa quện vào hỗn hợp trứng thì dừng tay (tránh trộn bột lâu sẽ làm bột bị chai, bánh nở kém), chia đều hỗn hợp bột vào các khuôn bánh (nếu không có sẵn khuôn to các bạn có thể chia đều ra nhiều khuôn nhỏ hơn hoặc dùng bát con ăn cơm làm khuôn như mình). Có thể bôi một lớp mỏng bơ trong lòng khuôn để chống dính hoặc dùng cốc giấy mềm vừa với khuôn để lót chống dính)


 Sau khi chia hỗn hợp bột đều vào các khuôn thì mỗi khuôn ta đập 1 quả trứng phủ lên mặt bánh, tiếp đến xếp nhẹ nhàng xúc xích lên trên bề mặt bánh rồi rắc phô mai lên trên cùng.


 Lò đủ nhiệt độ ta cho khay bánh vào nướng khoảng 12-15p tùy theo sở thích ăn trứng lòng đào hay trứng chín hẳn, khuôn to hay khuôn nhỏ cũng ảnh hưởng đến thời gian nướng lâu hay mau) bánh chín vàng mặt ta nhấc khay bánh ra khỏi lò, nhanh tay rắc hạt tiêu, hành lá rồi bỏ vào lò nướng thêm 1p nữa là đạt.


 Bánh chín vàng mặt, thơm lừng hành lá hạt tiêu, phô mai. Bánh nở bông xốp, trứng chín tùy sở thích, ăn béo ngậy của trứng phô mai ngọt ngào của lớp bánh lẫn đậm đà của xúc xích phô mai kèm sự kích thích vị giác của tiêu và hành lá. Bánh ăn nóng rất ngon, nếu để nguội trước khi ăn các bạn chọc vỡ lòng đỏ trứng rồi quay lò vi sóng khoảng 20-30s lại ăn nóng. Bánh nên ăn hết trong ngày, để lâu trứng lòng đào dễ gây đầy bụng.






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

Xem thêm :
Cách làm bánh muffin chuối
Cách làm bánh chuối nướng siêu ngon tại nhà
Cách làm mận xào gừng
Cách làm nước quả thanh long nguyên chất cực ngon
Cách làm bánh trái cây đậu xanh nổi tiếng của Thái Lan
Cách làm trà sữa Thái Lan

25 February 2017

Hướng dẫn cách móc túi xách tay YSL

Lời giới thiệu: YSL Clutch bag
Đã bao giờ bạn nghĩ có thể tự tay làm một chiếc túi đeo cho riêng mình bằng sợi móc chưa nhỉ? Đến bây giờ mình vẫn chưa thể tin được là mình có thể móc được 1 chiếc túi hợp thời trang như vậy đấy. Móc túi xách không hề khó, chỉ cần chút kiên nhẫn tỉ mỉ là bạn hoàn toàn có thể móc được 1 chiếc túi của riêng mình. Bài này web sẽ hướng dẫn các bạn từng bước từng bước làm chiếc túi xách gần giống với chiếc túi xách thời trang nổi tiếng của hãng Yves Saint Laurent này nhé, tác phẩm đầu tay đường kim mũi chỉ chưa được đều nhưng sẽ có rất nhiều ý nghĩa và bạn sẽ nhận ra được mình có thể làm nếu mình muốn, fighting! 







Xem thêm:

Cách móc lót ly
Các mũi móc cơ bản
Cách móc cơm nắm nhật


Chuẩn bị: 

- 2 cuộn sợi thô cùng màu 1,5mm (màu theo sở thích)
- Kim móc 2,5mm
- 1 tấm lót nhựa canvas 36x25cm lót túi
- Vải lót túi (ở đây mình dùng miếng vải thô hoa tối màu có sẵn)
- Kim định vị
- Kim khâu len
- Kim khâu, chỉ cùng màu vải lót
- Kéo cắt chỉ
- Khóa nam châm nút hít dành cho làm túi xách
- 1 mét dây xích làm quai túi kèm 2 móc càng cua
- 2 khoen chữ D
- Logo trang trí YSL



Các bước thực hiện:


*** Kí hiệu:



Ch: mũi bính
X: mũi đơn
W: 2 mũi đơn chung 1 chân
3x, 5x, ...nx: 3 mũi đơn liên tiếp vào 3 chân liên tiếp, 5 mũi đơn liên tiếp vào 5 chân liên tiếp, ... n mũi đơn liên tiếp vào n chân liên tiếp



A. Phần nắp túi, thân túi:

Xem thêm video hướng dẫn móc phần nắp túi:


H1: Tạo vòng tròn ma thuật rồi móc x, x, ch, x, x rồi quay ngược lại (turn) móc h2 vào chân phía sau (móc vào chân phía sau sẽ tạo được đường gân đẹp mắt cho túi xách)

H2: ch, w, x, x ch x, x, w, một mũi đơn x ngoài lề (lưu ý "x ch x" là cùng chung 1 chân) (turn)

H3: ch, w,  3x, x ch x, 3x, w, x (3x là kí hiệu 3 mũi đơn liên tiếp móc vào 3 chân liên tiếp) (turn)


H4: ch, w, 5x, x ch x, 5x, w, x (turn)

H5: ch, w, 7x, x ch x, 7x, w, x (turn)

H6: ch, w, 9x, x ch x, 9x, w, x (turn)

H7: ch, w, 11x, x ch x, 11x, x (turn)


H8: ch, w, 13x, x ch x, 13x, x (turn)

H9: ch, w, 15x, x ch x, 15x, x (turn)

H10: ch, w, 17x, x ch x, 17x, x (turn)

H11: ch, w, 19x, x ch x, 19x, x (turn)

H12: ch, w, 21x, x ch x, 21x, x (turn)

H13: ch, w, 23x, x ch x, 23x, x (turn)

H14: ch, w, 25x, x ch x, 25x, x (turn)

H15: ch, w, 27x, x ch x, 27x, x (turn)

H16: ch, w, 29x, x ch x, 29x, x (turn)

H17: ch, w, 31x, x ch x, 31x, x (turn)

H18: ch, w, 33x, x ch x, 33x, x (turn)

H19: ch, w, 35x, x ch x, 35x, x (turn)

H20: ch, w, 37x, x ch x, 37x, x (turn)


 Phần nắp túi tạo vừa đủ ta tiếp tục quay ngược lại móc tới phần thân túi, phần thân túi ta không lên thêm mũi bính, không móc thêm 2 mũi đơn chung 1 chân ở 2 đầu cho đến khi độ dài túi vừa ý.

 Video hướng dẫn móc phần thân túi:




H21: 39x, x ch x, 39x (turn)

H22 ....H74: 39x, x ch x, 39x (turn)

H75: móc mũi đơn (x) xung quanh toàn bộ sản phẩm phần A vừa móc xong

Đặt phần A vừa móc xong lên tấm canvas rồi dùng kéo cắt tấm canvas vừa khít với phần A, tiếp tục móc hàng 76 cùng với tấm canvas vừa cắt như hình ảnh, móc mũi đơn (x) xung quanh toàn bộ phần A, dùng mũi trượt kết mũi rồi cắt sợi, ta đã móc hoàn thành phần nắp túi và thân túi (việc lót tấm nhựa canvas sẽ giúp cho sản phẩm cứng cáp, không bị xô sợi len)




* Khi hết 1 cuộn sợi, để bắt đầu cuộn sợi tiếp theo các bạn chừa lại 1 đoạn sợi khoảng 10-15cm ở cuộn cũ rồi thắt 1 mũi bính ở đầu sợi cuộn thứ 2, dùng kim móc móc sợi tiếp tục như hình vẽ, chú ý giấu chỉ vào giữa các mũi móc cho sản phầm túi được đẹp và chắc chắn.


B. Phần cạnh túi (làm 2 cạnh)

H1: Móc 8 mũi bính, quay ngược lại móc 6 mũi đơn từ chân mũi bính thứ 2 tính từ que móc (turn)

H2: 6x (turn)

H3 ... H24: 6x (turn)

H25: móc mũi đơn (x) xung quanh phần B vừa móc xong


Đặt phần B lên tấm canvas còn thừa, dùng kéo cắt tấm canvas vừa khít với phần B, tiếp tục móc hàng 26 cùng với tấm canvas vừa cắt, móc toàn bộ mũi đơn (x) xung quanh toàn bộ phần B, dùng mũi trượt kết thúc mũi, chừa ra 1 đoạn sợi dài để còn khâu ráp túi.


C. Phần quai túi: (2 quai)

H1: Móc 8 mũi bính, quay ngược lại móc 6 mũi đơn từ chân mũi bính thứ 2 tính từ que móc (turn)

H2: 6x (turn)

H3: móc mũi đơn (x) xung quanh phần C vừa móc xong

Luồn khoen chữ D vào giữa phần C rồi chụm 2 đầu móc ráp 2 đầu lại với nhau bằng 3 mũi đơn, dùng mũi trượt để kết thúc, chừa lại 1 đoạn sợi dài để khâu ráp vào thành túi.


D. Khâu lót túi

 Dùng vải lót màu phù hợp với túi theo sở thích, đặt phần A và phần B lên trên mặt vải, dùng phần vẽ lên vải theo hình A và B cộng thêm 2cm mỗi chiều rồi dùng kéo cắt. Cắt thêm 1 mảnh vải kích cỡ khoảng 20x20cm để làm túi phụ đựng điện thoại (có thể không cần cũng được)


 Dùng kim định vị vải cố định vào phần lót, miếng vải làm túi gấp đôi lại để mặt phải vải ra ngoài, gấp giấu các mép vải rồi dùng kim định vị vải làm túi vào miếng vải lót, dùng kim khâu hoặc máy may may cố định túi phụ trước.


 Phần A thân túi trước khi khâu vải lót phải được lắp khóa nam châm ghim cố định vào tấm nhựa canvas, phần nam châm phải được lắp vào trước khi khâu lót vải. Phần kim loại ở nắp túi sẽ được ghim vào tấm vải lót nên khi ta khâu lót đến phần nắp túi thì lúc đấy sẽ thực hiện phần gắn khóa kim loại.




Dùng kim định vị cố định vảo lót vào phần A và phần B, dùng kim khâu giấu chỉ khâu chắc chắn toàn bộ tấm vải lót vào A và B.

Video hướng dẫn khâu giấu chỉ:



E. Ráp túi

Video hướng dẫn khâu ráp túi:


 Dùng kim khâu len sợi ráp phần B vào phần A như hình vẽ, sau khi ráp xong còn phần chỉ thừa ta thắt nút thật chặt rồi dùng kim khâu luồn sợi rồi giấu sợi vào trong thành túi, cắt phần chỉ thừa. Ráp phần C vào túi móc là hoàn thành sản phẩm.


 Đeo quai kim loại vào túi, ghim trang trí kim loại vào phần nắp túi là ta đã hoàn thành sản phẩm túi đeo chéo thời trang đẹp mắt và tiện lợi. 







Để làm 1 chiếc túi xách đeo như vậy không hề khó, các bạn có gì không hiểu cứ để lại tin nhắn mình sẽ giải đáp mọi thắc mắc, chào mừng các bạn đến với thế giới diệu kì của len sợi và chúc các bạn thành công!

Xem thêm:


22 February 2017

Hướng dẫn cách tạo trang lỗi 404 với hộp tìm kiếm đẹp cho Blogspot

Với những trang lỗi 404, nếu không được tùy chỉnh gì thì nó thật sơ sài và chán ngắt ^_^ Vì thế, với mục đích làm đẹp trang 404, thì mình sẽ hướng dẫn các bạn cách tạo trang lỗi 404 với 1 hộp tìm kiếm đẹp cho Blogspot của bạn.

Thay trang lỗi 404 bằng hộp tìm kiếm đẹp cho Blogspot

Trang lỗi 404 là gì?

Là trang sẽ xuất hiện mỗi khi người dùng truy cập vào web nhưng địa chỉ này không tồn tại, có thể đường dẫn này là của 1 bài viết cũ đã bị xóa, cũng có thể đó là 1 đường dẫn chưa từng tồn tại, do người dùng gõ nhầm. Trang 404 sẽ thông báo cho độc giả biết rằng bài viết đã bị xóa hoặc đường dẫn chưa từng tồn tại, và độc giả nên vào 1 đường dẫn khác.

Lợi ích của trang 404 là gì?

Như đã nói ở trên, trang 404 thông báo cho người dùng biết rằng đường dẫn này đã không tồn tại hay không còn tồn tại nữa. Ngoài ra trang 404 giúp thông báo với các bots tìm kiếm trang không tồn tại và điều hướng bots trên web, việc không có trang 404 sẽ làm cho website bị đánh giá thấp vì quá nhiều đường dẫn không tồn tại và báo lỗi.

Hướng dẫn cách tạo trang lỗi 404 với hộp tìm kiếm đẹp cho Blogspot

Vì trang 404 mặc định nó sẽ chẳng có gì, nhìn sẽ mất cảm tình. Vì thế, với thủ thuật blogspot này, mình muốn đưa 1 hộp tìm kiếm vào trang này, nhằm giúp người dùng tìm kiếm nội dung mình cần thông qua nó nếu gặp phải trang lỗi 404.

Trang lỗi 404 tùy chỉnh

- Truy cập vào trang quản trị Blogger

- Vào Cài đặt (Settings) -> Tùy chọn tìm kiếm (Search preferences):

Tùy chọn tìm kiếm (Search preferences)

- Tại mục Lỗi và chuyển hướng (Error and redirections) -> Không tìm thấy trang tùy chỉnh (Custom page not found), thêm vào đoạn code sau:

Không tìm thấy trang tùy chỉnh

<style>
#search-button-links1 {
    position: relative;
    top: 0;
    right: 0;
    height: 60px;
    width: 580px;
    font-size: 18px;
    color: #000;
    text-align: center;
    text-decoration:none;
    line-height: 42px;
    border-width: 0;
    background-color: #5caddf;
margin:5px;
    cursor: pointer;
}
#search-box1 {
    position: relative;
    width: 100%;
    margin: 0;
}
#search-form1 {
    height: 40px;
    border: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
}
#search-text1 {
    font-size: 14px;
    color: #ddd;
    border-width: 0;
    background: transparent;
}
#search-box input[type="text"] {
    width: 90%;
    padding: 11px 0 12px 1em;
    color: #333;
    outline: none;
}
#search-button1 {
    position: absolute;
    top: 0;
    right: 0;
    height: 42px;
    width: 80px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    border-width: 0;
    background-color: #4d90fe;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
}
</style>
<div id='search-box1'>
  <form action='/search' id='search-form1' method='get' target='_top'>
    <input id='search-tex1t' name='q' placeholder='Tìm kiếm trên huongdantulam.com' type='text'/>
    <button id='search-button1' type='submit'><span>Tìm kiếm</span></button>
  </form>
</div>
<p style="color:#e33633; font-family:verdana, sans serif; font-size:16px; padding:24px; text-decoration:none">Trang này đã được xóa hoặc chưa từng tồn tại - Vui lòng truy cập <a href="http://huongdantulam.com">DIY</a>
Bạn có thể thay các đoạn chữ và link màu xanh tùy theo ý của bạn nhé, hoặc để nguyên đó mà xài thôi.

- Sau khi chỉnh sửa xong thì lưu lại. Và hãy kiếm tra web của bạn bằng 1 đường dẫn bất kỳ để dẫn tới trang lỗi 404 xem. ^_^

Hướng dẫn tạo widget xếp hạng bình luận (Top commentators) cho Blogspot

Widget xếp hạng bình luận (Hay top commentators) sẽ xếp hạng các blogger bình luận nhiều nhất trên blog của bạn, cung cấp cho bạn chi tiết số bình luận của blogger đó trên website bạn trong khoảng thời gian nhất định.

Tạo widget xếp hạng bình luận (Top commentators) cho Blogspot

Lợi ích gì từ bình luận và widget xếp hạng bình luận?

Bình luận là một phần của Blogspot, việc bình luận nhiều giúp cho nội dung bài viết được tươi mới trong mắt bots và tạo ra sự trao đổi, tương tác giữa những người dùng trong blog. Trang blog có càng nhiều bình luận thì càng tốt, tương tác càng nhiều, càng chất lượng, sẽ giúp chúng ta hỗ trợ cho việc SEO Blogspot dễ dàng hơn.

Widget xếp hạng bình luận ngoài việc cho mọi người biết những ai tương tác nhiều trên blog này, thì nó còn giúp níu giữ độc giả. Bạn có cảm thấy hãnh diện khi thấy mình nằm trong danh sách này ở một blog lớn không? Và vô hình chung, việc xếp hạng bình luận này có thể tạo sư ganh đua giữa những độc giả bằng cách comment trao đổi để thay đổi xếp hạng của mình ^_^

Đây là ảnh ví dụ nếu sử dụng widget top commentators này cho Blogspot của mình:

widget xếp hạng bình luận (Top commentators)

Hướng dẫn tạo widget xếp hạng bình luận (Top commentators) cho Blogspot

Với widget này, số bình luận sẽ nằm bên phải tên người bình luận nhé.
- Truy cập vào trang quản trị Blogger:

- Vào Bố cục (Layout), chọn vị trí muốn hiển thị widget xếp hạng bình luận, và thêm tiện ích (Add widget):

-  Chọn HTML/JavaScript, và thêm đoạn code sau vào bên trong nó:
<style type="text/css">
.top-commentators {
margin: 3px 0;
border-bottom: 1px dotted #ccc;
}
.avatar-top-commentators {
vertical-align:middle;
border-radius: 30px;
}
.top-commentators .commenter-link-name {
padding-left:0;
}
</style>
<script type="text/javascript">
var maxTopCommenters = 8;
var minComments = 1;  
var numDays = 0;      
var excludeMe = true;  
var excludeUsers = ["Anonymous", "_CTPG_ 2015", "Trần Bá Đạt _CTPG_"];
var maxUserNameLength = 42;
//
var txtTopLine = '<b>[#].</b> [image] [user] ([count])';
var txtNoTopCommenters = 'No top commentators at this time.';
var txtAnonymous = '';
//
var sizeAvatar = 33;
var cropAvatar = true;
//
var urlNoAvatar = "http://lh3.ggpht.com/-pWdg8wLsedo/UmVWQxLdwrI/AAAAAAAAEVk/-z7YgKykkuU/s1600/avatar_blue_m_96.png" + sizeAvatar;
var urlAnoAvatar = 'http://lh3.ggpht.com/-6B6DXCp8dek/UmVPm7D2mOI/AAAAAAAAEVU/Xz-3z2nRpUk/s1600/avatar1.png' + sizeAvatar;
var urlMyProfile = '';
var urlMyAvatar = '';
if(!Array.indexOf) {
 Array.prototype.indexOf=function(obj) {
  for(var i=0;i<this.length;i++) if(this[i]==obj) return i;
  return -1;
}}
function replaceTopCmtVars(text, item, position)
{
  if(!item || !item.author) return text;
  var author = item.author;
  var authorUri = "";
  if(author.uri && author.uri.$t != "")
    authorUri = author.uri.$t;
  var avaimg = urlAnoAvatar;
  var bloggerprofile = "http://www.blogger.com/profile/";
  if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
    avaimg = author.gd$image.src;
  else {
    var parseurl = document.createElement('a');
    if(authorUri != "") {
      parseurl.href = authorUri;
      avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;
    }
  }
  if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
    avaimg = urlMyAvatar;
  if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")
    avaimg = urlNoAvatar;
  var newsize="s"+sizeAvatar;
  avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");
  if(cropAvatar) newsize+="-c";
  avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");
  var authorName = author.name.$t;
  if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
    authorName = txtAnonymous;
  var imgcode = '<img class="avatar-top-commentators" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
  if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';
  if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)
    authorName = authorName.substr(0, maxUserNameLength-3) + "...";
  var authorcode = authorName;
  if(authorUri!="") authorcode = '<a class="commenter-link-name" href="'+authorUri+'">'+authorcode+'</a>';
  text = text.replace('[user]', authorcode);
  text = text.replace('[image]', imgcode);
  text = text.replace('[#]', position);
  text = text.replace('[count]', item.count);
  return text;
}
var topcommenters = {};
var ndxbase = 1;
function showTopCommenters(json) {
  var one_day=1000*60*60*24;
  var today = new Date();
  if(urlMyProfile == "") {
    var elements = document.getElementsByTagName("*");
    var expr = /(^| )profile-link( |$)/;
    for(var i=0 ; i<elements.length ; i++)
      if(expr.test(elements[i].className)) {
        urlMyProfile = elements[i].href;
        break;
      }
  }
  if(json && json.feed && json.feed.entry && json.feed.entry.length) for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
    var entry = json.feed.entry[i];
    if(numDays > 0) {
      var datePart = entry.published.$t.match(/\d+/g);
      var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);
 
      var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));
      if(days > numDays) break;
    }
    var authorUri = "";
    if(entry.author[0].uri && entry.author[0].uri.$t != "")
      authorUri = entry.author[0].uri.$t;
    if(excludeMe && authorUri != "" && authorUri == urlMyProfile)
      continue;
    var authorName = entry.author[0].name.$t;
    if(excludeUsers.indexOf(authorName) != -1)
      continue;
    var hash=entry.author[0].name.$t + "-" + authorUri;
    if(topcommenters[hash])
      topcommenters[hash].count++;
    else {
      var commenter = new Object();
      commenter.author = entry.author[0];
      commenter.count = 1;
      topcommenters[hash] = commenter;
    }
  }
  if(json && json.feed && json.feed.entry && json.feed.entry.length && json.feed.entry.length == 200) {
    ndxbase += 200;
    document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');
    return;
  }
  // convert object to array of tuples
  var tuplear = [];
  for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);
  tuplear.sort(function(a, b) {
    if(b[1].count-a[1].count)
        return b[1].count-a[1].count;
    return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;
  });
  var realcount = 0;
  for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {
    var item = tuplear[i][1];
    if(item.count < minComments)
        break;
    document.write('<di'+'v class="top-commentators">');
    document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));
    document.write('</d'+'iv>');
    realcount++;
  }
  if(!realcount)
    document.write(txtNoTopCommenters);
}
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');
</script>
Trong đó:
  • Số 0 ở numDays đó là số ngày lấy xếp hạng bình luận. Nếu để số 0 tức sẽ lấy toàn thời gian. Còn để số khác ví dụ như 30, thì xếp hạng bình luận sẽ lấy trong 30 ngày gần nhất.
  • Chữ màu xanh, các bạn thay tên G+ của các bạn vào nếu không muốn nó xếp hạng mình vào đó.
  • Số 8 màu đỏ, nằm trong var maxTopCommenters = 8, tức là chỉ hiển thị tối đa top 8 người bình luận nhiều nhất, muốn chuyển thành top 10 thì cứ đổi số 8 thành 10 thôi.
  • var sizeAvatar = 33, số 33 tức avatar có kích thước là 33x33 px, muốn to hay nhỏ hơn thì cứ thay đổi số 33.

- Lưu lại, và hoàn thành!

Sau khi lưu lại bạn sẽ thấy xếp hạng bình luận cho Blogspot của mình. Khá đẹp và bắt mắt đấy nhé ^_^ Chúc bạn có blog đẹp!

Cách hiển thị bài viết theo label tại trang chủ blogspot

Bạn muốn một trang chủ Blogspot có giao diện đẹp, hấp dẫn giống một trang báo tương tự như của huongdantulam.com hay nhiều trang web khác? Các bài viết sẽ hiển thị theo các label, giúp chúng ta phân ra nhiều chuyên mục tại trang chủ, nhằm giúp độc giả tiếp cận nhiều hơn với các bài viết trên blog.

Hiển thị bài viết theo label tại trang chủ Blogspot

Thủ thuật Blogspot này sẽ sử dụng các label để hiển thị các bài viết trong các label này. Ví dụ, các bạn có thể thấy ở trang chủ của mình. Đó là các label: hoc nau anhoc lam banhhoc moc lencong nghe và lam dep. Mỗi label sẽ hiển thị các bài viết nằm trong Label đó. Rõ ràng với cách hiển thị truyền thống là phân trang của blogspot thì các phân các chuyên mục như thế này giúp độc giả dễ dàng tiếp cận các thông tin mà chúng ta đang cung cấp.

Hướng dẫn hiển thị bài viết theo label tại trang chủ Blogspot

- Như thường lệ, tốt nhất trước khi chỉnh sửa chúng ta nên Backup lại code web trước đã.

- Truy cập vào trang quản trị Blogger: https://www.blogger.com

- Vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML):

edit html


- Click vào vùng code, và tìm đến thẻ ]]></b:skin>, sau đó thêm đoạn code này vào phía trên nó:
img.label_thumb{float:left;margin-right:15px !important;height:65px; /* Thumbnail height */width:65px; /* Thumbnail width */border: 1px solid #ff00ff;}
#label_with_thumbs {float: left;width: 100%;min-height: 80px;margin: 0px 15px 2px 0px;padding: 1;}ul#label_with_thumbs li {padding:6px 0;min-height:60px;margin-bottom:1px;border-bottom: 1px solid #ff99ff;}
#label_with_thumbs li{list-style: none ;padding-left:1px !important;}
#label_with_thumbs a { text-transform: none;}#label_with_thumbs strong {padding-left:1px; }
- Tiếp tục tìm đến thẻ <head> và thêm đoạn code này vào phía dưới nó:
 <script type='text/javascript'>//<![CDATA[function labelthumbs(json){document.write('<ul id="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='http://lh3.ggpht.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png';}var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="June";monthnames[7]="July";monthnames[8]="Aug";monthnames[9]="Sept";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}elseif("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}if(showcommentnum==true){if(flag==1){towrite=towrite+' | ';}if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}if(displaymore==true){if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}document.write(towrite);document.write('</li>');if(displayseparator==true)if(i!=(numposts-1))document.write('');}document.write('</ul>');}//]]></script>
Sau đó lưu template lại.
- Cuối cùng, vào Bố cục (Layout), chọn vị trí mà bạn muốn hiển thị theo label, và thêm tiện ích (Add widget), chọn HTML/Javascript và thêm đoạn code này vào trong nó:
<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script> <script type="text/javascript" src="/feeds/posts/default/-/label name?published&alt=json-in-script&callback=labelthumbs"></script>
Trong đó, chổ label name, các bạn thay bằng tên label muốn hiển thị ở trang chủ nhé. 

- Lưu lại và tận hưởng thành quả, bạn đã có thể hiển thị bài viết theo label tại trang chủ blogspot rồi đấy.

Và nếu muốn thêm các label khác, bạn chỉ cần lấy đoạn code phía trên đổi label name thành các label khác rồi thêm vào các vị trí muốn thôi. Và để có giao diện thật đẹp như của mình thì các bạn cần biết CSS để chỉnh sửa bố cục trang web nhé.

 
Copyright © 2017 Hướng dẫn tự làm - Làm Kem - Bánh Flan - Handmade: huongdantulam.com