Hiển thị các bài đăng có nhãn Làm Web. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Làm Web. Hiển thị tất cả bài đăng

18 thg 3, 2011

3 bước test và lấy backlink nhanh chóng mà đơn giản cho Blogger

0 nhận xét
  Ai cũng vậy, kể từ khi khởi tạo blog đều muốn Google đánh chỉ mục nhanh chóng và đạt nhiều chỉ mục, tuy nhiên thông thường việc này phải mất ít nhất là 1 tuần, để nhanh chóng thực hiện bạn có thể sử dụng thủ thuật test, gửi link blog của bạn lên các trang đánh giá Value Blog, đây là các trang đánh giá giá trị blog của bạn đáng giá bao nhiêu… để tạo backlink.

Thông thường các trang này có PageRank cao và rất dễ được Google và các trang tìm kiếm đánh chỉ mục. Vì vậy, bất cứ khi nào bạn thử test giá trị trang web của bạn, trang web này sẽ tạo ra trang kết quả đánh giá giá trị trang web của bạn. Và khi đó, bạn sẽ có một backlink từ mỗi trang web đánh giá value mà bạn bạn gửi link. Lúc này các trang kết quả được lập chỉ mục bởi Google, sau đó liên kết của bạn sẽ dễ dàng được thu thập bởi Google spider và Blog của bạn sẽ sớm được lập chỉ mục.

3 bước test giá trị Blog và nhận nhiều backlink cùng một lúc.

DANH SÁCH CÁC WEB ĐÁNH GIÁ VALUE.

- Copy và dán danh sách dưới vào notepad

websitevaluebot.com/www.yourdomain.com
peekstats.com/yourdomain.com
webworth.info/http://www.thattinh.biz/
statswebsites.com/http://www.thattinh.biz/
cash81.com/http://www.thattinh.biz/
nakedweb.org/http://www.thattinh.biz/
tatlia.com/http://www.thattinh.biz/
statout.com/http://www.thattinh.biz/
georanks.com/http://www.thattinh.biz/
webrapport.net/http://www.thattinh.biz/
worthlook.com/http://www.thattinh.biz/
worth.im/http://www.thattinh.biz/
www.statbrain.com/http://www.thattinh.biz/
www.builtwith.com/?http://www.thattinh.biz/
www.aboutus.org/http://www.thattinh.biz/
www.cubestat.com/http://www.thattinh.biz/
whois.tools4noobs.com/info/http://www.thattinh.biz/
www.alexa.com/siteinfo/http://www.thattinh.biz/
www.alexa.com/data/details/?url=http://www.thattinh.biz/
www.siteadvisor.cn/sites/http://www.thattinh.biz/
whois.domaintools.com/http://www.thattinh.biz/
www.aboutdomain.org/backlinks/http://www.thattinh.biz/
www.whoisya.com/http://www.thattinh.biz/
www.who.is/whois-com/http://www.thattinh.biz/
www.robtex.com/dns/http://www.thattinh.biz/
whois.ws/whois-info/ip-address/http://www.thattinh.biz/
whoisx.co.uk/http://www.thattinh.biz/
www.quantcast.com/http://www.thattinh.biz/
www.thegetpr.net/site/http://www.thattinh.biz/
uptime.netcraft.com/up/graph?site=http://www.thattinh.biz/
www.pageheat.com/heat/http://www.thattinh.biz/
www.aboutthedomain.com/http://www.thattinh.biz/
websiteshadow.com/http://www.thattinh.biz/
domainsearch101.com/domainsearch/http://www.thattinh.biz/
page2rss.com/page?url=http://www.thattinh.biz/
www.surcentro.com/en/info/http://www.thattinh.biz/
www.quarkbase.com/http://www.thattinh.biz/
www.esitestats.com/http://www.thattinh.biz/
websitevaluebot.com/http://www.thattinh.biz/

- Thay thế “http://www.thattinh.biz/” bằng dịa chỉ URL weblog của bạn. Có thể một vài link web trên hiện đang không hoạt động nhưng không ảnh hưởng gì tới kết quả tes của bạn nên ban hãy yên tâm thực hiện tiếp bước thứ 2.

CHÈN MÃ VÀO WEBSITE URLOPENER.COM

sau khi bạn đã thay thế URL xong danh sách trong bước 1, bạn truy cập vào URLOpener.com và dán code đã chỉnh sửa vào URLOpener, và click submit.



MỞ TRANG WEBLOG TEST GIÁ TRỊ.

Sau khi click submit, bạn click vào opened in a new tab để mở các trang này. Hãy để chúng load trong một vài phút, khi đã load xong thì đóng chúng lại là xong.

Như vậy chỉ với 3 bước đơn giản, bạn đã vừa tạo cho mình một số backlink cho blog của bạn từ các trang đánh giá value có giá trị với pageRank cao.

Chúc các bạn thành công!!!Thất Tình.Biz | Phần mềm | Tin tức | Thủ Thuật | Phim | Game|Teen Sock| Scandan
  

5 bước SEO cơ bản mang tính tổng quát

0 nhận xét
 Để có thể làm tăng thứ hạng website cũng như quảng bá web một cách hiệu quả và bền vững, một nhà thiết kế web cần phải có một tiến trình thực hiện thật rõ ràng ngay từ đầu.

Tiến trình để thực hiện tối ưu hóa một trang web với các máy tìm kiếm có thể được diễn tả theo một số bước sau đây:
1) Phân tích đối thủ.
Việc phân tích các đối thủ cạnh tranh sẽ giúp bạn có được một chiến lược hợp lý. Việc nghiên cứu các đối thủ, cũng bao gồm cả việc tìm hiểu về những từ khóa mà họ chọn, độ mạnh, yếu của các từ khóa đó, hay cách thức họ tổ chức nội dung bài viết, các menu, liên kết trên website. Việc này không có nghĩa là bạn sẽ sao chép y nguyên họ, mà chỉ là xem để học hỏi. Biết được càng nhiều về những site cạnh tranh, bạn sẽ có thể biết được mình đang cạnh tranh với ai, ở đâu và cách để cải thiện website của mình.
2) Nghiên cứu từ khóa.
Thông qua việc xem xét, nghiên cứu từ khóa, bạn có thể biết các từ khóa liên quan tới nội dung website, và mức độ quan tâm của cộng đồng người dùng tới các từ khóa đó. Việc tạo dựng được sự đồng nhất giữa các từ khóa bạn chọn với các từ khóa mà người dùng quan tâm sẽ có nhiều cơ hội để đưa được thêm nhiều người tới website của bạn hơn.
3) Tạo dựng nội dung.
Bạn cần phải luôn luôn cải thiện các trang web của mình. Tiến trình này bao gồm tối ưu hóa các đoạn code HTML (tiêu đề, thẻ META,…) và cả kiến trúc của site (cách tổ chức nội dung, các menu, các liên kết,…) cung với đổi mới giao diện trang web (nội dung, thiết kế,…). Cần nhớ rằng, một website có giao diện thiết kế bắt mắt mà nghèo nàn về nội dung thì cũng sẽ không thể giữ được khách ở lại lâu dài.
4) Tổ chức từ khóa.
Các từ khóa mà bạn chọn sẽ được đặt lên website của bạn. Các từ khóa này nên được xuất hiện ở những trang quan trọng nhất trên site của bạn (trang chủ hay trang về dịch vụ…). Tuy nhiên, điều quan trọng là sự cân bằng của các từ khóa, do vậy bạn nên cân nhắc đến số lượng các từ khóa trên từng trang web cho phù hợp.
5) Xây dựng liên kết.
Tạo dựng được các liên kết tốt với các website khác sẽ giúp site của bạn có tới 95% thành công trong việc gia tăng thứ hạng trên các máy tìm kiếm. Một lời khuyên là các site liên kết nên có cùng chủ đề, nội dung đề cập với website của bạn để cho kết quả tốt nhất. Bởi các máy tìm kiếm như Google có thể nhận biết được mối liên hệ giữa nội dung bài viết và các liên kết. Các liên kết trên web còn thực hiện nhiệm vụ định hướng cho khách thăm website cũng như cho cả các máy tìm kiếm. Trong quá trình tổng hợp các thông tin trên website, các bọ tìm kiếm sẽ lần theo dấu vết của các liên kết trên site để có được sự liên hệ giữa các website với nhau.
Thất Tình.Biz | Phần mềm | Tin tức | Thủ Thuật | Phim | Game|Teen Sock| Scandan

