• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Tạo trang homepage riêng cho trang nhãn nhất định

55
11/09/2011

Để tạo ra những thủ thuật vừa mới vừa độc thì mình luôn luôn khuyến khích các bạn đóng góp ý tưởng, bởi một lẽ hiển nhiên là “một cây làm chẳng nên non – ba cây chụm lại nên hòn núi cao” và trí óc mình dù có sáng tạo mãi thì nó cũng cạn đấy bạn ạ. Thế nên sự đóng góp của các bạn rất hữu ích cho cộng đồng.

Mới đây bạn Minh Triết có hỏi rằng, có cách nào tạo hẳn một trang giao diện riêng cho một nhãn gồm cả phần main blog hay không, và nếu cái này mà làm được nữa thì vô đối. Lấy ví dụ blog của mình có 3 chủ đề chính: là A, B, C gồm các bài viết theo các nhãn A, B và C. Mình muốn trang homepage riêng và mỗi khi vào trang có dạng http://abc.blogspot.com/search/label/A thì sẽ tạo ra một trang homepage riêng cho nhãn A (tương tự với B và C).

Quả thật thì ý tưởng này rất hay và rất độc đáo. Trước tiên xin cảm ơn bạn Minh Triết đã đóng góp ý tưởng này. Và sau đây là trang Demo để các bạn xem trước.

Nào chúng ta cùng tìm hiểu vấn đề nhé bạn. Hẳn bạn cũng biết, mỗi trang chủ của blogspot được định dạng trong phần main (gồm tiện ích Blog Posts và các tiện ích khác có thể được thêm vào). Code của phần main này ở chế độ Edit HTML của Template không mở rộng mẫu tiện ích có dạng chuẩn như sau:

<!-- Main content -->
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'/>
</b:section>
</div>
<!-- /Main content -->

Như vậy muốn tạo kiểu trang chủ riêng cho một nhãn thì chúng ta tạo thêm một phần main khác (có ID khác phần main chính của blogspot) và dùng lệnh điều kiện để chỉ hiển thị phần main mới tạo ở trang nhãn đó. Khi đó bạn sử dụng code như sau (thay đoạn code nói trên bằng đoạn code bên dưới:

<!-- Main content -->
<b:if cond='data:blog.url == &quot;URL_đến nhãn nào đó&quot;'>
<style>
#main2-wrapper {
… đặt code CSS ở đây …
}
</style>
<div id='main2-wrapper'>
<b:section class='main' id='main2' showaddelement='yes'>
<b:widget id='Blog2' locked='true' title='Bài đăng trên Blog' type='Blog'/>
</b:section>
</div>
<b:else/>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'/>
</b:section>
</div>
</b:if>
<!-- /Main content -->

Lưu ý phần code CSS ở trên bạn có thể tạo giống như CSS của phần main ở trang chủ hoặc có thể tạo khác nếu bạn muốn nó khác biệt.

Bạn cần phải nhớ rằng phần main mới tạo chỉ hiển thị ở trang nhãn chỉ định nên khi vào phần Page Elements để thêm tiện ích thì bạn sẽ không thấy được phần main này. Do đó nếu muốn tùy biến cho phần main này thì bạn phải chỉnh sửa ở chế độ mở rộng mẫu tiện ích hoặc thêm tiện ích ở trang chủ và hoàn thiện nó rồi sau đó vào Edit HTML để di dời nó đến phần main mới tạo. Lấy ví dụ mình tạo một tiện ích có ID là HTML100 ở trang chủ, sau đó mình vào Edit HTML và di dời nó đến phần main mới tạo như sau:

<b:section class='main' id='main2' showaddelement='yes'>
<b:widget id='HTML100' locked='false' title='' type='HTML'/>
<b:widget id='Blog2' locked='true' title='Bài đăng trên Blog' type='Blog'/>
</b:section>

Hoặc

<b:section class='main' id='main2' showaddelement='yes'>
<b:widget id='Blog2' locked='true' title='Bài đăng trên Blog' type='Blog'/>
<b:widget id='HTML100' locked='false' title='' type='HTML'/>
</b:section>

