Premier Resort Da Nang

Một kỳ nghỉ trong mơ đang đón chờ bạn tại  Premier Resort Da Nang . Nằm trên bãi biển Mỹ An đẹp như tranh vẽ, Premier Đà Nẵng đang ngày một khẳng định vị thế của mình trong lĩnh vực nghỉ dưỡng ở Việt Nam nói riêng và trên thế giới nói chung. Với hệ thống cơ sở hạ tầng hoành tráng, du khách có vô số sự lựa chọn giữa hàng trăm phòng đẳng cấp. Cùng với đó là hệ thống các tiện nghi như  phòng thể dục, phòng xông hơi, sân chơi golf (trong vòng 3km), hồ bơi ngoài trời…

Tìm về với thiên nhiên trong trẻo là khi du khách đón ánh bình minh vào mỗi buổi buổi sáng trên biển, đắm mình trong làn nước biển màu ngọc bích ở khu vực biển riêng yên tĩnh, hay đơn giản là hít thở bầu không khí trong lành và cảm nhận hương vị của thiên nhiên nơi đây.

Quý khách ở nơi khác đến cũng có thể dễ dàng vào trong trung tâm thành phố chỉ cách đó 5 km để mua sắm và tìm hiểu nhịp sống của thành phố đáng sống nhất Việt Nam.

Premier Đà Nẵng mang tới sự hoàn hảo cho kỳ du lịch của du khách, hãy cùng những người thân yêu tận hưởng kỳ nghỉ có một không hai tại khu resort đẳng cấp này.

Vì sao nên chọn du học Mỹ ?

Du học từ lâu đã không còn là khái niệm xa lạ với bạn trẻ Việt, nhất là với những người có ước mơ mở rộng tri thức trên trường quốc tế. Nhưng để lựa chọn được điểm đến như miền đất hứa thỏa mong ước trên mọi khía cạnh thì cần rất nhiều cân nhắc. Các đất nước có nền giáo dục cũng như xã hội phát triển bậc nhất như Anh, Pháp, Úc, Mỹ… luôn là những cái tên được nghĩ đến trước nhất. Và thực sự để lựa chọn thì du học Mỹ là điếm đến đáng chú ý nhất.

xem thêm: du hoc anh , du học canada

Mỹ là quốc gia có sự phát triển vượt bậc ở mọi mặt, du học tại đây sẽ là cơ hội phát triển cho mọi sinh viên. Dưới dây là những lý do nên chọn du học Mỹ:

Chất lược giáo dục phát triển bậc nhất:

Mỹ là 1 trong những đất nước có nền giáo dục phát triển bậc nhất với hệ thống các trường cao đẳng, đại học chất lượng nhất thế giới. Trên bảng xếp hạng các trường cao đẳng, đại học, trong nhiều năm Mỹ có 50 trường lọt top 200 các trường hàng đầu. Bằng tốt nghiệp từ các trường tại Mỹ được đánh giá rất cao vì chất lượng đào tạo tốt.

Tại Mỹ, nền giáo dục quan tâm chú trọng đến từng đối tượng sinh viên. Với phương đào tạo tiên tiến và là nơi hội tụ những nhà khoa học, nhà nghiên cứu, các giáo sư hàng đầu thế giới, người học được tiếp cận, học tập và làm việc trong môi trường tốt nhất giúp việc hấp thụ kiến thức, phát huy tốt nhất khả năng, chủ động và áp dụng tốt kiến thức được học vào công việc.

Rất nhiều các trường cao đẳng, đại học để lựa chọn:

Như đã nói ở trên, Mỹ có đến 50 trường thường xuyên được xếp hạng hàng đầu về giảng dạy. Điều đó tương ứng với sự lựa chọn của bạn là rất nhiều để phù hợp với khả năng chi trả các khoản phí theo học cũng như trang trải cuộc sống tại Mỹ (tuy cùng chung 1 lãnh thổ, nhưng mỗi khu vực khác nhau sẽ có mức sống khác nhau, cũng như mỗi trường sẽ có mức học phí khác nhau)

Đa dạng trong lựa chọn ngành học:

Là đất nước có nền giáo dục hàng đầu nên Mỹ phát triển toàn diện về mọi ngành học. Không chỉ thế mạnh ở các ngành kinh tế,kỹ thuật, công nghệ… mà còn là nơi có sự phát triển khoa học nghệ thuật Bởi vậy, để phát triển năng lực cá nhân nhất 1 cách tốt nhất thì Mỹ sẽ là miền đất đầy những hứa hẹn.

Khối lượng tri thức tổng quan lớn:

Ngoài việc đào tạo chuyên môn chất lượng, thì sinh viên tại Mỹ được đào tạo thêm các kỹ năng về tự nhiên xã hội thông qua nhiều các nghiên cứu và hoạt động ngoại khóa tích cực. Hơn nữa, ngoài thời gian học tập, sinh viên được làm việc 20h/tuần trong các cơ sở của trường, hoặc trong các kỳ nghỉ vừa giúp tăng thu nhập, vừa mang lại những kinh nghiệm thực tế bổ ích cho cuộc sống, cũng như quá trình học tập của mình.

Kết thúc quá trình học, sinh viên được thực tập về lĩnh vực chuyên môn của mình thông qua chương trình thực tập có chọn lọc sẽ mang lại cho bạn những kinh nghiệm thực tiễn nhất, phục vụ đắc lực cho công việc sau tốt nghiệp của mình.

Bên cạnh đó, bạn sẽ được tiếp xúc với nhiều các sinh viên trên mọi vùng của Mỹ, cũng như các sinh viên quốc tế khác. Sự giao thoa văn hóa cụ thể nhất giữa cuộc sống giữa các sinh viên với nhau mang đến cho bạn những hiểu biết rộng lớn về thế giới.

Công nghệ hiện đại:

Tại Mỹ, trong mọi lĩnh vực giáo dục sẽ luôn có công nghệ hiện đại nhất phục vụ cho quá trình học tập, nghiên cứu. Các máy móc, ứng dụng mới nhất luôn được sử dụng đế đáp ứng tốt nhất nhu cầu của sinh viên. Các trường cao đẳng, đại học tại Mỹ luôn khuyến khích sinh viên sử dụng thành thạo các loại máy móc này, ngoài mục đích về tiếp thu tri thức tốt nhất, còn là sự khơi mào cho nhiều những ý tưởng vượt trội.

Giá trị cuộc sống:

Hầu hết các trường cao đẳng, đại học tại Mỹ đều có phòng sinh viên quốc tế đóng vai trò hỗ trợ sinh viên hòa nhập với môi trường học tập và văn hóa mới. Ngay khi nhập học các sinh viên sẽ tham gia chương trình giới thiệu định hướng toàn diện giúp bạn giải đáp các thắc mắc và tư vấn về tài chính, thuê nhà, visa, các cơ hội làm việc, vấn đề về y tế, v.v.

Tất cả các trường đều có học bổng nhằn hỗ trợ tài chính cho các sinh viên quốc tế xuất sắc. Hình thức hỗ trợ này có tác động tích cực trong việc giúp sinh viên trang trải chi phí khóa học. Đặc biệt là các trường dân lập về khoa học xã hội và tự nhiên thường có các suất học bổng toàn phần cho sinh viên quốc tế có thành tích xuất sắc.

Bằng tốt nghiệp từ các trường của Mỹ có giá trị và được thừa nhận bởi các công ty, tổ chức và chính phủ trên toàn thế giới.

Sự linh hoạt

Tại Mỹ, sinh viên còn có thể chuyển từ trường này sang trường khác. Tức là sau khi hoàn thành 2 năm đầu tiên để lấy bằng ở một trường, thường là trường cao đẳng cộng đồng, sinh viên có thể chuyển sang học ở một trường khác nếu có nguyện vọng.

Cơ hội được thực nghiệm nghiên cứu:

Những sinh viên, nghiên cứu sinh có thành tích ưu tú sẽ được tham gia các đề tài nghiên cứu chuyên sâu về lĩnh vực học hoặc làm trợ giảng, trợ lý nghiên cứu cho các thạc sỹ, giáo sư hàng đầu.