Sitemap widget – Sơ đồ Blog cho Blogger

0 nhận xét
 
Sơ đồ Blog - Sitemap hay còn gọi là Table of Contents là một bảng phụ lục liệt kê tất cả các bài viết trên Blog theo từng trương mục ( Labels ) hoặc theo thời gian ( Archived ) một cách tự động.
Cùng với các tiện ích như Numbered Page Navigation, Related Posts hay Breadcrumb, góp phần tạo nên sự điều hướng dễ dàng và thuận tiện cho độc giả, giúp gia tăng Pageview và giữ chân độc giả ở lại Blog bạn lâu hơn.
Ý tưởng bắt nguồn từ Amanda - một Blogger tên tuổi, sau đó được Abu-Farhan cải tiến giúp tiện ích trở nên đơn giản và bắt mắt hơn.
Chính vì những lợi ích rất thiết thực mà tiện ích mang lại, hôm nay iTechPlus xin giới thiệu đến các bạn 3 style của tiện ích này nhằm giúp các bạn có nhiều sự lựa chọn phù hợp cho Blog của mình.
Style 1 : Table of Contents by Label
Table of Contents by Label
1. Vào Chỉnh sửa Bài đăng > Chỉnh sửa Trang > Trang mới để đặt tiện ích trên một Static Page
2. Chuyển qua chế độ Chỉnh sửa HTML và dán vào đoạn code bên dưới
<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="http://www.itechplus.info/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
3. Thay đoạn code in đậm bằng địa chỉ blog bạn rồi nhấn Xuất bản trang là OK.
* Vì là một trang Page nên bạn có thể đặt đâu tùy ý, hoặc get link và tạo một liên kết trên thanh menu giống iTechPlus chẳng hạn.
Style 2 : Table of Contents by Date ( Archived )
Table of Contents by Archived
Thực hiện các bước tương tự Style 1, chỉ thay nội dung bằng đoạn code sau :
<script style="text/javascript" src="http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js"></script>
<script src="http://www.itechplus.info/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>
Style 3 : Table of contents and Accordion
Table of contents and Accordion
Thực hiện các bước tương tự Style 1, chỉ thay nội dung bằng đoạn code sau :
<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://www.itechplus.info/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>
* Lưu ý : các bạn nên download các file .js và .css về lưu trữ hoặc upload lên host riêng đề phòng trường hợp host trên die.
Như vậy là bạn đã tạo cho mình một Sơ đồ Blog update bài viết hoàn toàn tự động rồi đó.
Thất Tình.Biz | Phần mềm | Tin tức | Thủ Thuật | Phim | Game|Teen Sock| Scandan

Tạo “Friend Connect” widget cho Blogger

0 nhận xét
Chắc hẳn bạn đã từng thấy tiện ích Friend Connect – Kết nối bạn bè trên một blog nào đó. Đây là một khung chứa liên kết đến các trang blog cá nhân của những người bạn của chủ Blog.
Tiện ích này không những có thể giúp chủ blog liên kết dễ dàng đến các Blog khác, mà đây còn là một hình thức để quảng bá lẫn nhau giúp tăng Pageview cho những blog được liên kết.
Dĩ nhiên Google cũng đã cung cấp cho các Blogger một tiện ích tương tự là Google Friend Connect hay Followers, nhưng tiện ích này có một vài nhược điểm như :
  • Phải sử dụng 1 file JavaScript để thực thi. Điều này xem ra không ổn vì sẽ ảnh hưởng đôi chút đến tốc độ tải trang của Blog, cho nên nó thường được các Blogger đặt ở Footer ( bên ngoài content-wrapper ).
  • Đoạn code để tạo nên tiện ích không hợp chuẩn W3C Validator - Điều này sẽ ảnh hưởng đến nhiều thứ khác. Chi tiết bạn có thể xem tại đây.
Chính vì lý do đó, và cũng theo yêu cầu của bạn Trung, hôm nay iTechPlus sẽ giới thiệu đến các bạn từng bước để tạo tiện ích này một cách dễ nhất.
Tạo “Friend Connect” widget cho Blogger

Hình minh họa
1. Chuẩn bị
- Favicon của Blog bạn muốn liên kết
- Link đến Blog bạn muốn liên kết
2. Thực hiện
- Vào Thiết kế > Phần tử trang
- Tạo một widget HTML\JavaScript và dán vào đoạn code bên dưới ( không cần tạo tiêu đề cho widget )
<style type="text/css">
#itechconnect{margin:0; padding: 0; height:238px; overflow: auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi3xMEvHtoOdrWmuuO1BDrKveF5QpO3664ENAnq1GLqWo9zgTw8dx-HxuLU_NbhVWqykxYHGgVtzAlpqnICaWa7M2RBNwHOQxOpJeskAIsSzgmj1zoenIHIh1BKbvhXqmk0Y3YjOyPcuM/) no-repeat bottom right; font-weight:bold}
#itechconnect p {margin:0; padding:2px 10px}
.favicon {width:16px; height:16px; margin-right:5px}
.connect {width:48px; height:48px; margin:5px 10px -15px 0}
</style>
<div id="itechconnect">
<center style="margin-bottom:15px"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQD5ARKMD2rEeEpH78u1NYylVGQGYnD9nBeLE0fucd8gqjMOBbVGLI24z62Sfrc8FIQTRQ7H1xRCBtH1w9uuALdmX-Yw4L_a5MT4PDw7esckYrubDynHGnWWQYgFLaxXddfLaDLrB0Rw8/" class="connect"/><a href="http://www.itechplus.info/">KẾT NỐI BẠN BÈ</a></center>
<p> <img src="YOUR FAVICON" class="favicon" /> <a href="
http://www.itechplus.info/" target="_blank">iTechPlus.info</a></p>
<p> <img src="YOUR FAVICON" class="favicon" /> <a href="
http://www.itechplus.info/" target="_blank">VNPCTech</a></p>
<!—tương tự cho các liên kết khác -->
</div>
Thay đoạn code được in đậm cho phù hợp.
Như vậy là bạn đã có tiện ích “Liên kết bạn bè” đơn giản mà
Thất Tình.Biz | Phần mềm | Tin tức | Thủ Thuật | Phim | Game|Teen Sock| Scandan

