Loading post navigation ...
 
 

Pro page

71
Nhận xét

Hướng dẫn tạo 1 PAGE cho blogspot

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

[FD BlOg] - Như các bạn đã biết, muốn tạo thêm 1 page cho blogspot ta chỉ có 1 cách duy nhất là tạo thêm 1 bài viết mới. Và lợi dụng điều này, và áp dụng các thủ thuật cũ đã đăng, hôm nay mình sẽ hướng dẫn 1 cách nhỏ để tạo thêm 1 page cho blogspot của bạn. Với thủ thuật này blog bạn sẽ ngày càng giống 1 weblog hơn.

Các bạn có thể xem thử demo minh họa ở đây : http://www.fandung.com/2009/02/contact-me.html


Mô tả chung thủ thuật : thủ thuật này lợi dụng việc tạo thêm 1 bài viết mới để lấy link liên kết cho trang page mà bạn sẽ tạo. Tức là khi xuất bản bài viết mới, ta không cần quan tâm tới nội dung của bài viết này, có thể bạn không cần soạn nội dung của nó cũng đc, ko sao cả. Khi đã có được link, bây giờ ta sẽ tạo 1 widget HTML/Javascript, và soạn nội dung của page vào đó. Tiếp đến ta dùng thủ thuật ẩn bài viết khi truy cập tới link liên kết này, và thêm 1 thủ thuật nữa là chỉ cho phép widget vừa tạo hiển thị khi truy cập tới link liên kết trên.

Như vậy ở thủ thuật này sẽ có 3 bước :
- Bước 1: tạo 1 trang bài viết để lấy link cho page.
- Bước 2: tạo 1 widget HTML/Javascript, và dán nội dung của trang page sẽ được tạo vào.
- Bước 3: tùy chỉnh việc hiển thị bài viết và widget HTML/Javascript.

☼ Bây giờ ta sẽ đi vào từng bước:
I. Bước 1 : tạo 1 trang bài viết để lấy link cho page.
- Vào phần soạn thảo bài viết mới và tạo 1 trang bài viết mới. với nội dung của bài viết để trống, nhãn cũng được để trống, chỉ duy nhất có phần tiêu đề.
- Mẹo : để link của trang page được đẹp, ta nên đặt tên của tiêu đề bài viết này là không dấu, ví dụ như hình minh họa :

- Ví dụ như với tiêu đề của mình minh họa trên ta sẽ có link liên kết của trang page như thế này :
http://www.fandung.com/2009/02/contact-me.html
- Và thêm 1 mẹo thứ 2 ở bước 1 này là : nên chỉnh sửa lại ngày đăng bài viết, để cho bài viết được nằm ở cuối của danh sách các bài đăng. Ví dụ như blog bạn tạo ngày 20/4/2008 thì ta chỉnh lại ngày đăng cho bài viết nằm trong ngày này chẳng hạn. Với mẹo này sẽ làm việc hiển thị bài viết ở trang chủ trở nên khó hơn.


II. Bước 2 : Tạo 1 widget HTML/Javascript và dán nội dung của trang mà bạn muốn tạo.
- Với việc này, bạn sẽ phải soạn thảo code HTML cho trang page ngay trên widget. Code để tạo nên trang này nhất thiết phải là code HTML, ngoài ra có thể kèm theo các code CSS, code Javascript để trang được tạo sẽ đẹp hơn. Việc này tương tự như các thủ thuật khác.


- Lưu ý : widget này phải nằm ở vị trí bên trên (hoặc dưới) phần "Bài đăng trên blog", tức là nó nằm ở cột Main. Như hình minh họa bên dưới:

- Như vậy đã xong bước 2, tiếp tục sang bước 3.

III. Bước 3 : ẩn bài viết và tùy chỉnh việc hiển thị của widget chứa nội dung của trang page.
- Ở bước 3 này ta sẽ có 2 bước nhỏ phải làm : ẩn bài viết khi truy cập tới link liên kết của trang page, và tùy chỉnh để widget chỉ hiển thị khi bạn truy cập tới link liên kết của trang page.

+ b1 : ẩn bài viết khi truy cập tới link liên kết của trang page.

Với bước này, ta sẽ ẩn hoàn toàn phần bài viết và chỉ cho phép hiển thị widget (và các phần còn lại của blog). Khi đó widget hiển thị chính là trang page mà bạn muốn tạo.
Để thực hiện điều này rất đơn giản, bạn chỉ cần thực hiện các bước như bên dưới :
1. Vào bố cục
2. vào chỉnh sửa code HTML
3. Chèn đoạn code CSS bên dưới vào trước dòng code </head>