Như vậy nếu bạn muốn một trang nhãn nào đó có định dạng rất phức tạp với nhiều tiện ích thì trước tiên bạn thêm chúng ở trang chủ, xong rồi bạn di dời chúng đến phần main mới tạo theo cách như trên.

Tương tự nếu bạn muốn tạo kiểu trang chủ cho nhiều nhãn, ví dụ các nhãn A, B, C thì bạn dùng code như sau:

<!-- Main content -->
<b:if cond='data:blog.url == &quot;URL_đến nhãn A&quot;'>
<style>
#main2-wrapper {
… đặt code CSS ở đây …
}
</style>
<div id='main2-wrapper'>
<b:section class='main' id='main2' showaddelement='yes'>
<b:widget id='Blog2' locked='true' title='Bài đăng trên Blog' type='Blog'/>
</b:section>
</div>
</b:if>

<b:if cond='data:blog.url == &quot;URL_đến nhãn B&quot;'>
<style>
#main3-wrapper {
… đặt code CSS ở đây …
}
</style>
<div id='main3-wrapper'>
<b:section class='main' id='main3' showaddelement='yes'>
<b:widget id='Blog3' locked='true' title='Bài đăng trên Blog' type='Blog'/>
</b:section>
</div>
</b:if>

<b:if cond='data:blog.url == &quot;URL_đến nhãn C&quot;'>
<style>
#main4-wrapper {
… đặt code CSS ở đây …
}
</style>
<div id='main4-wrapper'>
<b:section class='main' id='main4' showaddelement='yes'>
<b:widget id='Blog4' locked='true' title='Bài đăng trên Blog' type='Blog'/>
</b:section>
</div>
</b:if>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'/>
</b:section>
</div>
<!-- /Main content -->

Xin lưu ý một điều rằng, thủ thuật này chỉ dành cho các bạn đã có chút kiến thức về blogspot và có máu phiêu lưu với Template của mình, đồng thời đầu óc phải sáng suốt khi Edit HTML nếu không bạn sẽ phá tanh bành lên đó. Hãy nhớ Download Full Template để sao lưu dữ liệu trước khi thực hiện thủ thuật.

{55 bình luậnAdd yours ?}

15:52:00, 11 thg 9, 2011

Lúc bác Minh Triết đưa ra ý tưởng, em cũng chưa hiểu rõ là như thế nào? Giờ anh Hà post bài, phân tích cụ thể lại có cả demo nữa thì em đã hiểu! Đóng góp của cộng đồng quả thật hữu ích anh Hà nhỉ!

Reply
15:59:00, 11 thg 9, 2011

Đúng thế đó LD, ý tưởng rất quan trọng, nó giúp chúng ta dễ dàng sáng tạo ra cái mới.

Reply
16:07:00, 11 thg 9, 2011

:63) :54)
Thật quá tuyệt vời, anh là nhất, hi hi...

Reply
18:16:00, 11 thg 9, 2011

Mình đã đặt link củ bạn vào blog,bạn hãy đặt link của mình vào blog của bạn nhé

Reply
18:17:00, 11 thg 9, 2011

à quên link của mình là: http://www.kiemtienptc.info/

Reply
19:57:00, 11 thg 9, 2011

em không hiểu bài viết này? đâu có thấy cái gì đâu? tìm mãi mới thấy cái chữ Demo

Reply
20:02:00, 11 thg 9, 2011

Giải thích chi tiết thế sao k hiểu Blue79 ơi.

Reply
22:38:00, 11 thg 9, 2011

url /search/ đều bị chặn nên e có cách hay hơn, đó là làm hẳn các sub domain và blog riêng cho label

Reply
09:54:00, 12 thg 9, 2011

@blue : Hình như là bài này bác Hạ hướng dẫn thiết kế "Style riêng cho phần "trang chủ" của một nhãn nào đó.
Cái này chắc để áp dụng cho trang "tổng hợp các bài viết của cộng tác viên" là hợp.

Reply
10:02:00, 12 thg 9, 2011

Nói chung là có thể áp dụng cho vài nhãn nổi bật nào đó Hody Chan à.

Reply
10:14:00, 12 thg 9, 2011

Bác Hà làm giải quyết giùm cái thủ thuật em đề nghị nhé. Ở bên chỗ yêu cầu thủ thuật đấy. :53)

Reply
10:16:00, 12 thg 9, 2011