Tiện ích “Thông tin cần biết” cho Blogger

0 nhận xét
“Thông tin cần biết” là tiện ích được sử dụng rất phổ biến trên các trang Web tin tức ở VN, như báo VNExpress, Vietnamnet,…dưới nhiều dạng thức khác nhau. Tuy nhiên, tựu trung lại cũng chỉ chứa các thông tin như giá vàng, thời tiết, giá chứng khoán,…vv…
Cho dù nội dung trên Blog của bạn không liên quan gì đến các lĩnh vực đó, nhưng theo iTechPlus bạn cũng nên trang bị cho Blog của mình bởi đó là những “thông tin cần biết”, không lúc này thì lúc khác.
Và trong bài viết bên dưới, iTechPlus sẽ hướng dẫn các bạn tạo một bảng nội dung như hình dưới chỉ với 3 bước đơn giản :
Tiện ích "Thông tin cần biết" giống iTechPlus.info
Thực hiện :
Bước 1 : Vào Thiết kế > Chỉnh sửa HTML
Bước 2 : Chèn đoạn code bên dưới vào trước thẻ đóng </b:skin>
.thongtin img{width:24px;height:18px;margin:5px 5px -5px 0}
.thongtin li{margin:10px 0 20px}
Bước 3 : Tạo một widget HTML\JavaScript và chèn vào đoạn code sau :
<script language="JavaScript">
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=500,height=350,left = 380,top = 180');");
}
</script>
<table border="0" width="100%" align="left" cellspacing="0" cellpadding="0" class="thongtin" style="border-bottom:1px solid #ddd">       
<tr><td align="left" valign="top" width="50%">
<ul><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpPyBJnolHiPbYdnxRhCRYIZFfgaS39nnkU6VYQmKx4fHIm9BHIyfdY17HYL-V47bzKjqVRsNs4JJ3CB96AWXja0mWNQThcnSbA9sQcDI-JElWsGVWCqOrTvs5pho9Nky5rFuuJCIVOjQ/"/><a href="javascript:popUp('http://www.taichinhdientu.vn/services/infopage.aspx?svc=exchangerates')">Tỉ giá ngoại tệ</a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivvxInQRlFYTqZXY0cMe2XwU-6it62QhCfhNWsb-04DNGXxmdhLRPsz1EtFjOu4g4KfnQqX6VtKljeuqV212Q9is-iVboAgOGFDd2kwockVj0JESH27iN-VUGsrEC_j1w3j0tMZmVuato/"/><a href="javascript:popUp('http://www.taichinhdientu.vn/services/infopage.aspx?svc=goldrates')">Bảng giá vàng</a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq6Hl7JEoIZE5NImeNSBB8Jd7ou-3RW4DLIGIDx7p4YtzcIJPgjteXeFcABCfaKK4TlNDB6G46GUfFnMOXGl_0DV6ouRyPc1PCsYZMSydOCuAoGxqfuelUAsQG8z_2Yval00E1gOb5avo/"/><a href="javascript:popUp('http://www.taichinhdientu.vn/services/infopage.aspx?svc=oilrates')">Bảng giá dầu</a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiABdxMEP1bqKur2a_olemuryoeU2F5gqIq2Vb7IwoWvZ48PKK65gPi3A_kcpKZ_jHqwb_F8SIflM8yyaQfMTrMxF_nc9GI_G_DO7cR81vGQjphuSo8ADzOEAgK-Qu2rETJif5FgyxRH6U/"/><a href="javascript:popUp('http://chungkhoan.24h.com.vn/chungkhoan.php')">Giá chứng khoán</a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbD9hLkLMSe5azFMGNRhQivfi6sg9fOQ71FIhn7ZaHigAw7tia0C5tD1wG-y5F9fI8fUJymRoP-zkN2PMoC9a-HxCHooGkBXVbnDT6bM8os5Wcb9qGt0zAvT0nsz87qcsqyx8Mxmoj5HU/"/><a href="javascript:popUp('http://www.chieuphimquocgia.com.vn/lichphim/Default.aspx?MenuId=14')">Lịch chiếu phim</a></li>
</ul></td>
<td align="left" valign="top" width="50%">
<ul><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0ZTx1LzlY6R3zVANuJ9rhFQzuBzgwMUlJWYsSpWFHWuEHhtSLkhCAtfvtxawUevUuuD_SWYZhW8ySPgWYqkfNL3pzmP4Xx9vEqX4HD4WGiwyuwGwdlyW_ypN1o7Q1nuAVJ3QfgWt8abE/"/><a href="javascript:popUp('http://vovnews.vn/Services/Infopage.aspx?svc=lotteryresults')">Kết quả xổ số</a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU_gnTYgWkyUcYbJdOxL1PjdANOPrfxmo8C6_tpssK9Q4YqNaDkauKGQQD97j1jlrunKmNCBxdEJchAVi6mp638rG64UmWVl3ikwe7KGytPTWfsLwkp5pRq9JYLj8h5ORT1jE4HdplUUE/"/><a href="javascript:popUp('http://baobongda.com.vn/lich-thi-dau/league/')">Lịch bóng đá</a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGNd7vOTYBtQZO2Yw22EvPHB7Q8AZiYNSQ16UEBwBfsSu96ffzyCWPeIyuzR0JoYDS_kPBX9hzY1SIOpgt31RZ8Ewae34p2piD39eJ1l1W5fAgq9B0aXEgx6YEHkoGkQsELGoC3jXdedo/"/><a href="javascript:popUp('http://www.taichinhdientu.vn/services/infopage.aspx?svc=tvschedules')">Lịch truyền hình</a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPupgYuE2xS8uHAeRJygX0o5kLaXJt9cDCBy-7upl46clLaJFdmm7rdS5cEl6x1mLhC4Ryl_b_WSuYUkqIpImbzFgKuSciAhLhP7VSr1riCU8xEFJ_GXXgnFWCjZxGHK1O5VIuop3h88g/"/><a href="javascript:popUp('http://vovnews.vn/Services/Infopage.aspx?svc=weathers')">Dự báo thời tiết</a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7lddqtLalkyRVfSx7UOJmlcU9R1VQP5hgFChexh1nr1_KmZkRu0Nb_ifzqtsADy4jQV49Un1L-AZYBclH4TaBDpCRaCbzLSCNIwvmQ4ng3NqKTlz0dg9AbZP1LD-PdYB7OogFquwqSA/"/><a href="javascript:popUp('http://service.thesaigontimes.vn/atm/tracuuatm.aspx')">Điểm đặt ATM</a></li>
</ul></td></tr></table>
Lưu lại là bạn đã có tiện ích “Thông tin cần biết”Thất Tình.Biz | Phần mềm | Tin tức | Thủ Thuật | Phim | Game|Teen Sock| Scandan

Related Posts – Bài viết liên quan cho Blogger

0 nhận xét
Một phương pháp tương đối dễ dàng để tăng số lượng Page Views trên blog của bạn là thêm một danh sách các bài liên quan bên dưới mỗi bài viết. Điều này cung cấp cho độc giả nhiều thông tin liên quan hơn đến chủ đề mà họ đang theo dõi.
Đây là một tiện ích được sử dụng rất phổ biến, và nó cũng có rất nhiều “biến thể”. Hôm nay iTechPlus sẽ giới thiệu đến các bạn một số style được sử dụng phổ biến nhất trên các trang Web/Blog trong cũng như ngoài nước, nhằm cung cấp cho các bạn có nhiều lựa chọn hơn trong việc áp dụng vào Blog của mình.
A. Style 1 : Related Posts Widget for Blogger v1 ( BloggerPlugins )
1. Vào Thiết kế > Chỉnh sửa HTML > Tick chọn Mở rộng mẫu tiện ích
2. Chèn đoạn code bên dưới vào phía trên thẻ đóng </head>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:blue;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1AtWSE49oK2-WH_9ewa5pACx1h8-6eBT6lLMhxoYQIKS5rvpHyrgGaxMRbDcRP7L8Pht6zFZD2ymPRV8xXdT9-i-6klxBgmpstbWikqd5CnXKtPKa3oKzM-UdQrQ0PZ15Wkql_GveU68/s200/greentickbullet.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}
</style>
<script type='text/javascript'>
var relatedpoststitle="Related Posts";
</script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-for-blogger.js' type='text/javascript'/>
</b:if>
3. Tìm trong Template của bạn đoạn code tương tự như bên dưới :
<div class='post-footer-line post-footer-line-1'>
hoặc
<p class='post-footer-line post-footer-line-1'>
và ngay lập tức bên dưới nó chèn đoạn code sau :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.itechplus.info/2011/01/related-posts-bai-viet-lien-quan-cho.html'><img style="border: 0" alt="Related Posts Widget for Blogger" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
<script type='text/javascript'>
var maxresults=5; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>
</b:if>
với var maxresults=5; là số bài viết sẽ hiển thị trong widget ( mặc định là 5 )
4. Save Template
B. Style 2 : Related Posts Widget for Blogger with Thumbnails ( BloggerPlugins )
1. Vào Thiết kế > Chỉnh sửa HTML > Tick chọn Mở rộng mẫu tiện ích
2. Chèn đoạn code bên dưới vào phía trên thẻ đóng </head>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYO3QbkA7rQRebIHBL9E6uP4D_tL6CDxBexts6r73Zf7Odlv8M9bk35pxeit-WZT-2NF_0zkrQ5Y1cFiJLY95MQkJcEm0IfkW0nBtaEM9Tb7nqndRQcU3pB-ymnJoFGdYxv5-B8j8ifv0/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
</b:if>
3. Tìm trong Template của bạn đoạn code tương tự như bên dưới :
<div class='post-footer-line post-footer-line-1'>
hoặc
<p class='post-footer-line post-footer-line-1'>
và ngay lập tức bên dưới nó chèn đoạn code sau :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.itechplus.info/2011/01/related-posts-bai-viet-lien-quan-cho.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://www.itechplus.info/' ><img style="border: 0" alt="Kiến thức – Thủ thuật – Giải pháp công nghệ" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
</b:if></b:if>
4. Thay thế code màu đỏ theo ý bạn
5. Save Template.
C. Style 3 : Related Posts by Categories ( Jackbook )
1. Vào Thiết kế > Chỉnh sửa HTML > Tick chọn Mở rộng mẫu tiện ích
2. Tìm trong Template của bạn đoạn code sau :
<data:post.body/>
hoặc
<p><data:post.body/></p>
và ngay sau nó chèn đoạn code bên dưới :
<b:if cond='data:blog.pageType == "item"'>
    <div class='similiar'>
        <div class='widget-content'>
        <h3>Related Posts by Categories</h3>
        <div id='data2007'/><br/><br/>
            <script type='text/javascript'>
            var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
            var maxNumberOfPostsPerLabel = 4;
            var maxNumberOfLabels = 10;
            maxNumberOfPostsPerLabel = 10;
            maxNumberOfLabels = 3;
            function listEntries10(json) {
              var ul = document.createElement(&#39;ul&#39;);
              var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
                             json.feed.entry.length : maxNumberOfPostsPerLabel;
              for (var i = 0; i &lt; maxPosts; i++) {
                var entry = json.feed.entry[i];
                var alturl;
                for (var k = 0; k &lt; entry.link.length; k++) {
                  if (entry.link[k].rel == &#39;alternate&#39;) {
                    alturl = entry.link[k].href;
                    break;
                  }
                }
                var li = document.createElement(&#39;li&#39;);
                var a = document.createElement(&#39;a&#39;);
                a.href = alturl;
                if(a.href!=location.href) {
                    var txt = document.createTextNode(entry.title.$t);   
                    a.appendChild(txt);
                    li.appendChild(a);
                    ul.appendChild(li);   
                }
              }
              for (var l = 0; l &lt; json.feed.link.length; l++) {
                if (json.feed.link[l].rel == &#39;alternate&#39;) {
                  var raw = json.feed.link[l].href;
                  var label = raw.substr(homeUrl3.length+13);
                  var k;
                  for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
                  var txt = document.createTextNode(label);
                  var h = document.createElement(&#39;b&#39;);
                  h.appendChild(txt);
                  var div1 = document.createElement(&#39;div&#39;);
                   div1.appendChild(h);
                  div1.appendChild(ul);
                  document.getElementById(&#39;data2007&#39;).appendChild(div1);
                }
              }
            }
            function search10(query, label) {
            var script = document.createElement(&#39;script&#39;);
            script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
             + label +
            &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
            script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
            document.documentElement.firstChild.appendChild(script);
            }
            var labelArray = new Array();
            var numLabel = 0;
            <b:loop values='data:posts' var='post'>
              <b:loop values='data:post.labels' var='label'>
                textLabel = &quot;<data:label.name/>&quot;;
                var test = 0;
                for (var i = 0; i &lt; labelArray.length; i++)
                if (labelArray[i] == textLabel) test = 1;
                if (test == 0) {
                   labelArray.push(textLabel);
                   var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
                          labelArray.length : maxNumberOfLabels;
                   if (numLabel &lt; maxLabels) {
                      search10(homeUrl3, textLabel);
                      numLabel++;
                   }
                }
              </b:loop>
            </b:loop>
            </script>
        </div>
    </div>
</b:if>
3. Thay đổi code màu đỏ theo ý bạn, trong đó :
- maxNumberOfPostsPerLabel : số bài viết  tối đa được hiển thị theo mỗi Label
- maxNumberOfLabels : số Label được hiển thị
4. Save Template
Chúc các bạn thành công !

Thất Tình.Biz | Phần mềm | Tin tức | Thủ Thuật | Phim | Game|Teen Sock| Scandan

Thanh trạng thái "breadcrumb" cho Blogspot

0 nhận xét
Breadcrumb là tiện ích được sử dụng khá phổ biến, đặc biệt là các trang Web/Blog vận hành trên nền tảng Wordpress. Cùng với tiện ích “ Page Navigation – phân trang cho Blogspot “, cả hai góp phần điều hướng tốt hơn cho Web/Blog của bạn.
Hơn nữa, với breadrumb, độc giả có thể biết được chủ đề mình đang theo dõi thuộc trương mục ( Breadcrumbs based on a post's category ) nào, thời gian nào ( Breadcrumbs based on a post's date ), có thể giúp gia tăng lượng click của độc giả và kéo họ ở lại Blog của bạn lâu hơn. Chính từ những ưu điểm đó, hôm nay iTechPlus sẽ giới thiệu cho các bạn 2 style của tiện ích này : một cái dựa trên trương mục ( có dạng : Browse » Home » Category » Post Title ) và một cái dựa trên thời gian ( có dạng : You are here: Home > Year > Month > Post Title )
A. Style 1 : Breadcrumbs based on a post's category ( BloggerPlugins )
1. Tìm đoạn code bên dưới :
<b:include data='top' name='status-message'/>
và thay thế thành :
<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>
2. Tiếp theo, tìm đoạn code này :
<b:includable id='main' var='top'>
và thay thế thành :
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
3. Cuối cùng, thêm đoạn code CSS bên dưới vào trước thẻ đóng </b:skin>
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
4. Save template
B. Style 2 : Breadcrumbs based on a post's date ( PurpleMoggy )
1. Tìm đoạn code tương tự như bên dưới :
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
Ngay sau nó các bạn chèn đoạn code này :
<b:include data='post' name='breadcrumbs'/>
2. Cuộn xuống dưới cùng của widget này ( xem hình minh họa bên dưới )
và dán code sau vào giữa </b:includable> và </b:widget> :
<b:includable id='breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
You are here:
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<script type="text/javascript">
//<![CDATA[
var strCrumbHref = location.href.toLowerCase();
var intCrumbHtml = strCrumbHref.indexOf('.html');
var intCrumbWhereAt = strCrumbHref.lastIndexOf('/', intCrumbHtml);
var intCrumbYearStart = intCrumbWhereAt - 7;
var intCrumbMonthStart = intCrumbWhereAt - 2;
var intCrumbYear = parseInt(strCrumbHref.substr(intCrumbYearStart, 4));
var intCrumbYearPlusOne = intCrumbYear + 1;
var strCrumbMonthNum = strCrumbHref.substr(intCrumbMonthStart, 2);
var strCrumbMonth = '';
switch(strCrumbMonthNum) {
case '01':
strCrumbMonth = 'January';
break;
case '02':
strCrumbMonth = 'February';
break;
case '03':
strCrumbMonth = 'March';
break;
case '04':
strCrumbMonth = 'April';
break;
case '05':
strCrumbMonth = 'May';
break;
case '06':
strCrumbMonth = 'June';
break;
case '07':
strCrumbMonth = 'July';
break;
case '08':
strCrumbMonth = 'August';
break;
case '09':
strCrumbMonth = 'September';
break;
case '10':
strCrumbMonth = 'October';
break;
case '11':
strCrumbMonth = 'November';
break;
case '12':
strCrumbMonth = 'December';
break;
}
var strCrumbOutput = ' > ';
strCrumbOutput += '<a href="/search?updated-min=' + intCrumbYear;
strCrumbOutput += '-01-01T00%3A00%3A00-08%3A00&updated-max=' + intCrumbYearPlusOne;
strCrumbOutput += '-01-01T00%3A00%3A00-08%3A00&max-results=50">' + intCrumbYear + '</a> > ';
strCrumbOutput += '<a href="/' + intCrumbYear + '_' + strCrumbMonthNum + '_01_archive.html">' + strCrumbMonth + '</a>';
document.write(strCrumbOutput);
//]]>
</script>
<noscript>
<b:if cond='data:post.labels'>
>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
</b:if>
</noscript>
<b:if cond='data:post.title'>
> <b><data:post.title/></b>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrumbs Hack -->
</b:includable>
3. Cuối cùng, chèn đoạn code sau vào trước thẻ đóng </b:skin>
.breadcrumbs {
border-bottom:1px dotted $bordercolor;
margin:0 0 0.5em;
padding:0 0 0.5em;
}
4. Save template
Chúc các bạn thành công !
 Thất Tình.Biz | Phần mềm | Tin tức | Thủ Thuật | Phim | Game|Teen Sock| Scandan

Hướng dẫn SEO cho Blogger Template

0 nhận xét
Bài viết này sẽ hướng dẫn các bạn cách tối ưu template Blogspot sao cho thân thiện với các bộ máy tìm kiếm ( Search Engine Optimize ).
Tôi tin rằng bài này không phải là hướng dẫn SEO hoàn thiện nhất cho mẫu blogger. Vì vậy, nếu bạn có bất kỳ ý tưởng nào, hãy để lại phản hồi ở đây, chúng ta sẽ cùng thảo luận để có thể hoàn thiện hơn thủ thuật này.
Page Title
Tiêu đề trang mặc định của một bài viết trong Blogspot theo thứ tự Tiêu đề Blog : Tiêu đề bài đăng. Điều này không tốt cho SEO. Vì vậy, chúng ta sẽ đổi thành Tiêu đề bài đăng | Tiêu đề blog. Tìm đoạn code bên dưới trong Template của bạn :
<title><data:blog.pageTitle/></title>
và thay thế thành :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
Bạn cũng có thể thêm một số từ khóa vào tiêu đề Blog, ví dụ :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> ~ iTechPlus | Kiến thức – Thủ thuật - Giải pháp công nghệ</title>
</b:if>
META Keywords And Description

Một số Blogger chuyên nghiệp đã viết hướng dẫn về việc làm thế nào để chèn từ khóa và mô tả vào Blog. Thực ra điều này rất dễ : bạn chỉ cần chèn đoạn code bên dưới vào sau Title tab hoặc trước <b:skin><![CDATA[/*
Ví dụ :
<meta name="description" content="Kiến thức – Thủ thuật – Giải pháp công nghệ" />
<meta name="keywords" content="hệ điều hành, tin học văn phòng, đồ họa, bảo mật" />
Tuy nhiên, đoạn code trên sẽ chèn từ khóa và mô tả trên tất cả các bài viết trong Blog. Điều này không tốt cho SEO vì bạn có thể nhận được cảnh báo từ Google Webmaster Tools rằng nó đã phát hiện có nội dung trùng lặp trên Blog của bạn. Do đó, cách tốt nhất là chỉ chèn từ khóa và mô tả tại trang chủ của Blog. Bạn thêm đoạn code in đậm vào đoạn code trên, như bên dưới :
<b:if cond='data:blog.url == data:blog.homepageUrl'> <meta name="description" content="Kiến thức – Thủ thuật – Giải pháp công nghệ" />
<meta name="keywords" content="hệ điều hành, tin học văn phòng, đồ họa, bảo mật" />
</b:if>
Heading
Heading Tag ( H1, H2, H3, H4, H5 ) cũng rất quan trọng cho SEO. Tiêu đề các Widgets ( Gadgets ) sử dụng H2 tab. Tiêu đề bài viết sử dụng H3 tab ( Minima Template ) và một số template khác lại sử dụng H2 tab cho tiêu đề bài viết. Để cải thiện SEO, bạn cần sử dụng H1 tab cho tiêu đề bài viết, ví dụ, tìm đoạn code sau :
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
Ví dụ trên cho thấy mẫu của bạn sử dụng H3 tab cho tiêu đề bài viết ( nếu bạn không tìm thấy, mẫu của bạn có thể sử dụng H2 tab ). Thay thế H3 ( H2 ) tab thành H1, như bên dưới :
<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/><b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
Bạn sẽ cần thay đổi font size cho tiêu đề bài đăng bằng cách chèn đoạn code sau vào trước thẻ đóng ]]></b:skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
Trong ví dụ này, tôi sử dụng font size là 1.5em, bạn có thể thay đổi nếu muốn.
Tham khảo thêm ở đây ( nâng cao )
Social Bookmarking
Tham gia và quảng bá Blog của bạn trên các mạng xã hội là một trong những cách tốt nhất để tăng cường khả năng SEO cho Blog. Bạn có thể làm theo hướng dẫn ở đây để biết cách chèn Social Bookmarking vào Blog của bạn.
Breadcrumb
Bạn có thể sử dụng Breadcrumb để giúp điều hướng blog của bạn dễ dàng hơn cho khách viếng thăm. Hướng dẫn tạo thanh Breadcrumb cho Blog bạn có thể tham khảo ở đây.
Related Posts
Bài viết liên quan hiện nay là một tiện ích không thể thiếu cho Blog hay Website, giúp người đọc dễ dàng hơn trong việc tìm kiếm những bài viết cùng chuyên mục đang theo dõi. Các bạn xem hướng dẫn cách tạo tiện ích bài viết liên quan ở đây.
Auto Readmore Link
Sử dụng tiện ích Auto Readmore sẽ giúp Blog của bạn trông gọn gàng hơn : chỉ hiện thị tiêu đề và một đoạn trích dẫn ngắn ( với ảnh đại diện ). Không những vậy nó còn có thể giúp giảm thời gian tải trang cho Blog.
Tiện ích này có 2 loại : một sử dụng CSS và một sử dụng JavaScript. Bạn có thể đọc hướng dẫn ở đây ( CSS ) và ở đây ( JavaScript )
Chúc các bạn thành công !
Thất Tình.Biz | Phần mềm | Tin tức | Thủ Thuật | Phim | Game|Teen Sock| Scandan

 

16 thg 3, 2011

Một kiểu phân trang đẹp cho blogspot

0 nhận xét
Thất Tình.Biz | Phần mềm | Tin tức | Thủ Thuật | Phim | Game|Teen Sock| Scandan


Hiện nay trên cộng đồng Blogger có khá nhiều kiểu phân trang khác nhau cho blogspot. Mỗi kiểu đều có nét đẹp và ưu điểm riêng cho nên bạn cần lựa chọn kiểu nào phù hợp nhất để cài đặt cho blog của mình. Bạn có thể dùng từ khóa “phan trang” để tìm trên blog này một số kiểu phân trang cho blogspot.

Script cho các kiểu phân trang dường như có những điểm na ná giống và cách cài đặt cũng vậy. Ở đây tôi xin giới thiệu một kiểu phân trang cũng khá đẹp.

Xem Demo.

Để cài đặt kiểu phân trang này, bạn hãy thực hiện như sau.

Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML, chọn Expand Widget Templates.

Đặt đoạn code dưới đây vào trước dòng ]]></b:skin>.

.showpageOf{background:#006666;margin-right:3px;padding:4px 7px;color:#FFF;text-shadow:1px 1px 1px #000;font-size:13px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.showpagePoint{background:#FFF;border:1px solid #006666;margin:0 3px;padding:3px 6px;color:#006666;text-shadow:1px 1px 1px #7F7F7F;font-size:13px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.showpageNum a,.showpageNum a:visited{background:#006666;margin:0 3px;padding:4px 7px;color:#FFF;text-shadow:1px 1px 1px #000;font-size:13px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.showpageNum a:hover,.showpageNum a:active{background:#FFF;border:1px solid #006666;padding:3px 6px;color:#006666;text-shadow:1px 1px 1px #7F7F7F;text-decoration:none}

Bước 2. Đặt đoạn code bên dưới vào trước thẻ </body>.

<script type='text/javascript'>var home_page=&quot;/&quot;;
urlactivepage=location.href;postperpage=7;
numshowpage=5;
upPageWord=&#39;Prev&#39;;
downPageWord=&#39;Next&#39;;
</script>
<script type='text/javascript'>
//<![CDATA[
var nopage;var jenis;var first;var lblname1;PageNavi();function loophalaman(a){var e="";nomerkiri=parseInt(numshowpage/2);if(nomerkiri==numshowpage-nomerkiri){numshowpage=nomerkiri*2+1}mulai=first-nomerkiri;if(mulai<1){mulai=1}last=parseInt(a/postperpage)+1;if(last-1==a/postperpage){last=last-1}akhir=mulai+numshowpage-1;if(akhir>last){akhir=last}e+="<span class='showpageOf'>Page "+first+"/"+last+"</span>";var g=parseInt(first)-1;if(first>1){if(first==2){if(jenis=="page"){e+='<span class="showpageNum"><a href="'+home_page+'">'+upPageWord+"</a></span>"}else{e+='<span class="showpageNum"><a href="/search/label/'+lblname1+"?&max-results="+postperpage+'">'+upPageWord+"</a></span>"}}else{if(jenis=="page"){e+='<span class="showpageNum"><a href="#PageNo='+g+'" onclick="redirectpage('+g+');return false">'+upPageWord+"</a></span>"}else{e+='<span class="showpageNum"><a href="#PageNo='+g+'" onclick="redirectlabel('+g+');return false">'+upPageWord+"</a></span>"}}}if(mulai>1){if(jenis=="page"){e+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{e+='<span class="showpageNum"><a href="/search/label/'+lblname1+"?&max-results="+postperpage+'">1</a></span>'}}if(mulai>2){e+="..."}for(var f=mulai;f<=akhir;f++){if(first==f){e+='<span class="showpagePoint">'+f+"</span>"}else{if(f==1){if(jenis=="page"){e+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{e+='<span class="showpageNum"><a href="/search/label/'+lblname1+"?&max-results="+postperpage+'">1</a></span>'}}else{if(jenis=="page"){e+='<span class="showpageNum"><a href="#PageNo='+f+'" onclick="redirectpage('+f+');return false">'+f+"</a></span>"}else{e+='<span class="showpageNum"><a href="#PageNo='+f+'" onclick="redirectlabel('+f+');return false">'+f+"</a></span>"}}}}if(akhir<last-1){e+="..."}if(akhir<last){if(jenis=="page"){e+='<span class="showpageNum"><a href="#PageNo='+last+'" onclick="redirectpage('+last+');return false">'+last+"</a></span>"}else{e+='<span class="showpageNum"><a href="#PageNo='+last+'" onclick="redirectlabel('+last+');return false">'+last+"</a></span>"}}var c=parseInt(first)+1;if(first<last){if(jenis=="page"){e+='<span class="showpageNum"><a href="#PageNo='+c+'" onclick="redirectpage('+c+');return false">'+downPageWord+"</a></span>"}else{e+='<span class="showpageNum"><a href="#PageNo='+c+'" onclick="redirectlabel('+c+');return false">'+downPageWord+"</a></span>"}}e+="<div></div>";var d=document.getElementsByName("pageArea");var b=document.getElementById("blog-pager");for(var h=0;h<d.length;h++){d[h].innerHTML=e}if(d&&d.length>0){e=""}if(b){b.innerHTML=e}}function firstpost(a){var c=a.feed;var b=parseInt(c.openSearch$totalResults.$t,10);loophalaman(b)}function PageNavi(){var a=urlactivepage;if(a.indexOf("/search/label/")!=-1){if(a.indexOf("?updated-max")!=-1){lblname1=a.substring(a.indexOf("/search/label/")+14,a.indexOf("?updated-max"))}else{lblname1=a.substring(a.indexOf("/search/label/")+14,a.indexOf("?&max"))}}if(a.indexOf("?q=")==-1&&a.indexOf(".html")==-1){if(a.indexOf("/search/label/")==-1){jenis="page";if(urlactivepage.indexOf("#PageNo=")!=-1){first=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{first=1}document.write('<script src="'+home_page+'feeds/posts/summary?max-results=1&alt=json-in-script&callback=firstpost"><\/script>')}else{jenis="label";if(a.indexOf("&max-results=")==-1){postperpage=20}if(urlactivepage.indexOf("#PageNo=")!=-1){first=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{first=1}document.write('<script src="'+home_page+"feeds/posts/summary/-/"+lblname1+'?alt=json-in-script&callback=firstpost&max-results=1" ><\/script>')}}}function redirectpage(a){jsonstart=(a-1)*postperpage;nopage=a;var c=document.getElementsByTagName("head")[0];var b=document.createElement("script");b.type="text/javascript";b.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");c.appendChild(b)}function redirectlabel(a){jsonstart=(a-1)*postperpage;nopage=a;var c=document.getElementsByTagName("head")[0];var b=document.createElement("script");b.type="text/javascript";b.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");c.appendChild(b)}function finddatepost(b){post=b.feed.entry[0];var a=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var d=encodeURIComponent(a);if(jenis=="page"){var c="/search?updated-max="+d+"&max-results="+postperpage+"#PageNo="+nopage}else{var c="/search/label/"+lblname1+"?updated-max="+d+"&max-results="+postperpage+"#PageNo="+nopage}location.href=c};
//]]>
</script>

Bạn có thể điều chỉnh số bài viết hiển thị ở mỗi trang tại tham số postperpage=7.

Bước 3. Tìm bất kỳ dòng nào như thế này 'data:label.url'

Rồi thay thế nó bằng dòng 'data:label.url + &quot;?&amp;max-results=7&quot;'

Lưu Template là OK.
 

SEO với Heading Tab trong Blogger Template

0 nhận xét
Thất Tình.Biz | Phần mềm | Tin tức | Thủ Thuật | Phim | Game|Teen Sock| Scandan
Dưới đây là một số hướng dẫn cơ bản để làm cho Blogger Template trở nên thân thiện hơn với bộ máy tìm kiếm. Trong khuôn khổ bài viết này, iTechPlus sẽ sử dụng template Minima để làm ví dụ. Nếu các bạn sử dụng Template khác thì sẽ vất vả hơn một chút, bởi phải hiểu được bố cục của template mình đang sử dụng cũng như cách bố trí Heading tab ( H1, H2, H3,…) trong template đó.
Thực hiện như sau : Vào Thiết kế > Chỉnh sửa HTML > Tick chọn Mở rộng mẫu tiện ích. Các bạn nên sử dụng tổ hợp phím Ctrl + F trên bàn phím để tìm kiếm code nhanh hơn và dễ dàng hơn.
1. Thay đổi tiêu đề bài đăng ( Post Title )
Tìm đoạn code bên dưới :
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
và thay đổi thành
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
2. Thay đổi tiêu đề Blog ( Blog Title )
Tìm đoạn code bên dưới :
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
và thay bằng đoạn code sau
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
Kế tiếp, tìm đoạn code sau
<h1 class='title'>
<b:include name='title'/>
</h1>
và thay thế thành
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
3. Tùy chỉnh CSS
Các bạn tìm đoạn code sau
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:$textcolor;
}
và thay thế thành
.post h1, .post h2 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong{
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
color:$textcolor;
}
Kế tiếp, tìm đoạn code bên dưới
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
và thay bằng đoạn code sau
#header h1, #header p {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
Tiếp theo, các bạn tìm đoạn code
h2.date-header {
margin:1.5em 0 .5em;
}
và thay thế nó bằng đoạn code này ( xóa H2 tab )
.date-header {
margin:1.5em 0 .5em;
}
Do đã xóa H2 tab của date-header, nên bạn phải tìm đoạn code sau trong template
<h2 class='date-header'><data:post.dateHeader/></h2>
và thay nó bằng đoạn code bên dưới
<div class='date-header'><data:post.dateHeader/></div>
4. Save Template
Trên đây là một số thao tác tùy chỉnh Heading Tab để làm cho Template của bạn trở nên thân thiện hơn với các bộ máy tìm kiếm. Các phương pháp khác iTechPlus sẽ giới thiệu sau. Hy vọng bài viết này sẽ có ích đối với bạn.

 

Tạo link "Top of Page" - Về đầu trang cho Blogger

0 nhận xét
Thất Tình.Biz | Phần mềm | Tin tức | Thủ Thuật | Phim | Game|Teen Sock| Scandan
Chắc các bạn thấy ở nhiều trang Web, blog có hiện icon "Top of Page", "Back to Top", "Về Đầu Trang"... khi click vào đó thì nhanh chóng quay trở lại đầu trang không phải dùng đến thanh trượt.
Các bạn không phải lo ngại gì về vấn đề làm thay đổi cấu trúc hay lo ngại việc xuất hiện của Icon này sẽ che mất một phần bài viết bởi đây là một icon có kích thước nhỏ, được liên kêt với "mục tiêu" phía trên bằng cách sử dụng symbol "#".
Để thực hiện điều này trước tiên bạn cần tạo cho mình một biểu tượng - icon "Back to top" bằng các phần mềm chuyên dụng rồi upload lên PhotoBucket, Flickr hoặc host nào đó trên mạng, hoặc có thể tìm kiếm rồi copy. Chọn cách nào cũng được, không bắt buộc cầu kỳ trong vấn đề này.


Ví dụ một số icon:
Return Top images image Return Top 2
Các mã được sử dụng để tạo "Back to top" là biểu tượng liên kết được xây dựng bởi cấu trúc sau:


<a href="#"> <-- Link mục tiêu phía đầutrang
<img src="url-of-image" <-- URL của icon
alt="alternative text" <-- Alt text để tiếp cận
title="Back to Top" <-- Đoạn text tittle
style="display: scroll; <-- Mã để cho phép cuộn icon
position: fixed; <-- Cố định vj trí icon
bottom: 5px; <-- icon hiển thị khoảng cách 5px tính từ dưới
right: 5px;" /></a> <-- Hiển thị khoảng cách 5px bên phải.

Cài đặt tạo link "Về Đầu trang".
Hãy copy đoạn mã HTML/JavaScript dưới:





<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://đường dẫn của icon bạn sử dụng"/></a>


Sau đó paste chúng vào giữa đoạn thẻ <body> và </body>. Dùng tiện ích (Ctrl+F) để tìm đoạn thẻ </body> và paste ngay trước thẻ này.

Sau khi paste, bạn có thể Preview xem nó có hoạt động hay không. Sau đó hãy Save changes nếu không có trục trăc gì.

Hiệu chỉnh biểu tượng

Nếu bạn mong muốn thay đổi icon biểu tượng mới, chỉ cần thay đường dẫn màu đỏ bằng đường dẫn tới biểu tượng mới mà bạn ưa thích.
Bạn cũng có thể hiệu chỉnh vị trí cho phù hợp với template của mình bằng cách hiệu chỉnh các chỉ số sau tùy theo ý của bạn:

position: fixed;
bottom: 0px;
right: 0px;
Bạn cũng có thể vị trí iconbiểu tượng cho phù hợp với thiết kế của bạn. Ví dụ, nếu bạn muốn biểu tượng trên để được tuôn ra với phía dưới góc phải (không có không gian), thay đổi mã ở trên. Để ấn định vị trí biểu tượng đi từ bên phải hay bên dưới, chỉ cần tăng pixel để phản ánh giá trị này.
Bài này được dịhc từ blog Amanda, các bạn có thể áp dụng đối với blog của mình và cho mình biết ý kiến của bạn nhé.

 

Sitemap.xml và việc quảng bá website của bạn

0 nhận xét
Thất Tình.Biz | Phần mềm | Tin tức | Thủ Thuật | Phim | Game|Teen Sock| Scandan
image Sitemap.xml là file lưu trữ các thông tin về cấu trúc và thông tin khác của website được những nhà phát triển web sử dụng để tạo điều kiện cho các công cụ tìm kiếm (Google, Yahoo, MSN,…) thuận lợi hơn trong việc thu thập dữ liệu của mình. Phương pháp này mới chỉ được áp dụng trong một vài năm gần đây.
Sitemaps are an easy way for webmasters to inform search engines about pages on their sites that are available for crawling. In its simplest form, a Sitemap is an XML file that lists URLs for a site along with additional metadata about each URL (when it was last updated, how often it usually changes, and how important it is, relative to other URLs in the site) so that search engines can more intelligently crawl the site



Các trang tìm kiếm thường thu thập thông tin theo các links (liên kết) được cung cấp trên những trang web đó, nhưng giả sử thông tin đó rất hay nhưng lại không có liên kết thì gần như chúng sẽ không được thu thập. Và sitemap.xml giải quyết vấn đề đó. Chỉ cần cung cấp địa chỉ trang web vào sitemap.xml, sau đó, bạn có thể ăn ngon ngủ yên và chắc chắn rằng các trang tìm kiếm sẽ thu thập thông tin ở trang web đó. Đặc biệt, trang web của bạn sau khi thiết kế xong sitemap.xml sẽ xuất hiện trên các trang tìm kiếm rất nhanh. Và một điều nữa là có thể đôi khi bạn không tin nhưng sitemap.xml có thể giúp trang web của bạn có thứ hạng tốt hơn so với việc không có đấy!
Lợi ích của sitemap.xml là vậy nhưng bắt đầu từ đâu để làm sitemap.xml?
Chắc hẳn, ai cũng sẽ hỏi điều này nếu như đây là lần đầu nghe đến cụm từ “sitemap.xml”. Trước hết, bạn phải tạo cho trang website của mình một file sitemap.xml với cấu trúc như sau:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>http://www.example.com/</loc>
<lastmod>2005-01-01</lastmod>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>
</urlset>
Bạn cần phải thông báo cho các trang tìm kiếm về sitemap.xml của mình để thu hút sự quan tâm của chúng. Bạn có thể bỏ qua bước này nếu trang web của bạn quá… nổi tiếng. Tuy nhiên, lời khuyên của mình là cứ sau “một số” thay đổi trên website của bạn như… cập nhật, thêm thông tin. Bạn nên nhắc nhở các trang tìm kiếm viếng thăm trang web của mình để thu thập thông tin sẽ rất có lợi cho bạn bởi thông tin bạn cập nhật sẽ lên Google rất nhanh. Việc bạn “bắt” các trang tìm kiếm thu thập trang mình quá nhiều trong khi bạn chưa cập nhật hoặc có thêm thông tin gì mới sẽ rất bất lợi cho bạn.
Bạn có thể cập nhật bằng cách ping sitemap.xml đến các trang tìm kiếm. Hiện tại (theo mình biết) thì chỉ có Google, Live (MSN), Yahoo và Ask hỗ trợ bạn ping sitemap.xml đến. Và cách ping rất đơn giản. Bạn chỉ cần truy cập vào các địa chỉ sau:
Với đường dẫn trên bạn có thể thay địa chỉ sitemap.xml bằng địa chỉ của bạn.