Chính vì vậy, ngày càng có nhiều người chọn Mỹ là nơi gieo mầm tương lai. Theo các thống kê gần đây, Việt Nam là nước có lượng sinh viên quốc tế theo học tại các trường cao đẳng, đại học Mỹ có sự tăng trưởng gấp gần 7 lần trong thập kỷ qua, đồng thời xếp thứ 8 trên thế giới về số lượng sinh viên ở nước này.

Du học Canada với 5 ngành học sáng giá nhất

Thuộc vào với các quốc gia lớn mạnh, Canada ngày càng được ưa chuộng và trở thành điểm đến mang nhiều mơ ước của các bạn trẻ muốn du học. Du học Canada những năm gần đây trở thành từ khóa hot có nhiều lượt tìm kiếm nhất trong lĩnh vực du học.

Với hệ thống giáo dục đạt chuẩn quốc tế đào tạo đa dạng nhiều ngành nghề khác nhau, du học Canada mang đến cho sinh viên rất nhiều những cánh cửa mở tới tương lai. Song điều đó cũng khiến các bạn trẻ hoang mang khi lựa chọn ngành nghề phù hợp mình. Bài viết đề cập đến 5 ngành học sáng giá nhất sẽ là gợi ý tuyệt vời cho các bạn trẻ đang mong muốn tìm kiếm thông tin hữu ích nhất cho quyết định du học Canada của mình.
Xem thêm : du hoc anh 
Ngành Y- Dược

Là 1 trong những ngành nghề thiếu hụt nhân sự nhất Canada, nếu bạn yêu mến và mong muốn gắn bó lâu dài sau khi tốt nghiệp thì đây sẽ là lựa chọn tuyệt vời. Mọi cấp bậc, hình thức từ bác sĩ, nha sỹ; y tá, điều dưỡng, chuyên viên y tế; dược sĩ, … đều có triển vọng công việc rất cao.

Bên cạnh đó, Canada là quốc gia có hoạt động y tế cộng đồng cũng như chế độ phúc lợi xã hội rất lớn, được đầu tư kỹ lưỡng từ việc đào tạo nhân sự có kiến thức tốt nhất về ngành Y – Dược để đáp ứng nhu cầu xã hội. Điều đó trở thành cơ hội vàng cho các sinh viên theo học ngành này được chỉ bảo, giảng dậy bởi các giáo sư, tiến sĩ đầu ngành.

Canada là 1 trong những quốc gia có nền y học phát triển nhất thế giới nhưng các chi phí học tập lại thấp hơn rất nhiều so với các nước khác. Ngành quản trị khách sạn – du lịch

Ở Canada, nền kinh tế dịch vụ phát triển vô cùng mạnh mẽ, bởi vậy ngành học về du lịch – khách sạn cũng song song phát triển, chưa kể nguồn nhân lực ở lĩnh vực này chất lượng cao còn chưa nhiều. Bởi vậy, quản trị khách sạn – du lịch cũng trở thành 1 trong những ngành nghề sáng giá nhất.

Quản trị khách sạn – du lịch là ngành đề cao kinh nghiệm thực tiễn vì vậy ngoài các kiến thức lý thuyết cơ bản sinh viên sẽ có cơ hội thực tập, làm việc tại các tập đoàn, công ty lớn chuyên về du lịch, trong các resort là đối tác của trường theo học. Hơn nữa, sinh việc còn được trả lương thực  (mức lương trung bình thường là 15,57 USD/h). Vì vậy, ngoài những kiến thức, kinh nghiệm hữu ích sinh viên còn có được 1 khoản hỗ trợ cho các chi phí học tập, sinh hoạt.

 Học phí trung bình của một sinh viên ngành quản trị khách sạn – du lịch là 11.000 đến 15.000 USD/ năm
Ngành truyền thông:

Khi kinh tế ngày càng phát triển, sản phẩm là như nhau, dịch vụ sẽ là điều quyết định, bên cạnh đó thương hiệu của mỗi công ty sẽ ghi danh vào lòng khách hàng như 1 dấu ấn quyết định sự thành bại, bởi vậy, truyền thông trở thành ngành quan trọng kéo theo các vấn đề về đào tạo phải được phát triển mạnh mẽ. Canada quốc gia được mệnh danh hàng đầu về đào tạo ngành truyền thông trên thế giới. Nếu yêu thích truyền thông, du học Canada sẽ biến giấc mơ của bạn thành sự thật.

Theo học truyền thông tại Canada, mỗi sinh viên sẽ được trang bị đầy đủ kiến thức chuyên sâu về tất cả các phương tiện truyền thông; kỹ năng lên ý tưởng và thực hiện ý tưởng quảng cáo; nghiệp vụ Pr; cách thức nghiên cứu thị trường…v.v.. Bên cạnh đó, sinh viên luôn được trau dồi, phát triển các kỹ năng cá nhân như: khả năng giao tiếp, đàm phán, thuyết phục; tư duy logic, đánh giá thực tế,…Học phí trung bình cho ngành học này là 10.000 đến 19.000 USD/ năm

Ngành Tài chính – kế toán:

Mọi sự phát triển đều dựa trên nền tảng về kinh tế, và ngành tài chính – kế toán là ngành không thể thiếu trong mọi sự phát triển ấy. Canada nằm trong Top các quốc gia có thế mạnh về đào tạo ngành tài chính – kế toán trên thế giới. Không những vậy, với sự tăng trưởng không ngừng nhu cầu nhân sự về tài chính- kế toán tăng đều đặn trong 5 năm trở lại đây, và có dự báo sẽ tăng vọt vào 10 năm tới. Bởi vậy ngành này sẽ đem lại cơ hội nghề nghiệp lớn cho sinh viên theo học.

Ngành công nghệ thông tin:

Để đẩy mạnh sản xuất vật chất đem lại giá trị cuộc sống thì công nghệ thông tin là ngành quyết định. Tại Canada, công nghệ thông tin luôn được chú trọng và trở thành ngành nghề hấp dẫn nhân lực không kém các ngành nghề vì chất lượng đào tạo hàng đầu và tương lai nghề nghiệp vững chắc, ổn định.

Khi du học Canada, sinh viên tốt nghiệp ngành này sẽ có cơ hội đảm nhận nhiều các vị trí quan trọng trong công ty lớn như : nhân viên phân tích và quản trị hệ thống, dữ liệu; thiết kế website và dịch vụ internet; kỹ sư phần mềm... Công việc trong ngành công nghệ thông tin mang tính ổn định với mức thu nhập tương đối cao (từ 60.000 – 118.000 USD/năm). Bởi vậy, du học Canada với ngành học này là bến đỗ an toàn cho các sinh viên yêu công nghệ, thích ổn định.

5 ngành học trên là những ngành học sáng giá nhất thu hút hàng nghìn lượt sinh viên theo học mỗi năm bao gồm cả sinh viên sở tại lẫn sinh viên quốc tế lựa chọn khi du học Canada.

Du học tự túc 2016

DU HỌC TỰ TÚC 2016

Khao khát tiếp cận những nền giáo dục quốc tế đã không còn cạnh tranh đối sở hữu những tuổi teen nhiều tham vọng bởi việc du học đã ngày càng dễ dàng hơn. giả dụ trước đây người dùng cần vô cùng vất vả có tỷ lệ trọi lên đến hàng trăm thậm chí hàng nghìn để giành các suất học bổng xa xỉ, thì giờ đây du học tự túc sẽ là lựa tậu phải chăng hơn khi mà kinh tế đã tăng trưởng hơn, cũng như các điều kiện giao lưu quốc tế cũng cởi mở hơn.

Để với sự chuẩn bị gần như nhất, tốt nhất cho dự định du học tự túc của mình, những thanh niên bắt buộc để ý những điều sau:

1. Lựa mua điểm tới du học:

Điểm tới du học quyết định 70% sự thành bại trong việc xuất ngoại theo đuổi sự nghiệp học tập của bạn.