Mình nhớ rồi DNH à, đang bận làm việc ấy mà, rảnh sẽ giải đáp ngay thôi.

Reply
10:28:00, 12 thg 9, 2011

Hody Chan: thế sao mình xem cái demo đâu có thấy gì thay đổi đâu?

Reply
10:40:00, 12 thg 9, 2011

Blue79blog k thấy cái Autoreadmore khác biệt sao, nếu thêm tiện ích vào nữa thì sẽ khác nhiều, do anh chưa tính thêm tiện ích gì vào đó thôi.

Reply
11:05:00, 12 thg 9, 2011

Ý kiến của Hody Chan rất hay, có lẽ a sẽ tạo một trang thật hoành tráng riêng cho các tác giả.

Reply
11:32:00, 12 thg 9, 2011

Cám ơn bác Hà, cái chính là ý tưởng của cách làm, vấn đề code thì mọi người có thể tùy chỉnh được.
Cái này rất hữu ích để làm một trang con trong một trang lớn :)

Reply
11:33:00, 12 thg 9, 2011

Blog bác Hà dạo này load chậm và dễ bị treo cứng khi tải 2 hoặc 3 trang. bác có nhứng cái script nào mà nặng dữ vậy...

Reply
Yolks
AUTHOR
12:17:00, 12 thg 9, 2011

script cái emo làm Yolks rất khó chịu , load bằng firefox và chrome cứ báo lỗi hoài à

Reply
12:44:00, 12 thg 9, 2011

Chỉ có cái bộ Emo là đáng nặng thôi, nhưng mà nó đã lỡ bị dùng lâu rồi, nay muốn thay thì cần phải có thời gian mới được đóa.

Reply
13:37:00, 12 thg 9, 2011

Hì hì, sẵn đây báo lỗi luôn :51) Trang của anh Hà khi xem trên mobile đột nhiên 3 bữa nay mất tiêu sidebar, không thấy đâu hết :60(

Reply
13:56:00, 12 thg 9, 2011

lạ đăng comments kg đc có khi nào nó quang vô spam kg ta. bác hà check giùm :(

Reply
15:07:00, 12 thg 9, 2011

Cảm ơn nhé Peace, do đang tạo một cái trang riêng biệt, dính đếnh lệnh điều kiện xong, sẽ fix cái vụ mobile đó (nó bị ẩn chứ gì).

Reply
15:08:00, 12 thg 9, 2011

Thường thì nếu xem trên di động thì xem bằng trình duyệt Opera Mini, mà lúc đó trang anh Hà không được đẹp lắm, sidebar chạy hẳn xuống dưới anh ạ!

Reply
15:31:00, 12 thg 9, 2011

Ủa? Demo đâu vậy anh?

Reply
15:52:00, 12 thg 9, 2011

@Linh DungTrên di động em cũng xem bằng Opera Mini, theo em thì thuthuatblogger.info nên dùng theme cho di động của blogspot. Như thế sẽ tiện cho người sử dụng hơn.

Reply
20:16:00, 12 thg 9, 2011

Cho MT hỏi luôn trong topic này, cách chỉnh tiêu đề blog hiển thị cho trang tĩnh. VD trang tĩnh giới thiệu sẽ có dang

Giới thiệu | Thủ thuật blogger

Reply
21:37:00, 12 thg 9, 2011

MT dùng code này:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

Hoặc đọc bài này: http://www.thuthuatblogger.info/2011/07/create-unique-and-accurate-page-titles.html

Reply
12:23:00, 13 thg 9, 2011

Cảm ơn bác hà, đã được rồi.

Cái này mình thay đổi từ bên ngoài id='main' còn một cách nữa là mình mở rộng mẫu tiện ích của main xong đặt câu lệnh if trực tiếp bên trong id='maim' cách này sẽ code sẽ gọn hơn chăng.

Cách này có được không Hà

Reply
12:33:00, 13 thg 9, 2011

Dường như giống nhau, nhưng đặt lệnh if trong id main mở rộng mẫu tiện ích sẽ rất phức tạp với các bạn mới, dễ quờ quạng lắm.

Reply
20:16:00, 4 thg 10, 2011

Anh Hà cho em xin công thức chung URL của nhãn ạ !

Reply
20:19:00, 4 thg 10, 2011

@Hoàng Hải Ví dụ: http://www.thuthuatblogger.info/search/label/jQuery

http://www.thuthuatblogger.info/search/label/Blogger

Reply
21:04:00, 4 thg 10, 2011

data:blog.homepageUrl + "search/" cái nãy nghĩa là sao a :C)

Reply
21:24:00, 4 thg 10, 2011

@Hoàng Hải Tức là trang chủ cộng phần search trang nhãn, ví dụ http://www.thuthuatblogger.info/search/label/Label1

Reply
21:33:00, 4 thg 10, 2011

ới nó chưa hiển thị hết đấy ạ data:blog.homepageUrl + (dấu và)quot(Chấm Phảy)search/(dấu và)quot(Chấm Phảy)

Reply
21:35:00, 4 thg 10, 2011

ak..........Em đang định làm cái mở liên kết trong tap mới, nhãn nào em cũng muốn làm nhưng có cái nào áp dụng cho toàn bộ k ạ.

Reply
21:52:00, 4 thg 10, 2011

@Hoàng Hải Trong Template ở chế độ mở rộng mẫu tìm tất cả các dòng expr:href='data:label.url' rồi thay bằng expr:href='data:label.url' target='_blank'

Reply
22:07:00, 4 thg 10, 2011

HJHJ đc anh ạ. Nhưng nếu muốn làm với bài viết thì sẽ thay thế nào ạ

Reply
22:08:00, 4 thg 10, 2011

data:post.url' Thành data:post.url' target='_blank' hết ạ

Reply
22:09:00, 4 thg 10, 2011

@Hoàng Hải Đúng thế. You are clever. :1)