<style type="text/css">
<b:if cond='data:blog.url == &quot;http://www.fandung.com/2009/02/contact-me.html&quot;'>
#Blog1 {display:none;}
</b:if>
</style>

- Với link màu xanh sẽ là link liên kết của bài viết mà bạn đã tạo để gán cho trang page.
4. Save template.

+ b2: chỉ cho phép widget chứa nội dung hiển thị khi bạn truy cập tới đúng link liên kết của trang page (ví dụ như trong code mẫu sẽ là link : http://www.fandung.com/2009/02/contact-me.html )

Với bước này, trước tiên bạn phải xác định ID của widget chứa nội dung của trang page. Để biết được ID, thực hiện các bước sau :
1. vào phần tử trang
2. Nhấp chọn chỉnh sửa ở widget chứa nội dung của trang page.
3. Và ta sẽ thấy được ID của nó như bên dưới :

- Trong hình minh họa ta thấy ID của nó là HTML8
- Bây giờ ta sang bước chính là chỉ cho widget này hiển thị khi ta truy cập tới link của trang page. Để làm điều này, các bạn thực hiện các bước như bên dưới :
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Chọn mở rộng mẫu tiện ích.
4. Tìm đoạn code của widget chứa nội dung của trang page (nhấn Ctrl + F và điền ID của widget vào là có thể tìm thấy Code của nó)

Và code của nó tương tự như thế này :

<b:widget id='HTML8' locked='false' title='Form contact' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

5. Thêm đoạn code được đánh dấu highlight như bên dưới :

<b:widget id='HTML8' locked='false' title='Form contact' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.url == &quot;http://www.fandung.com/2009/02/contact-me.html&quot;'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

- Thay link (code màu đỏ) lại thành link liên kết tương ứng với trang page của bạn.

6. Save template.

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


Enter your mail address:

71

Pika Rock

ohh, 1 thủ thuật đơn giản nhưng hữu ích thế, từ trước tới h e ko để í

doducluyen

thiếu mất cái page . mất dzui :(

fandung

@Đỗ đức Luyện : thiếu mất cái page nào bạn??? :-/

@CuongDC

cái theme tớ có sẵn, muốn add bao nhiu link thì tùy, ở cái link đó tớ gán Label là xong. Khỏi nhức đầu, hị hị

sexy darling asia

tip này hay thiệt đó làm choa em hỉu sâu hơn về hoạt động of blogspot

min HMN

hà hà... đơn giản mà không nghĩ ra...
hay ta...
anh Dũng send cho em cái code contact của anh nhé...mjning@gmail.com
cái code trang contact kia á. :D

[!!]Mưa[ -(¯`v´¯)--(¯`v´¯)»]Ngâu[!!]

>"< thủ thuật hay quá.
àh Anh Dũng ơi có thủ thuật nào làm ẩn bài viết tại một trang nhất định và đưa phần comment lên trên để làm mục FEEDBACK (như mục yêu cầu thủ thuật chẳng hạn) :D

vietutd

Mời các bạn tham gia .:Bình chọn bài viết và blogspot hay hàng tháng:. trên www.vietutd.com
Để tham gia, chỉ cần 2 cú click để .:Đặt banner liên kết đến trang bầu chọn blogspot của bạn:.
Bất kỳ ai có một email đều có thể tham gia bầu chọn. Rất mong các bạn tham gia ủng hộ. Chân thành cảm ơn!

anh3ngơ

bài hay hữu ích , anh sẽ nghiên cứu và áp dụng, cố gắng có nhiều bài hơn nữa em nhé.

anh3ngơ

Đề nghị Vietutd không dán quảng cáo "khoan cắt bê tông" lên tường và cột điện nhé x(

Pavel

Thêm cái / (</style>) trong phần CSS code để không bị báo lỗi.

♂←Xzip←♂

anh Fd ơi cái template của em sao ở sibar em ghi chữ thuờng thì nó ra chữ hoa vậy giúp em với

fandung

@min HMN : để tạo page contact như của anh, em có thể tham khảo thủ thuật này

http://www.fandung.com/2009/05/tao-form-lien-he-voi-kontactrcom.html

@Mưa Ngâu : đc chứ em.

@pavel : cám ơn bạn đã nhắc nhở. :D

@Xzip : chữ viết hoa hết là do dòng lệnh này :

text-transform:uppercase;

em tìm trong code CSS của sidebar, và thay đổi nó lại thành :

text-transform:none;

hoặc có thể xóa nó đi.

vietutd

@anh3ngơ: Chỉ loan báo vậy thôi, chứ em cũng ko định gắn bó sự nghiệp với cái trò phát tờ rơi này

NAD

Thủ thuật hay, thanks :D

Jess
Jess

Tớ đã áp dụng thành công trên blog của tớ. Thanks for tip. :)

Dịch thuật Việt

Cảm ơn FD, cái này em mong chờ nhất đấy :D

hi28

hello you ! Chào dũng tặng bạn bài này nhé :
http://www.deluxetemplates.net/1999/04/how-to-create-pages-on-blogger.html

hi28

Dũng nên đăng bài này lên blog của bạn nhé nó có lợi cho nhiều bạn đó . http://www.deluxetemplates.net/1999/02/using-title-tags-to-improve-seo.html
có thể blog dũng có rùi nhưng mình không biết nếu chưa có thì đăng lên nhé

hi28

Nói chung trong thang delu này nhìu bài hay lắm dũng nên mang về text lên cho 1 số anh em xài nhé :
http://www.deluxetemplates.net/1999/01/tips-tricks.html

thanphong07

Bài viết rất hữu ích ! Cám ơn bạn đã chia sẻ ! :X

Khách (ẩn danh)

=)) hay lắm