• đó là nơi phù hợp sở hữu tình hình tài chính của bạn. có thể đề cập gánh nặng to nhất của du học tự túc chính là vấn đề tài chính. Địa điểm người dùng tìm lựa buộc phải với sự tương thích để giảm thiểu giả dụ đáng tiếc nhất là giới hạn học vì ko trang trải được các chi phí. nếu bạn ko thể có số tiền lớn tới hơn 30.000 USD mỗi năm để đến những nước Bắc Âu, Mỹ, Úc… thì hãy quan tâm đến Phần Lan, Đức… bởi những nước này sở hữu chế độ miễn học phí đối mang các sinh viên được chấp nhận vào học. không tính ra, mang những thành phố khác nhau của cùng một đất nước cũng có các giá thành khác nhau, ví dụ như: Osaka sẽ mang mức sống tốt hơn hầu hết so với Tokyo (Nhật Bản)…
• Địểm đến là nơi có tình hình an ninh ổn định. 1 vùng đất xảy ra đa dạng biến động, khủng bố cứng cáp không thể là môi trường tốt để bạn chuyên tâm học tập. Chưa đề cập các rủ do, bất chắc… thậm chí nguy hiểm đến tính mạng.

1. Ngoại ngữ:

Tiếng anh là ngôn ngữ bắt buộc khi bạn muốn du học. Hãy thứ cho mình trình độ IELTS 6.0 hoặc TOEFL 68 trở lên. ngoại trừ đấy việc thành thạo, hoặc tiêu dùng căn bản tiếng bản địa cũng vô cùng thiết yếu để chuyên dụng cho sinh hoạt hằng ngày. Hơn cả, bây giờ đa số những nước ko dùng tiếng anh như tiếng phổ thông đều yêu cầu bằng cấp của tiếng nước sở tại.

1. Khả năng vừa học vừa làm:

Du học tự túc là hình thức du học mà đa số giá thành do cá nhân cần chi trả. bởi vậy, việc làm thêm để trang trải phần nào cuộc sống là rất cần thiết. Chưa đề cập điều đấy mang lại cho sinh viên những trải nghiệm thực tế của môi trường quốc tế. với đa dạng quốc gia họ sẽ hỗ trợ tìm kiếm việc khiến sinh viên như Nhật, Hàn… Nhưng ngược lại 1 số quốc gia đặt nặng giờ lên lớp hơn, thời gian cho làm thêm ít đi như Mỹ,du hoc Anh…

1. Xin visa

Để có được visa du học đối sở hữu 1 số nước ko dễ dàng nhất là sở hữu những ví như du học tự túc. nhiều sinh viên cần xin số đông lần và mất phần lớn thời gian để sở hữu đẩy đủ giấy tờ cho thủ tục này. các nước Mỹ, Ba Lan, Bắc Âu thường khó khăn hơn so có những nước châu Á.

mang các trường hợp mong muốn được ở lại nước sở tại sau lúc kết thúc quá trình học tập, sẽ buộc phải xem xét việc xin thẻ cư trú, gia hạn visa. Bởi rộng rãi quốc gia cho rằng họ sẽ mất cơ hội xin việc cho người bản địa, cũng như các vấn đề về nhân sinh như 1 gánh nặng thêm cho họ như Singapore…

1. Kế hoạch học tập:

Để đảm bảo được kết quả học tập thấp nhất, bạn bắt buộc hoạch định cho mình 1 kế hoạch rõ ràng. nếu bạn du học ở hệ Cao Đẳng, vậy bạn mang học lên cao – hệ Đại Học, hoặc lên nữa là Thạc Sỹ với các bạn đã học hệ Đại Học.

Sau lúc kết thúc quá trình học tập là xin việc, bạn bắt buộc luôn ở tư thế sẵn sàng đương đầu cạnh tranh khốc liệt ví như ở lại nơi theo học vì hằng năm mang hàng nghìn sinh viên sở hữu năng lực tương đương. trường hợp bạn sắm trở về Việt Nam, bạn cũng luôn buộc phải nỗ lực thể hiện bản thân ở mức cao nhất. Bởi là 1 du học sinh, trong mắt các nhà tuyển dụng, bạn sở hữu điểm khởi thủy siêu cao, mỗi nhiệm vụ bạn thực hiện luôn buộc phải có kết quả tương xứng sở hữu các gì bạn đã được đào tạo – sự chuyên nghiệp, và nghiệp vụ cao.

Chúc khách hàng sở hữu được sự chuẩn bị rẻ nhất cho sự nghiệp học tập – du học tự túc của mình !

Test4

Recent posts dùng cho các template báo trí hiện nay có rất nhiều mẫu khác nhau tuy nhiên style dạngMagazine mà mình đã giới thiệu trước đây được rất nhiều blogger quan tâm và thích thú vì giao diện đẹp và load khá nhanh so với các tiện ích Recent posts dành cho trang chủ của blogger cùng loại. Tuy nhiên nó có một nhược điểm khiến nó chưa được sử dụng rộng rãi đó là mỗi khung hiển thị lại gọi một lần JS như vậy nếu chèn nhiều khung thì sẽ phải gọi nhiều file JS (mặc dù nó giống nhau hoàn toàn).

Nhận thấy đây là một style Recent post rất hay với một số tùy chỉnh nâng cao được rất nhiều bạn đọc yêu thích. Và cũng theo yêu cầu của một số bạn là làm sao cho tiện ích gọn hơn, sử dụng chung một file javascipts duy nhất để tránh phải load nhiều lần gây chậm trang, nên hôm nay namkna sẽ chia sẻ đến các bạn một tùy biến nâng cao và cập nhật của style này. Về cơ bản tiện ích Recent posts này có giao diện báo trí giống như trang vnexpress.net đang sử dụng hiện nay.

Các bạn có thể xem hình ảnh minh họa của thủ thuật này bên dưới, Nó gồm nhiều hình ảnh như bên dưới gộp lại (ở đây mình chỉnh chụp một ô trong tổng số 5 ô được sử dụng).

» Những cập nhật nâng cao mới của tiện ích Recent posts dạng báo trí ở trang chủ dành cho blogger:

Thêm ảnh thumbnail cho những bài viết không có ảnh minh họa Và tất nhiên bạn có thể tùy biến hình ảnh này theo ý của bạn thông qua thẻ imgr[0].

Sử dụng chung một file Javarscipt duy nhất chèn thẳng vào template. Tất cả các nhãn được gọi ra đều sử dụng chung file đó nên không bị chậm do tải nhiều lần JS.

Giao diện : bắt hơn so với style cũ.... (Bạn có thể thấy nó khá giống với giao diện của trang báovnexpress.net hiện nay).

Khả năng SEO : thân thiện hơn với các SEO do chèn thêm thuộc tính Alternate cho Images

Cài đặt đơn giản hơn, dễ dàng trong tùy biến và thêm các nhãn mới.

Thêm liên kết “xem thêm” kèm hình ảnh nhỏ xinh He...he...he...

» Cách tạo Recent posts dạng báo trí giống trang vnexpress.net cho trang chủ của blogger

1- Đăng nhập vào blog

2- CHọn Mẫu (Template)

3- CHọn chỉnh sửa HTML (Edit HTML)

4- Thêm đoạn code bên dưới trước thẻ ]]></b:skin>/*---------------------------------- Recent post Magazine for homepage blogger ------------------------------------*/ .fl{float:left} .fr{float:right} .folder{width:516px; margin-bottom:8px; overflow:hidden; line-height:1.5em;font:normal 12px arial;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;} .folder-title{height:26px; border-bottom:1px solid #eee; overflow:hidden; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4BrFqe7-9E_eZ5_dot7fpWheA23gnI0V7Oh9kdVd3jLxcOoe_eTbFqs1Ea7Si5VC9ltxycNZN97_ptF8_k7pR_liwqK3hWmu1S0M0UNvo8Bpa_0m0IrxEYeuMgPEofRZ5k0u4ShYt6_nz/h120/catalog_header_bg-namkna-blogspot-com.gif) repeat-x} .folder-active{height:24px; padding:4px 10px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhdqrVVk7nY6d75ijRNRyFyS133iPlLAxN0LZAHN5SKpRMolxxCKq-UG8cZkJ_-Qfc9td7j8-0cJ5ssH3erHjNXUCTvpIksXxJkii6wiDoFAu-V-DdJolM4knsiQ_xEqtAbpCgO143DhB8/h120/parent_bg-namkna-blogspot-com.gif) repeat-x; font-weight:bold} .link-folder:link, .link-folder:visited{color:#fff} .subfolder{height:24px; padding:5px 5px 0 15px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSXT3hQ1eIyaDimDdoH9wVnoygbiGMPJl0BL9lYiwmVzao3SyJ4Uux7jSxUcEg7ESbNkQ2rb_bFk6-pRGHqWKIMIhqpQgUCJAtqvPsg0_eKglYeWot4xZDmVBC_F-ZKQO9xNjbeShobwdL/h120/parent_child_spc-namkna-blogspot-com.gif) no-repeat} .folder-content{width:500px; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC3tKcjlcJI96vE3h45PCWqMAGvfIisW5YRG-WC0qBvyySB-PRgjBjZcwYy1RzujF_qgDJkAFqtU4Vi4Rhd0ZoPBQARMwG_T64NCr7taZGD5XEaIB5szlFykCrfMZcdXzknL8TCKYVy60E/h120/red-box-content-namkna-blogspot-com.png) repeat-x left bottom; padding:10px 6px 2px 10px; overflow:hidden} .folder-content p{margin:0} .folder-content ul{list-style:none; margin:0; padding:0} .folder-content li{padding:0 0 4px 6px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJQotowpwTnjREOTNKpSmsMsN91D6HTsohxIw_Iair0dWFuCvdMFm7nRsHQ0pObrky5nXGkE56qoUvX0lyJRf5hUKypgDdQEsDqqunqWVkZK1W0wiU_ioW1e5SwYN71uIGT0lC8dHhLC-N/h120/icon-namkna-blogspot-com.gif) no-repeat 0 8px} .folder-topnews{width:312px; padding-right:10px} .folder-othernews{width:168px} .other-folder{margin:0} .img-subject{height:85px; width:110px; border:1px solid #a5a5a5; margin-right:8px} .img-other{width:60px; height:50px; border:1px solid #a5a5a5; margin:0 5px 4px 0} .xemthem{float:right; display:block; margin:0; padding:5px}

5- Thêm đoạn code dưới trước thẻ </head><script language="javascript"> summaryPost = 247; showRandomImg = true; aBold = false; thumbwidth = 100; thumbheight = 60; otherthumbwidth = 60; otherthumbheight = 60; sumPost = 147; home_page = "http://namkna.blogspot.com/"; numposts = 6; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } s = s.join(""); s = s.substring(0,chop-1); return s; } function showrecentposts(json) { j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); for (var i = 0; i < numposts; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var pcm; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(j>imgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; 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!="")) img[i] = d; //cmtext = (text != 'no') ? '<i><font color="'+cmcolor+'">('+pcm+' '+text+')</font></i>' : ''; var month = [1,2,3,4,5,6,7,8,9,10,11,12]; var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]; var day = postdate.split("-")[2].substring(0,2); var m = postdate.split("-")[1]; var y = postdate.split("-")[0]; for(var u2=0;u2<month.length;u2++){ if(parseInt(m)==month[u2]) { m = month2[u2] ; break; } } //var daystr = (showPostDate) ? '<i><font color="'+cmcolor+'"> - ('+day+ ' ' + m + ' ' + y + ')</font></i>' : ""; posttitle = (aBold) ? "<b>"+posttitle+"</b>" : posttitle; if (i==0) { var trtd = '<div class="folder-topnews fl"><a href="'+posturl+'"><img width="'+thumbwidth+'" height="'+thumbheight+'" src="'+img[i]+'" alt="" class="img-subject fl"></a><p><a href="'+posturl+'" class="link-title">'+posttitle+'</a></p><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div>'; document.write(trtd); } if (i==1) { var trtd = '<div class="folder-othernews fl"><div class="other-folder fl"><a class="link-othernews" href="'+posturl+'"><img width="'+otherthumbwidth+'" height="'+otherthumbheight+'" alt="" class="img-other fl" src="'+img[i]+'"></a><a class="link-othernews" href="'+posturl+'" title="'+removeHtmlTag(postcontent,sumPost)+'...">'+posttitle+'</a></div>'; document.write(trtd); } if (i==2) { var trtd = '<div class="fl"><ul><li><a class="link-othernews" href="'+posturl+'" title="'+removeHtmlTag(postcontent,sumPost)+'...">'+posttitle+'</a></li>'; document.write(trtd); } if ((i>2)&&(i<numposts-1)) { var trtd = '<li><a class="link-othernews" href="'+posturl+'" title="'+removeHtmlTag(postcontent,sumPost)+'...">'+posttitle+'</a></li>'; document.write(trtd); } if (i==numposts-1) { var trtd = '<li><a class="link-othernews" href="'+posturl+'" title="'+removeHtmlTag(postcontent,sumPost)+'...">'+posttitle+'</a></li></ul></div></div>'; document.write(trtd); } j++; } } //]]> </script>

» Tùy chỉnh code:

summaryPost = 247; Là phần mô tả của bài viết bên trái. Đây là số lượng ký tự mô tả được phép hiện thị.

showRandomImg = true; Cho phép lấy ngẫu nhiên một hình ảnh trong bài viết từ album picasa để làm ảnh đại diện cho bài viết của bạn. Do vậy các hình ảnh bạn phải tải trực tiếp lên blog của bạn nha.

thumbwidth = 100; Là chiều rộng của hình ảnh Thumbnail bên trái (tức hình ảnh lớn nhất).

thumbheight = 60; Là chiều cao của hình ảnh Thumbnail bên trái (tức hình ảnh lớn nhất).

otherthumbwidth = 60; Là chiều rộng của hình ảnh Thumbnail bên phải (tức hình ảnh nhỏ hơn).

otherthumbheight = 60; Là chiều cao của hình ảnh Thumbnail bên phải (tức hình ảnh nhỏ hơn).

sumPost = 147; Là số ký tự của tiều đề bài viết hiển thị trong tiện ích. Bạn nên chỉnh lại cho phù hợp vì nhiều khi để số ký tự tiêu đề dài quá sẽ ảnh hưởng đến bố cục của trang web của bạn.

home_page = "http://namkna.blogspot.com/"; Là URL trang web của bạn.

numposts = 6; Là số bài hiển thị tối đa trong một box nhãn.

6- Tìm đoạn mã sau:<b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'/> </b:section>

- Thêm đoạn code dưới vào sau nó (Nếu không tìm thấy đoạn code trên Bạn cũng có thể thêm vào tiện ích HTML/Javarscip bên dưới bài đăng):<!-- Nhãn 1 --> <div class="folder"> <div class="folder-title"> <div class="folder-activeleft fl"></div> <div class="folder-active fl"><a class="link-folder" href="http://namkna.blogspot.com/search/label/Blogspot%20Templates?max-results=5">Templates</a></div> <div class="folder-activeright fl"></div> <div class="subfolder fl"> <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot-tips?max-results=5">Blogspot Tips</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot%20Comments%20Emoticons?max-results=5">Emoticons</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot%20Menu?max-results=5">Menu</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Recent%20post%20Home?max-results=5">Future</a> </div> <div class="folder-titleright fr"></div> </div> <div class="folder-content" id="tdHomeFolder2"> <script language="JavaScript"> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNlmu1sWGEjpzUxppSawWlVpD-us1QraQH-_Pn9ib-x3ORQZEyWwxqN-L9hflr8f6BpCDvIgCUNvvpUxgdvJiR5-ubRz9F05NCr81Rymo6baefNaifNiAVluktL9k15fAL0TOc2YpBTAPX/"; document.write("<script src=\""+home_page+"/feeds/posts/default/-/Label 1?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); </script> </div> <div class="folder-bottom"></div> </div> <!-- Nhãn 2 --> <div class="folder"> <div class="folder-title"> <div class="folder-activeleft fl"></div> <div class="folder-active fl"><a class="link-folder" href="http://namkna.blogspot.com/search/label/Blogspot%20Templates?max-results=5">Templates</a></div> <div class="folder-activeright fl"></div> <div class="subfolder fl"> <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot-tips?max-results=5">Blogspot Tips</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot%20Comments%20Emoticons?max-results=5">Emoticons</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot%20Menu?max-results=5">Menu</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Recent%20post%20Home?max-results=5">Future</a> </div> <div class="folder-titleright fr"></div> </div> <div class="folder-content" id="tdHomeFolder2"> <script language="JavaScript"> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNlmu1sWGEjpzUxppSawWlVpD-us1QraQH-_Pn9ib-x3ORQZEyWwxqN-L9hflr8f6BpCDvIgCUNvvpUxgdvJiR5-ubRz9F05NCr81Rymo6baefNaifNiAVluktL9k15fAL0TOc2YpBTAPX/"; document.write("<script src=\""+home_page+"/feeds/posts/default/-/Label 2?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); </script> </div> <div class="folder-bottom"></div> </div>

» Tùy chỉnh code:

Lần lượt thay Label 1, Label 2 thành tên nhãn bạn muốn hiển trị trên trang chủ trong blog của bạn nha.

Bạn cũng có thể thay đổi hình ảnh đại diện cho các bài viết không có hình ảnh bằng cách thay đổi hình ảnh màu xanh nằm trong thẻ imgr[0].

Bạn cũng có thể tùy chỉnh lại các tiêu đề ở phần menu trên mỗi box lại cho phù hợp với trang web của bạn nha.

Nếu muốn thêm một box bạn chỉ cần thêm đoạn code bên dưới vào cuối cùng của đoạn code trên:

<!-- Nhãn 2 --> <div class="folder"> <div class="folder-title"> <div class="folder-activeleft fl"></div> <div class="folder-active fl"><a class="link-folder" href="http://namkna.blogspot.com/search/label/Blogspot%20Templates?max-results=5">Tip Blogger</a></div> <div class="folder-activeright fl"></div> <div class="subfolder fl"> <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot-tips?max-results=5">Blogspot Tips</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot%20Comments%20Emoticons?max-results=5">Emoticons</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot%20Menu?max-results=5">Menu</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Recent%20post%20Home?max-results=5">Future</a> </div> <div class="folder-titleright fr"></div> </div> <div class="folder-content" id="tdHomeFolder2"> <script language="JavaScript"> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNlmu1sWGEjpzUxppSawWlVpD-us1QraQH-_Pn9ib-x3ORQZEyWwxqN-L9hflr8f6BpCDvIgCUNvvpUxgdvJiR5-ubRz9F05NCr81Rymo6baefNaifNiAVluktL9k15fAL0TOc2YpBTAPX/"; document.write("<script src=\""+home_page+"/feeds/posts/default/-/Label n?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); </script> </div> <div class="folder-bottom"></div> </div>

7- Lưu mẫu lại:

Bây giờ hãy quan trở lại trang chủ của bạn để xem thành quả của bạn nha. Nếu gặp bất cứ khó khăn nào khi áp dụng hãy cho mình biết mình sẽ hỗ trợ các bạn.

Test3

Recent posts dùng cho các template báo trí hiện nay có rất nhiều mẫu khác nhau tuy nhiên style dạngMagazine mà mình đã giới thiệu trước đây được rất nhiều blogger quan tâm và thích thú vì giao diện đẹp và load khá nhanh so với các tiện ích Recent posts dành cho trang chủ của blogger cùng loại. Tuy nhiên nó có một nhược điểm khiến nó chưa được sử dụng rộng rãi đó là mỗi khung hiển thị lại gọi một lần JS như vậy nếu chèn nhiều khung thì sẽ phải gọi nhiều file JS (mặc dù nó giống nhau hoàn toàn).

Nhận thấy đây là một style Recent post rất hay với một số tùy chỉnh nâng cao được rất nhiều bạn đọc yêu thích. Và cũng theo yêu cầu của một số bạn là làm sao cho tiện ích gọn hơn, sử dụng chung một file javascipts duy nhất để tránh phải load nhiều lần gây chậm trang, nên hôm nay namkna sẽ chia sẻ đến các bạn một tùy biến nâng cao và cập nhật của style này. Về cơ bản tiện ích Recent posts này có giao diện báo trí giống như trang vnexpress.net đang sử dụng hiện nay.

Các bạn có thể xem hình ảnh minh họa của thủ thuật này bên dưới, Nó gồm nhiều hình ảnh như bên dưới gộp lại (ở đây mình chỉnh chụp một ô trong tổng số 5 ô được sử dụng).

» Những cập nhật nâng cao mới của tiện ích Recent posts dạng báo trí ở trang chủ dành cho blogger:

Thêm ảnh thumbnail cho những bài viết không có ảnh minh họa Và tất nhiên bạn có thể tùy biến hình ảnh này theo ý của bạn thông qua thẻ imgr[0].

Sử dụng chung một file Javarscipt duy nhất chèn thẳng vào template. Tất cả các nhãn được gọi ra đều sử dụng chung file đó nên không bị chậm do tải nhiều lần JS.

Giao diện : bắt hơn so với style cũ.... (Bạn có thể thấy nó khá giống với giao diện của trang báovnexpress.net hiện nay).

Khả năng SEO : thân thiện hơn với các SEO do chèn thêm thuộc tính Alternate cho Images

Cài đặt đơn giản hơn, dễ dàng trong tùy biến và thêm các nhãn mới.

Thêm liên kết “xem thêm” kèm hình ảnh nhỏ xinh He...he...he...

» Cách tạo Recent posts dạng báo trí giống trang vnexpress.net cho trang chủ của blogger

1- Đăng nhập vào blog

2- CHọn Mẫu (Template)

3- CHọn chỉnh sửa HTML (Edit HTML)

4- Thêm đoạn code bên dưới trước thẻ ]]></b:skin>/*---------------------------------- Recent post Magazine for homepage blogger ------------------------------------*/ .fl{float:left} .fr{float:right} .folder{width:516px; margin-bottom:8px; overflow:hidden; line-height:1.5em;font:normal 12px arial;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;} .folder-title{height:26px; border-bottom:1px solid #eee; overflow:hidden; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4BrFqe7-9E_eZ5_dot7fpWheA23gnI0V7Oh9kdVd3jLxcOoe_eTbFqs1Ea7Si5VC9ltxycNZN97_ptF8_k7pR_liwqK3hWmu1S0M0UNvo8Bpa_0m0IrxEYeuMgPEofRZ5k0u4ShYt6_nz/h120/catalog_header_bg-namkna-blogspot-com.gif) repeat-x} .folder-active{height:24px; padding:4px 10px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhdqrVVk7nY6d75ijRNRyFyS133iPlLAxN0LZAHN5SKpRMolxxCKq-UG8cZkJ_-Qfc9td7j8-0cJ5ssH3erHjNXUCTvpIksXxJkii6wiDoFAu-V-DdJolM4knsiQ_xEqtAbpCgO143DhB8/h120/parent_bg-namkna-blogspot-com.gif) repeat-x; font-weight:bold} .link-folder:link, .link-folder:visited{color:#fff} .subfolder{height:24px; padding:5px 5px 0 15px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSXT3hQ1eIyaDimDdoH9wVnoygbiGMPJl0BL9lYiwmVzao3SyJ4Uux7jSxUcEg7ESbNkQ2rb_bFk6-pRGHqWKIMIhqpQgUCJAtqvPsg0_eKglYeWot4xZDmVBC_F-ZKQO9xNjbeShobwdL/h120/parent_child_spc-namkna-blogspot-com.gif) no-repeat} .folder-content{width:500px; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC3tKcjlcJI96vE3h45PCWqMAGvfIisW5YRG-WC0qBvyySB-PRgjBjZcwYy1RzujF_qgDJkAFqtU4Vi4Rhd0ZoPBQARMwG_T64NCr7taZGD5XEaIB5szlFykCrfMZcdXzknL8TCKYVy60E/h120/red-box-content-namkna-blogspot-com.png) repeat-x left bottom; padding:10px 6px 2px 10px; overflow:hidden} .folder-content p{margin:0} .folder-content ul{list-style:none; margin:0; padding:0} .folder-content li{padding:0 0 4px 6px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJQotowpwTnjREOTNKpSmsMsN91D6HTsohxIw_Iair0dWFuCvdMFm7nRsHQ0pObrky5nXGkE56qoUvX0lyJRf5hUKypgDdQEsDqqunqWVkZK1W0wiU_ioW1e5SwYN71uIGT0lC8dHhLC-N/h120/icon-namkna-blogspot-com.gif) no-repeat 0 8px} .folder-topnews{width:312px; padding-right:10px} .folder-othernews{width:168px} .other-folder{margin:0} .img-subject{height:85px; width:110px; border:1px solid #a5a5a5; margin-right:8px} .img-other{width:60px; height:50px; border:1px solid #a5a5a5; margin:0 5px 4px 0} .xemthem{float:right; display:block; margin:0; padding:5px}

5- Thêm đoạn code dưới trước thẻ </head><script language="javascript"> summaryPost = 247; showRandomImg = true; aBold = false; thumbwidth = 100; thumbheight = 60; otherthumbwidth = 60; otherthumbheight = 60; sumPost = 147; home_page = "http://namkna.blogspot.com/"; numposts = 6; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } s = s.join(""); s = s.substring(0,chop-1); return s; } function showrecentposts(json) { j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); for (var i = 0; i < numposts; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var pcm; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(j>imgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; 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!="")) img[i] = d; //cmtext = (text != 'no') ? '<i><font color="'+cmcolor+'">('+pcm+' '+text+')</font></i>' : ''; var month = [1,2,3,4,5,6,7,8,9,10,11,12]; var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]; var day = postdate.split("-")[2].substring(0,2); var m = postdate.split("-")[1]; var y = postdate.split("-")[0]; for(var u2=0;u2<month.length;u2++){ if(parseInt(m)==month[u2]) { m = month2[u2] ; break; } } //var daystr = (showPostDate) ? '<i><font color="'+cmcolor+'"> - ('+day+ ' ' + m + ' ' + y + ')</font></i>' : ""; posttitle = (aBold) ? "<b>"+posttitle+"</b>" : posttitle; if (i==0) { var trtd = '<div class="folder-topnews fl"><a href="'+posturl+'"><img width="'+thumbwidth+'" height="'+thumbheight+'" src="'+img[i]+'" alt="" class="img-subject fl"></a><p><a href="'+posturl+'" class="link-title">'+posttitle+'</a></p><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div>'; document.write(trtd); } if (i==1) { var trtd = '<div class="folder-othernews fl"><div class="other-folder fl"><a class="link-othernews" href="'+posturl+'"><img width="'+otherthumbwidth+'" height="'+otherthumbheight+'" alt="" class="img-other fl" src="'+img[i]+'"></a><a class="link-othernews" href="'+posturl+'" title="'+removeHtmlTag(postcontent,sumPost)+'...">'+posttitle+'</a></div>'; document.write(trtd); } if (i==2) { var trtd = '<div class="fl"><ul><li><a class="link-othernews" href="'+posturl+'" title="'+removeHtmlTag(postcontent,sumPost)+'...">'+posttitle+'</a></li>'; document.write(trtd); } if ((i>2)&&(i<numposts-1)) { var trtd = '<li><a class="link-othernews" href="'+posturl+'" title="'+removeHtmlTag(postcontent,sumPost)+'...">'+posttitle+'</a></li>'; document.write(trtd); } if (i==numposts-1) { var trtd = '<li><a class="link-othernews" href="'+posturl+'" title="'+removeHtmlTag(postcontent,sumPost)+'...">'+posttitle+'</a></li></ul></div></div>'; document.write(trtd); } j++; } } //]]> </script>

» Tùy chỉnh code:

summaryPost = 247; Là phần mô tả của bài viết bên trái. Đây là số lượng ký tự mô tả được phép hiện thị.

showRandomImg = true; Cho phép lấy ngẫu nhiên một hình ảnh trong bài viết từ album picasa để làm ảnh đại diện cho bài viết của bạn. Do vậy các hình ảnh bạn phải tải trực tiếp lên blog của bạn nha.

thumbwidth = 100; Là chiều rộng của hình ảnh Thumbnail bên trái (tức hình ảnh lớn nhất).

thumbheight = 60; Là chiều cao của hình ảnh Thumbnail bên trái (tức hình ảnh lớn nhất).

otherthumbwidth = 60; Là chiều rộng của hình ảnh Thumbnail bên phải (tức hình ảnh nhỏ hơn).

otherthumbheight = 60; Là chiều cao của hình ảnh Thumbnail bên phải (tức hình ảnh nhỏ hơn).

sumPost = 147; Là số ký tự của tiều đề bài viết hiển thị trong tiện ích. Bạn nên chỉnh lại cho phù hợp vì nhiều khi để số ký tự tiêu đề dài quá sẽ ảnh hưởng đến bố cục của trang web của bạn.

home_page = "http://namkna.blogspot.com/"; Là URL trang web của bạn.

numposts = 6; Là số bài hiển thị tối đa trong một box nhãn.

6- Tìm đoạn mã sau:<b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'/> </b:section>

- Thêm đoạn code dưới vào sau nó (Nếu không tìm thấy đoạn code trên Bạn cũng có thể thêm vào tiện ích HTML/Javarscip bên dưới bài đăng):<!-- Nhãn 1 --> <div class="folder"> <div class="folder-title"> <div class="folder-activeleft fl"></div> <div class="folder-active fl"><a class="link-folder" href="http://namkna.blogspot.com/search/label/Blogspot%20Templates?max-results=5">Templates</a></div> <div class="folder-activeright fl"></div> <div class="subfolder fl"> <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot-tips?max-results=5">Blogspot Tips</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot%20Comments%20Emoticons?max-results=5">Emoticons</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot%20Menu?max-results=5">Menu</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Recent%20post%20Home?max-results=5">Future</a> </div> <div class="folder-titleright fr"></div> </div> <div class="folder-content" id="tdHomeFolder2"> <script language="JavaScript"> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNlmu1sWGEjpzUxppSawWlVpD-us1QraQH-_Pn9ib-x3ORQZEyWwxqN-L9hflr8f6BpCDvIgCUNvvpUxgdvJiR5-ubRz9F05NCr81Rymo6baefNaifNiAVluktL9k15fAL0TOc2YpBTAPX/"; document.write("<script src=\""+home_page+"/feeds/posts/default/-/Label 1?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); </script> </div> <div class="folder-bottom"></div> </div> <!-- Nhãn 2 --> <div class="folder"> <div class="folder-title"> <div class="folder-activeleft fl"></div> <div class="folder-active fl"><a class="link-folder" href="http://namkna.blogspot.com/search/label/Blogspot%20Templates?max-results=5">Templates</a></div> <div class="folder-activeright fl"></div> <div class="subfolder fl"> <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot-tips?max-results=5">Blogspot Tips</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot%20Comments%20Emoticons?max-results=5">Emoticons</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot%20Menu?max-results=5">Menu</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Recent%20post%20Home?max-results=5">Future</a> </div> <div class="folder-titleright fr"></div> </div> <div class="folder-content" id="tdHomeFolder2"> <script language="JavaScript"> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNlmu1sWGEjpzUxppSawWlVpD-us1QraQH-_Pn9ib-x3ORQZEyWwxqN-L9hflr8f6BpCDvIgCUNvvpUxgdvJiR5-ubRz9F05NCr81Rymo6baefNaifNiAVluktL9k15fAL0TOc2YpBTAPX/"; document.write("<script src=\""+home_page+"/feeds/posts/default/-/Label 2?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); </script> </div> <div class="folder-bottom"></div> </div>

» Tùy chỉnh code:

Lần lượt thay Label 1, Label 2 thành tên nhãn bạn muốn hiển trị trên trang chủ trong blog của bạn nha.

Bạn cũng có thể thay đổi hình ảnh đại diện cho các bài viết không có hình ảnh bằng cách thay đổi hình ảnh màu xanh nằm trong thẻ imgr[0].

Bạn cũng có thể tùy chỉnh lại các tiêu đề ở phần menu trên mỗi box lại cho phù hợp với trang web của bạn nha.

Nếu muốn thêm một box bạn chỉ cần thêm đoạn code bên dưới vào cuối cùng của đoạn code trên:

<!-- Nhãn 2 --> <div class="folder"> <div class="folder-title"> <div class="folder-activeleft fl"></div> <div class="folder-active fl"><a class="link-folder" href="http://namkna.blogspot.com/search/label/Blogspot%20Templates?max-results=5">Tip Blogger</a></div> <div class="folder-activeright fl"></div> <div class="subfolder fl"> <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot-tips?max-results=5">Blogspot Tips</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot%20Comments%20Emoticons?max-results=5">Emoticons</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot%20Menu?max-results=5">Menu</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Recent%20post%20Home?max-results=5">Future</a> </div> <div class="folder-titleright fr"></div> </div> <div class="folder-content" id="tdHomeFolder2"> <script language="JavaScript"> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNlmu1sWGEjpzUxppSawWlVpD-us1QraQH-_Pn9ib-x3ORQZEyWwxqN-L9hflr8f6BpCDvIgCUNvvpUxgdvJiR5-ubRz9F05NCr81Rymo6baefNaifNiAVluktL9k15fAL0TOc2YpBTAPX/"; document.write("<script src=\""+home_page+"/feeds/posts/default/-/Label n?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); </script> </div> <div class="folder-bottom"></div> </div>

7- Lưu mẫu lại:

Bây giờ hãy quan trở lại trang chủ của bạn để xem thành quả của bạn nha. Nếu gặp bất cứ khó khăn nào khi áp dụng hãy cho mình biết mình sẽ hỗ trợ các bạn.

Test2

Recent posts dùng cho các template báo trí hiện nay có rất nhiều mẫu khác nhau tuy nhiên style dạngMagazine mà mình đã giới thiệu trước đây được rất nhiều blogger quan tâm và thích thú vì giao diện đẹp và load khá nhanh so với các tiện ích Recent posts dành cho trang chủ của blogger cùng loại. Tuy nhiên nó có một nhược điểm khiến nó chưa được sử dụng rộng rãi đó là mỗi khung hiển thị lại gọi một lần JS như vậy nếu chèn nhiều khung thì sẽ phải gọi nhiều file JS (mặc dù nó giống nhau hoàn toàn).

Nhận thấy đây là một style Recent post rất hay với một số tùy chỉnh nâng cao được rất nhiều bạn đọc yêu thích. Và cũng theo yêu cầu của một số bạn là làm sao cho tiện ích gọn hơn, sử dụng chung một file javascipts duy nhất để tránh phải load nhiều lần gây chậm trang, nên hôm nay namkna sẽ chia sẻ đến các bạn một tùy biến nâng cao và cập nhật của style này. Về cơ bản tiện ích Recent posts này có giao diện báo trí giống như trang vnexpress.net đang sử dụng hiện nay.

Các bạn có thể xem hình ảnh minh họa của thủ thuật này bên dưới, Nó gồm nhiều hình ảnh như bên dưới gộp lại (ở đây mình chỉnh chụp một ô trong tổng số 5 ô được sử dụng).

» Những cập nhật nâng cao mới của tiện ích Recent posts dạng báo trí ở trang chủ dành cho blogger:

Thêm ảnh thumbnail cho những bài viết không có ảnh minh họa Và tất nhiên bạn có thể tùy biến hình ảnh này theo ý của bạn thông qua thẻ imgr[0].

Sử dụng chung một file Javarscipt duy nhất chèn thẳng vào template. Tất cả các nhãn được gọi ra đều sử dụng chung file đó nên không bị chậm do tải nhiều lần JS.

Giao diện : bắt hơn so với style cũ.... (Bạn có thể thấy nó khá giống với giao diện của trang báovnexpress.net hiện nay).

Khả năng SEO : thân thiện hơn với các SEO do chèn thêm thuộc tính Alternate cho Images

Cài đặt đơn giản hơn, dễ dàng trong tùy biến và thêm các nhãn mới.

Thêm liên kết “xem thêm” kèm hình ảnh nhỏ xinh He...he...he...

» Cách tạo Recent posts dạng báo trí giống trang vnexpress.net cho trang chủ của blogger

1- Đăng nhập vào blog

2- CHọn Mẫu (Template)

3- CHọn chỉnh sửa HTML (Edit HTML)

4- Thêm đoạn code bên dưới trước thẻ ]]></b:skin>/*---------------------------------- Recent post Magazine for homepage blogger ------------------------------------*/ .fl{float:left} .fr{float:right} .folder{width:516px; margin-bottom:8px; overflow:hidden; line-height:1.5em;font:normal 12px arial;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;} .folder-title{height:26px; border-bottom:1px solid #eee; overflow:hidden; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4BrFqe7-9E_eZ5_dot7fpWheA23gnI0V7Oh9kdVd3jLxcOoe_eTbFqs1Ea7Si5VC9ltxycNZN97_ptF8_k7pR_liwqK3hWmu1S0M0UNvo8Bpa_0m0IrxEYeuMgPEofRZ5k0u4ShYt6_nz/h120/catalog_header_bg-namkna-blogspot-com.gif) repeat-x} .folder-active{height:24px; padding:4px 10px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhdqrVVk7nY6d75ijRNRyFyS133iPlLAxN0LZAHN5SKpRMolxxCKq-UG8cZkJ_-Qfc9td7j8-0cJ5ssH3erHjNXUCTvpIksXxJkii6wiDoFAu-V-DdJolM4knsiQ_xEqtAbpCgO143DhB8/h120/parent_bg-namkna-blogspot-com.gif) repeat-x; font-weight:bold} .link-folder:link, .link-folder:visited{color:#fff} .subfolder{height:24px; padding:5px 5px 0 15px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSXT3hQ1eIyaDimDdoH9wVnoygbiGMPJl0BL9lYiwmVzao3SyJ4Uux7jSxUcEg7ESbNkQ2rb_bFk6-pRGHqWKIMIhqpQgUCJAtqvPsg0_eKglYeWot4xZDmVBC_F-ZKQO9xNjbeShobwdL/h120/parent_child_spc-namkna-blogspot-com.gif) no-repeat} .folder-content{width:500px; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC3tKcjlcJI96vE3h45PCWqMAGvfIisW5YRG-WC0qBvyySB-PRgjBjZcwYy1RzujF_qgDJkAFqtU4Vi4Rhd0ZoPBQARMwG_T64NCr7taZGD5XEaIB5szlFykCrfMZcdXzknL8TCKYVy60E/h120/red-box-content-namkna-blogspot-com.png) repeat-x left bottom; padding:10px 6px 2px 10px; overflow:hidden} .folder-content p{margin:0} .folder-content ul{list-style:none; margin:0; padding:0} .folder-content li{padding:0 0 4px 6px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJQotowpwTnjREOTNKpSmsMsN91D6HTsohxIw_Iair0dWFuCvdMFm7nRsHQ0pObrky5nXGkE56qoUvX0lyJRf5hUKypgDdQEsDqqunqWVkZK1W0wiU_ioW1e5SwYN71uIGT0lC8dHhLC-N/h120/icon-namkna-blogspot-com.gif) no-repeat 0 8px} .folder-topnews{width:312px; padding-right:10px} .folder-othernews{width:168px} .other-folder{margin:0} .img-subject{height:85px; width:110px; border:1px solid #a5a5a5; margin-right:8px} .img-other{width:60px; height:50px; border:1px solid #a5a5a5; margin:0 5px 4px 0} .xemthem{float:right; display:block; margin:0; padding:5px}

5- Thêm đoạn code dưới trước thẻ </head><script language="javascript"> summaryPost = 247; showRandomImg = true; aBold = false; thumbwidth = 100; thumbheight = 60; otherthumbwidth = 60; otherthumbheight = 60; sumPost = 147; home_page = "http://namkna.blogspot.com/"; numposts = 6; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } s = s.join(""); s = s.substring(0,chop-1); return s; } function showrecentposts(json) { j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); for (var i = 0; i < numposts; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var pcm; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(j>imgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; 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!="")) img[i] = d; //cmtext = (text != 'no') ? '<i><font color="'+cmcolor+'">('+pcm+' '+text+')</font></i>' : ''; var month = [1,2,3,4,5,6,7,8,9,10,11,12]; var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]; var day = postdate.split("-")[2].substring(0,2); var m = postdate.split("-")[1]; var y = postdate.split("-")[0]; for(var u2=0;u2<month.length;u2++){ if(parseInt(m)==month[u2]) { m = month2[u2] ; break; } } //var daystr = (showPostDate) ? '<i><font color="'+cmcolor+'"> - ('+day+ ' ' + m + ' ' + y + ')</font></i>' : ""; posttitle = (aBold) ? "<b>"+posttitle+"</b>" : posttitle; if (i==0) { var trtd = '<div class="folder-topnews fl"><a href="'+posturl+'"><img width="'+thumbwidth+'" height="'+thumbheight+'" src="'+img[i]+'" alt="" class="img-subject fl"></a><p><a href="'+posturl+'" class="link-title">'+posttitle+'</a></p><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div>'; document.write(trtd); } if (i==1) { var trtd = '<div class="folder-othernews fl"><div class="other-folder fl"><a class="link-othernews" href="'+posturl+'"><img width="'+otherthumbwidth+'" height="'+otherthumbheight+'" alt="" class="img-other fl" src="'+img[i]+'"></a><a class="link-othernews" href="'+posturl+'" title="'+removeHtmlTag(postcontent,sumPost)+'...">'+posttitle+'</a></div>'; document.write(trtd); } if (i==2) { var trtd = '<div class="fl"><ul><li><a class="link-othernews" href="'+posturl+'" title="'+removeHtmlTag(postcontent,sumPost)+'...">'+posttitle+'</a></li>'; document.write(trtd); } if ((i>2)&&(i<numposts-1)) { var trtd = '<li><a class="link-othernews" href="'+posturl+'" title="'+removeHtmlTag(postcontent,sumPost)+'...">'+posttitle+'</a></li>'; document.write(trtd); } if (i==numposts-1) { var trtd = '<li><a class="link-othernews" href="'+posturl+'" title="'+removeHtmlTag(postcontent,sumPost)+'...">'+posttitle+'</a></li></ul></div></div>'; document.write(trtd); } j++; } } //]]> </script>