Reply
22:11:00, 4 thg 10, 2011

HƠ hơ :4) :4) :4)

Reply
22:14:00, 4 thg 10, 2011

blog của em có read more nên chắc em chỉ chèn chỗ read more thôi đc đó anh nhở

Reply
22:15:00, 4 thg 10, 2011

a class='readmore' expr:href='data:post.url' target='_blank'>Read More :1)

Reply
22:18:00, 4 thg 10, 2011

@Hoàng Hải Sao Hải k upload avatar cho hồ sơ, để trống trơn vậy :A)

Reply
22:35:00, 4 thg 10, 2011

Tuân lệnh anh em đã đổi ngay avatar rồi này. Cho em một nhận xét khách quan cái........

Reply
22:37:00, 4 thg 10, 2011

@Hoàng Hải Ồ hơi bất ngờ, xem blog cứ tưởng là manly hô hô. Xin chào cô gái Hà Nội :1)

Reply
22:42:00, 4 thg 10, 2011

HAHA t hì manly mà bạn em đó hô hô

Reply
22:42:00, 4 thg 10, 2011

Thôi kiểu này phải đổi thôi..........:B) :B) :B)

Reply
22:45:00, 4 thg 10, 2011

Anh Hà không có lên YIM hả?

Reply
22:45:00, 4 thg 10, 2011

:F) :F) :F) Hj đổi lại ảnh của em không tự tin comment chút nào.

Reply
22:52:00, 4 thg 10, 2011

@Petit Đang download cài lại YM 11

Reply
22:56:00, 4 thg 10, 2011

@Hoàng Hải Chọn một cái ảnh làm avatar lâu dài, sau này k nên thay đổi để thể hiện sự kiên định của mình.

Reply
22:59:00, 4 thg 10, 2011

Vâng nhưng em chưa tìm đc một cái ảnh chính thức , ít ra thì nó cũng phải là một cái ảnh chụp gần mặt. sắp tới chắc chắn em sẽ kiếm đc và đổi lại một lần và giữ nó từ đó. HJ :3) :3) :3)

Reply
21:28:00, 22 thg 10, 2011

… đặt code CSS ở đây …

là đặt nội dung gì để trang mới tạo khác biệt cho với trang chủ hả anh???

anh trả lời hộ em nha!!

Email:trauvangsoibac@gmail.com

Reply
14:56:00, 27 thg 10, 2011

....
....


______

Sao em hông tìm thấy đoạn code trên ? Hay đoạn nào khác giống thế hả anh ? :B)

Reply
Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn