HomeSao viet Tin tucMobileBlogTruyenPhotosMeo vatKhoa hocGameTiviTinh YeuThi TruongLam dep360Lien he
Liên hệ với chúng tôi để đặt quảng cáo của bạn trên trang chủ và tất cả các trang con của web này.Gia theo thỏa thuận. Liên hệ quảng cáo
Hiển thị các bài đăng có nhãn Bố cục – Layout. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Bố cục – Layout. Hiển thị tất cả bài đăng

Nhúng trang web vào blogger bằng iframe


( 24ahz.com) - Bạn có thể nhúng một trang web khác vào blog của bạn bằng code iframe đơn giản như Xem phim Vượt Ngục bằng cách nhúng URL với iFrame vào blog, nhưng gặp phải vấn đề chỉ hiển thị trên phần khung nội dung của blogger, để giải quyết nhược điểm hiển thị không hết toàn bộ trang web nhúng vào ta có thể sử dụng phương pháp CSS.
Đây là thủ thuật rất dễ sử dụng, bạn có thể xem Demo mình đã thực hiện: xem DEMO
1 Công việc đầu tiên bạn phải xác định trang muốn hiển thị. Nếu chưa có bạn tạo một trang mới để hiển thị trang web nhúng hoặc tiện ích nhúng vào.
Như ví dụ trong demo, tôi tạo một trang mới tên  là trang :http://www.vnpressnet.com/2010/06/phim-prison-break-3-vuot-nguc-3.html
2Bước tiếp theo là vào Bảng điều khiển (Dashboard)  ..>>..  Thiết kế (Design)  ..>>..  Chỉnh sửa HTML (Edit HTML) và chèn đọan code sau:
<style type='text/css'>
<b:if cond='data:blog.url == &quot;http://www.vnpressnet.com/2010/06/phim-prison-break-3-vuot-nguc-3.html&quot;'>
#outer-wrapper {display:none;}
body {background:#222; padding:8px;}
</b:if>
</style>
vào trước thẻ  </head> hoặc dưới dòng code ]]></b:skin>
3Bước cuối cùng là chèn đọan code sau:

<b:if cond='data:blog.url == &quot;http://www.vnpressnet.com/2010/06/phim-prison-break-3-vuot-nguc-3.html&quot;'>
<iframe frameborder='0' height='700' scrolling='no' src='http://pixlr.com/editor/Editor_f9.swf' width='100%'/>
</b:if>
vào dưới thẻ  <body>
và Lưu lại mẫu (Save template)
Lưu ý : thay link http://www.vnpressnet.com/2010/06/phim-prison-break-3-vuot-nguc-3.html thành link của trang hoặc link tiện ích mà bạn muốn hiển thị.

HitCHÚC CÁC BẠN THÀNH CÔNG !!!

Nguồn : vnblognet
»»  Đọc thêm

Điều chỉnh Line Spacing – Khoảng cách dòng trong BlogSPOT


( 24ahz.com) - Khi chọn lựa và sử dụng một mấu Template Blogger sẵn có, đôi lúc bạn sẽ thấy thật là xấu khi các dòng chữ trong bài viết cứ dính sát vào nhau nhìn rối mắt.  Đê tăng khoảng cách giữa các dòng ( Line Spacing), bạn hãy làm theo hướng dẫn đơn giản sau:
Line_Spacing
1. Đăng nhập vào Blogger để chỉnh sửa
Bước đầu tiên là bạn phải đăng nhập vào tài khoản blog tại Blogger.com
Truy cập vào Blogger  >>  Thiết kế (Design) >>  Chỉnh sửa HTML (Edit HTML)
Tìm (Ctrl – F) đoạn mã .post
2. Chỉnh sửa khoảng cách giữa các dòng
Khi bạn tìm đoạn code .post  trong mẫu blogger sẽ giống như đoạn code sau:

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
...
.post p {
margin:0 0 .75em;
line-height:1.6em;
}
Bạn chỉ cần thêm đoạn code màu đỏ như dưới:

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
line-height:1.6em;
}
...
.post p {
margin:0 0 .75em;
}

Bạn có thể thay thế giá trị 1.6 bằng các giá trị khác tùy vào yêu cầu về khoảng các của bạn, giá trị càng lớn thì khoảng cách giữa các dòng càng tăng rộng ra.
Để chắc chắn là hợp lý bạn có thể click nút XEM TRƯỚC (Preview) để xem đã ưng ý chưa. Nếu đã ưng ý hãy  Lưu Mẫu(Save Template).
Thủ thuật nhỏ hy vọng có ích cho bạn.

Nguồn : vnblognet
»»  Đọc thêm

Biến Blogspot thành Wordpress


( 24ahz.com) - Nếu dạo qua một vòng các blog sử dụng blogspot platform, bạn sẽ bắt gặp không ít các blog có giao diện y hệt giao diện của Wordpress (trường hợp của hontap.blogspot.com là một ví dụ).

Làm thế nào để có được giao diện như vậy?



Tùng Lâm xin có một số đôi dòng chia sẻ cùng các bạn dưới đây, hi vọng rằng nó sẽ giúp ích được cho các bạn phần nào.


1. Theme: 

Theo quan niệm của nhiều blogger, theme phải thật dễ nhìn, hiện đại, có màu sắc riêng (phù hợp với nội dung của blog). Một số blogger lại dùng các theme mặc định của blogspot, điều này không sao tuy nhiên nó sẽ ít thể hiện được cá tính của blogger cũng như sự lựa chọn các theme bị bó hẹp.

Để chọn cho mình một theme đẹp, có giao diện giống wordpress bạn có thể tham khảo tại các trang chuyên cung cấp template cho blogspot như: BTemplates, Wordpresstoblogger, ourblogtemplates, bloggerblogtemplates...
Nếu biết chút ít về css bạn cũng có thể edit lại template để tạo phong cách riêng cho blog của mình.

2. Favicon: 

A favicon (viết tắt của biểu tượng yêu thích) là một biểu tượng liên kết với một trang web hoặc trang web dự định sẽ được sử dụng khi bạn đánh dấu trang web. Trình duyệt web sử dụng chúng trong thanh URL, trên tab, và các nơi khác để giúp xác định một trang web trực quan. Các favicon phải rõ ràng và thường được thiết kế để phù hợp với hình ảnh blog của bạn hoặc nội dung.
Tạo favicon còn giúp bạn che đi favicon mặc định của blogspot.
Xem thêm Tạo Favicons (biểu tượng ưa thích) cho Blogger

3. Hệ thống comment:

Hệ thống comment mặc định của blogspot bộc lộ khá nhiều hạn chế như giao diện không đẹp, không reply được,... Bạn có thể sử dụng các hệ thống comment như Disqus, IntenseDebate, JS-Kit để thay thế cho hệ thống comment mặc định của blogspot.
Xem thêm Top 3 hệ thống comment cho blogspot

4. Logo: 

Hiện nay có khá nhiền trang web, phần mềm giúp bạn làm logo đẹp như phần mềm AAA logo, logoease, logomaker,...

Bên cạnh đó, bạn cũng có thể sử dụng các toolbar, các Social Icons, tab cloud., featured content.. để cho blog của mình trông giống wordpress hơn.

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

Nguồn : vnblognet
»»  Đọc thêm

LinkWithin

Thống kê web
Related Posts with Thumbnails