» Tùy chỉnh code:

summaryPost = 247; Là phần mô tả của bài viết bên trái. Đây là số lượng ký tự mô tả được phép hiện thị.

showRandomImg = true; Cho phép lấy ngẫu nhiên một hình ảnh trong bài viết từ album picasa để làm ảnh đại diện cho bài viết của bạn. Do vậy các hình ảnh bạn phải tải trực tiếp lên blog của bạn nha.

thumbwidth = 100; Là chiều rộng của hình ảnh Thumbnail bên trái (tức hình ảnh lớn nhất).

thumbheight = 60; Là chiều cao của hình ảnh Thumbnail bên trái (tức hình ảnh lớn nhất).

otherthumbwidth = 60; Là chiều rộng của hình ảnh Thumbnail bên phải (tức hình ảnh nhỏ hơn).

otherthumbheight = 60; Là chiều cao của hình ảnh Thumbnail bên phải (tức hình ảnh nhỏ hơn).

sumPost = 147; Là số ký tự của tiều đề bài viết hiển thị trong tiện ích. Bạn nên chỉnh lại cho phù hợp vì nhiều khi để số ký tự tiêu đề dài quá sẽ ảnh hưởng đến bố cục của trang web của bạn.

home_page = "http://namkna.blogspot.com/"; Là URL trang web của bạn.

numposts = 6; Là số bài hiển thị tối đa trong một box nhãn.

6- Tìm đoạn mã sau:<b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'/> </b:section>

- Thêm đoạn code dưới vào sau nó (Nếu không tìm thấy đoạn code trên Bạn cũng có thể thêm vào tiện ích HTML/Javarscip bên dưới bài đăng):<!-- Nhãn 1 --> <div class="folder"> <div class="folder-title"> <div class="folder-activeleft fl"></div> <div class="folder-active fl"><a class="link-folder" href="http://namkna.blogspot.com/search/label/Blogspot%20Templates?max-results=5">Templates</a></div> <div class="folder-activeright fl"></div> <div class="subfolder fl"> <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot-tips?max-results=5">Blogspot Tips</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot%20Comments%20Emoticons?max-results=5">Emoticons</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot%20Menu?max-results=5">Menu</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Recent%20post%20Home?max-results=5">Future</a> </div> <div class="folder-titleright fr"></div> </div> <div class="folder-content" id="tdHomeFolder2"> <script language="JavaScript"> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNlmu1sWGEjpzUxppSawWlVpD-us1QraQH-_Pn9ib-x3ORQZEyWwxqN-L9hflr8f6BpCDvIgCUNvvpUxgdvJiR5-ubRz9F05NCr81Rymo6baefNaifNiAVluktL9k15fAL0TOc2YpBTAPX/"; document.write("<script src=\""+home_page+"/feeds/posts/default/-/Label 1?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); </script> </div> <div class="folder-bottom"></div> </div> <!-- Nhãn 2 --> <div class="folder"> <div class="folder-title"> <div class="folder-activeleft fl"></div> <div class="folder-active fl"><a class="link-folder" href="http://namkna.blogspot.com/search/label/Blogspot%20Templates?max-results=5">Templates</a></div> <div class="folder-activeright fl"></div> <div class="subfolder fl"> <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot-tips?max-results=5">Blogspot Tips</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot%20Comments%20Emoticons?max-results=5">Emoticons</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot%20Menu?max-results=5">Menu</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Recent%20post%20Home?max-results=5">Future</a> </div> <div class="folder-titleright fr"></div> </div> <div class="folder-content" id="tdHomeFolder2"> <script language="JavaScript"> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNlmu1sWGEjpzUxppSawWlVpD-us1QraQH-_Pn9ib-x3ORQZEyWwxqN-L9hflr8f6BpCDvIgCUNvvpUxgdvJiR5-ubRz9F05NCr81Rymo6baefNaifNiAVluktL9k15fAL0TOc2YpBTAPX/"; document.write("<script src=\""+home_page+"/feeds/posts/default/-/Label 2?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); </script> </div> <div class="folder-bottom"></div> </div>

» Tùy chỉnh code:

Lần lượt thay Label 1, Label 2 thành tên nhãn bạn muốn hiển trị trên trang chủ trong blog của bạn nha.

Bạn cũng có thể thay đổi hình ảnh đại diện cho các bài viết không có hình ảnh bằng cách thay đổi hình ảnh màu xanh nằm trong thẻ imgr[0].

Bạn cũng có thể tùy chỉnh lại các tiêu đề ở phần menu trên mỗi box lại cho phù hợp với trang web của bạn nha.

Nếu muốn thêm một box bạn chỉ cần thêm đoạn code bên dưới vào cuối cùng của đoạn code trên:

<!-- Nhãn 2 --> <div class="folder"> <div class="folder-title"> <div class="folder-activeleft fl"></div> <div class="folder-active fl"><a class="link-folder" href="http://namkna.blogspot.com/search/label/Blogspot%20Templates?max-results=5">Tip Blogger</a></div> <div class="folder-activeright fl"></div> <div class="subfolder fl"> <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot-tips?max-results=5">Blogspot Tips</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot%20Comments%20Emoticons?max-results=5">Emoticons</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Blogspot%20Menu?max-results=5">Menu</a> | <a class="link-subfolder" href="http://namkna.blogspot.com/search/label/Recent%20post%20Home?max-results=5">Future</a> </div> <div class="folder-titleright fr"></div> </div> <div class="folder-content" id="tdHomeFolder2"> <script language="JavaScript"> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNlmu1sWGEjpzUxppSawWlVpD-us1QraQH-_Pn9ib-x3ORQZEyWwxqN-L9hflr8f6BpCDvIgCUNvvpUxgdvJiR5-ubRz9F05NCr81Rymo6baefNaifNiAVluktL9k15fAL0TOc2YpBTAPX/"; document.write("<script src=\""+home_page+"/feeds/posts/default/-/Label n?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); </script> </div> <div class="folder-bottom"></div> </div>

7- Lưu mẫu lại:

Bây giờ hãy quan trở lại trang chủ của bạn để xem thành quả của bạn nha. Nếu gặp bất cứ khó khăn nào khi áp dụng hãy cho mình biết mình sẽ hỗ trợ các bạn.