sir_danh_vt

that bo ich, thanks!

.: Cuong2free :.

Cảm ơn blogFD nhiều, đây là thứ bây lâu tôi cần.
Tôi vừa áp dụng tip này cho www.suapinlaptop.net
Mời các bạn ghé và vote dùm!

Khách (ẩn danh)

:D

clb.iyf.hanoi

Em chao anh a. em la nguoi moi viet Blog. Em khong biet bat dau tu dau. Anh co the cho em biet em phai lam nhung gi tu dau duoc khong a. Em xin chan thanh cam on anh

Advertise online

Thủ thuật hay đơn giản mà không biết, tks!

VANTUAN

bài viết của bạn thật là hay và thật sự có ích

Joseph : Phạm Minh Tâm

" Dũng ơi! bỏ trang này rồi sao không thấy bài mới vậy? http://amenexpress.blogspot.com "

Khách (ẩn danh)

thank :D

Huỳnh Nhật Hà
Mr.Tùng

đây là một bài báo tuyệt vời với những quan điểm hay.Tôi cũng tìm thấy một số công cụ tuyệt vời tại site-của-bạn thanhks

nunu

e làm theo hướng dẫn rồi nhưng ko biết sao ko thể lưu phần chỉnh sửa HTML đc. báo lỗi. chịu

Khách (ẩn danh)

hi b-( ok

Hapoi48

Chao ban. Minh moi tap lam blog nen khong biet cach dua banner vao trong bai viet o blogspot. Ban chi cho minh voi.
Thanks

Sandiego

cảm ơn bạn về thủ thuật này nha !

Robert

Good, very good! ! ! Thank you to let me see these articles and pictures, it's cool, I'm very excited, which to me is incredibly, I finally found the soul mate and your works not only real, and vivid! I love to see you as soon as possible, hope you update of work!!!watches sunglasses

Loda Dota

giờ blogspot cũng ra chứng năng này luôn rồi :), thật tiện lợi cho các blogger

Khách (ẩn danh)

trang này thủ thuật nhiều quá

Yuda taufiqurrahman

;)) Nice template gan :D

thoisuqrt

Anh Fan Dung ơi ! Tôi mới tập tành làm Blog.Nhờ anh thiết kế cho Blog được không ? Giá cả bao nhiêu mình thở thuận

Độc chiêu blog

Bạn còn viết thủ thuật trong bog này nữa ko thế

Tek24h

@LoDa: Thêm vào ở đâu vậy? Mà bạn chơi DotA ak?

cánh hạc nhỏ

tình cò lên mạng và biết đến blog của bạn, mình cảm ơn bạn rất nhều vì những bài vist của bạn thực sự bổ ích, tất mong trong thời gian tới sữ xó nhiều bài viết hay cho cư dân mạng tiện đay xin giới thiệu blog của mình , xin mọi người ghé thăm

trăm năm trước ta chưa hề gặp
100 năm sau biết gặp nhau không
cuộc đời sắc sắc không không
chi bằng hãy click vào dòng dưới đây

http://canhhacnho.blogspot.com/

kenhthoitrang

Trình diẽn bài viết dạng Slide với jQuery (cập nhật) ANh Dung link dẫn bài này bị lỗi rùi anh sửa lại gúp em được không ạ! Thanks anh nhiều Hy vọng anh fix bản cập nhật Slide tự động

Thủ lĩnh IB

Page của Blogger có khả năng SEO tốt hơn nhiều so với bài post

phim sex

thanks. bài viết rát hay. tao blog là một thú vui cho mọi người. cám ơn admin đã giúp đỡ các thủ thuật

tra sam

cám ơn anh Dung nha. nhờ có các thủ thuật của anh mà blog của em trông pro hơn. thanks nhiu

Dieu Vinh Tuan

Anh FDung ơi! Anh có thể chỉnh số ký tự hiển thị ở phần Post bài tăng lên được không, em chỉ viết có mấy chữ mà đã hiển thị Read more(của em chỉ khoảng 20 chữ à). Anh biết cách tăng số lượng chữ ở phần Post thì chỉ em với....Thank!

Khách (ẩn danh)

Ex: My blog have 3 pages are Home About & Contact.
Home and About pages are normal.
Now, I want page Contact link to a other website.
How can i do?

Khách (ẩn danh)

my blog
http://marketingonlinepowerful1.blogspot.com/

Happy

Đọc không hiểu gì hết ak. Cái page tạo ra nó không thấy. Không hiểu kết quả nó là thế nào.

RCT group

thanks. bài viết rất hay. nhưng hình như phiên bản mới có thêm phần tạo trang phải không nhỉ. mình thấy có phần tạo trang

Phan Dũng

@RCT group: uh đúng rồi bạn. Nhưng hình như nó chỉ cho tạo được 10 trang thôi. Nếu nó ko cho tạo nhiều thêm nữa thì mình sử dụng cách này

kiemtienquangcao

Mình làm rồi , nó giống hệt mấy trang khác thôi mà, đâu có viết thêm dược bài viết trong đó đâu. Muốn viết thêm vào trang đó thì vào chỉnh sửa như mấy trang viết bài thôi mà.

zGiaPunz

a

www.phimcucnet.tk

Thanks nha. bài viết rất hữu ích

loc

CHO MÌNH HỎI, NẾU MÌNH MUỐN ẨN HẾT TIÊU ĐỀ, SLIDE BAR, MAIN V.V.., CHỈ CÓ CÁI NỘI DUNG WIGET HIỆN THÔI ĐƯỢC KHÔNG BẠN DŨNG.

Khách (ẩn danh)

hoàng phước
bạn ơi giúp mình với
mình vào blog mình tạo thêm một trang mà
trên trang đó thiếu thanh công cụ bạn có thể
vào trang này xem và chỉ giúp mình mình cảm
ơn trước

http://trungtamdichvu.blogspot.com/2011/08/aaaaaa.html

♥ Root ♥

cái này hay để thử xem đã

24h-Cafe

FD ơi mình làm theo hướng dẫn mà khi connet vào trang contact các nội dung khác vẫn không ẩn đi, bác giúp mình với. Thanks

24h-Cafe

Địa chỉ của mình http://vnsupercar.blogspot.com/

minhnhat042000

FD ơi, cho mình hỏi, khi đã tạo được một widget và ẩn nó đi như FD nói rồi, nhưng mình có cách nào viết bài vào trang đó giống như viết bài vào trong phần bài đang trên blog không? FD có thể chỉ mình phần đó với, cảm ơn FD nhiều

Nguyễn Thiện Thắng

e làm mãi ko được, chán quá

Nguyễn Thiện Thắng

có cách nào viết bài vào trang đơn giản ko FD, chỉ giúp e với.

113

ở bước 2 code Tạo 1 widget HTML/Javascript thế nào vậy :(

Vinh Sơn_Thanh Hồng

giúp mình với, mình mới làm quen với Blog nên chả hiểu gì cả??:((

Phạm Anh Tú

hehe ta làm đc rồi, quá tuyệt vời các Pro ak
và đây là lin của em nó
cay xa den

Nguyễn Ngọc Liêm

Cám ơn tác giả. bài viết rất bổ ích.
Theo hướng dẫn tôi mới tạo được blogpost và tạo trang như hướng dẫn.
Thành công :D
Nhưng khi chuyển trang thì bị rất chậm. Không biết bị lỗi gì không?
Cám ơn bạn rất nhiều

kelvin mitnick

Admin và các bạn giúp mình với: Blog của tôi đã tạo 1 số Page. Hầu hết đều xem được nội dung như thường: http://www.k3lvinmitnick.com/p/update-premium-accounts-with-premium.html. Nhưng có 1 page mới bị sao đó, không thấy hiển thị nội dung: http://www.k3lvinmitnick.com/p/all-best-leech-sites.html . Cảm ơn các bạn gửi hướng dẫn Fix sớm. Thanks,



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home