Đăng bởi Admin | 17/1/14 | 4 nhận xét
Bài hướng dẫn này sẽ giúp bạn tạo được widget chuyển hướng trang với phong cahs đẹp và hấp dẫn. bạn có thể chọn nó theo ý thích, Nó giúp khách có thể truy cập vào tất cả các trang trên blog của bạn. Nó sử dụng java script, CSS và HTML cho widget. bạn cũng có thể tham khảo bài viết trước đây của tôi về chuyển hướng ở đây hoặc ở đây
1. Đăng nhập vào tài khoản blogger và nhấp thả xuống.
2. Bây giờ chọn " Mẫu "Cũng giống như dưới đây.
3. Bấm vào Thêm tiện ích và chọn "HTML / Javascript
4. Dán dưới đây một trong những mã dưới đây.
Style 1:
Thật đơn giản phải không nào?
Chúc bạn thành công !...
Tham khảo từ: bloggertrix.com
Bài hướng dẫn này sẽ giúp bạn tạo được widget chuyển hướng trang với phong cahs đẹp và hấp dẫn. bạn có thể chọn nó theo ý thích, Nó giúp khách có thể truy cập vào tất cả các trang trên blog của bạn. Nó sử dụng java script, CSS và HTML cho widget. bạn cũng có thể tham khảo bài viết trước đây của tôi về chuyển hướng ở đây hoặc ở đây
Bạn hãy làm theo các bước đơn giản sau:
2. Bây giờ chọn " Mẫu "Cũng giống như dưới đây.
4. Dán dưới đây một trong những mã dưới đây.
Style 1:
<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3JZdxyeOi9VZTWTc49ixg3uQtR0MAFbRoxC9TRD-CsOjiGVUWRqmoOjp-MM-cURhcuIlfYLshfs21KxXveMch9BzCeTqoAsum_qSHr3TFu67Lmgft-HgDyRLi-gjc_onHC9pBJVePS5k/s1600/yellow-butt.png) repeat-x;background-position:0px -43px;border:1px solid #FD6C02;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
margin:0px 1px 0 1px;padding:3px 10px;color:#EEEEEE;line-height:30px;cursor:pointer;}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3JZdxyeOi9VZTWTc49ixg3uQtR0MAFbRoxC9TRD-CsOjiGVUWRqmoOjp-MM-cURhcuIlfYLshfs21KxXveMch9BzCeTqoAsum_qSHr3TFu67Lmgft-HgDyRLi-gjc_onHC9pBJVePS5k/s1600/yellow-butt.png) repeat-x;background-position:-10px -43px;
border:1px solid #FB5106;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#ffffff;-text-decoration:underline;}.showpageOf{margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3JZdxyeOi9VZTWTc49ixg3uQtR0MAFbRoxC9TRD-CsOjiGVUWRqmoOjp-MM-cURhcuIlfYLshfs21KxXveMch9BzCeTqoAsum_qSHr3TFu67Lmgft-HgDyRLi-gjc_onHC9pBJVePS5k/s1600/yellow-butt.png) repeat-x;background-position:0px -43px;border:1px solid #FD6C02;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;line-height:30px;padding:3px 10px;color:#ffffff;}.showpagePoint {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3JZdxyeOi9VZTWTc49ixg3uQtR0MAFbRoxC9TRD-CsOjiGVUWRqmoOjp-MM-cURhcuIlfYLshfs21KxXveMch9BzCeTqoAsum_qSHr3TFu67Lmgft-HgDyRLi-gjc_onHC9pBJVePS5k/s1600/yellow-butt.png) repeat-x;background-position:-55px -43px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:1px solid #FB5106;-webkit-border-radius:7px; -moz-border-radius:7px;border-radius:7px;color:#FFFFFF;text-decoration:underline;font-weight:bold;} </style>
<a href="http://bloggertrix.com/" target="_blank" title="Free Backlinks"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfo33G769Pnb5lOAt_KUceeNcYekXm8iIlB6XchOpDgk-TtWxtbhT1FQ7HVbSIiNazFOC_W5Z24g1GCJEr4xbElylYLIFVS4w7TKz0TW8TiwRGHFy-xUfDqsByXIZcWuP-sSuiE32fxLI/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://bloggertrix.googlecode.com/files/bloggertrix.js'></script>
Style 2:<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoUTaoh-PQx26P610Lee0Hvak20uRn_Eb4hviLQeo-jEg6ut5QWaROA14_oRTJPrQQYIsDCaiDJ9jSMPshI-dtAKm5hFeFoke83XPSeClpGBxdE0m-7GXp6wg5ChZ1aJJAKGN5Zt1bbkQ/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin:0px 1px 0 1px;padding:3px 10px;color:#EEE;line-height:30px;cursor:pointer;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoUTaoh-PQx26P610Lee0Hvak20uRn_Eb4hviLQeo-jEg6ut5QWaROA14_oRTJPrQQYIsDCaiDJ9jSMPshI-dtAKm5hFeFoke83XPSeClpGBxdE0m-7GXp6wg5ChZ1aJJAKGN5Zt1bbkQ/s1600/greendiamond.png) repeat-x;background-position:0px -30px;
border:2px solid #006666;-webkit-border-radius:20px;
-moz-border-radius:20px;border-radius:20px;color:#FFF;-text-decoration:underline;}.showpageOf{margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoUTaoh-PQx26P610Lee0Hvak20uRn_Eb4hviLQeo-jEg6ut5QWaROA14_oRTJPrQQYIsDCaiDJ9jSMPshI-dtAKm5hFeFoke83XPSeClpGBxdE0m-7GXp6wg5ChZ1aJJAKGN5Zt1bbkQ/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;line-height:30px;padding:3px 10px;color:#EEE;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpagePoint {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoUTaoh-PQx26P610Lee0Hvak20uRn_Eb4hviLQeo-jEg6ut5QWaROA14_oRTJPrQQYIsDCaiDJ9jSMPshI-dtAKm5hFeFoke83XPSeClpGBxdE0m-7GXp6wg5ChZ1aJJAKGN5Zt1bbkQ/s1600/greendiamond.png) repeat-x;background-position:0px -30px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:2px solid #007777;-webkit-border-radius:20px; -moz-border-radius:20px;border-radius:20px;color:#EEE;text-decoration:underline;font-weight:bold;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);} </style>
<a href="http://bloggertrix.com/" target="_blank" title="Free Backlinks"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfo33G769Pnb5lOAt_KUceeNcYekXm8iIlB6XchOpDgk-TtWxtbhT1FQ7HVbSIiNazFOC_W5Z24g1GCJEr4xbElylYLIFVS4w7TKz0TW8TiwRGHFy-xUfDqsByXIZcWuP-sSuiE32fxLI/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://bloggertrix.googlecode.com/files/bloggertrix.js'></script>
Style 3:<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG9FTwo3b9N-aE3W6UtjC6b9TSMrAiLHH1lCpVTI_wSLVA-Ia-7uCHuvQC9veGwa-eoATad1x54JlCnWfsEAdFWMitRU5gnXJuEq95satwkFfUc5SJexEXZvQidLrpDPCBeKGGGVfYOEA/s1600/darkblue.png) repeat-x;
border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
margin:0px 1px 0 1px;padding:3px 10px;color:#FFF;line-height:30px;cursor:pointer;white-space:nowrap;
}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG9FTwo3b9N-aE3W6UtjC6b9TSMrAiLHH1lCpVTI_wSLVA-Ia-7uCHuvQC9veGwa-eoATad1x54JlCnWfsEAdFWMitRU5gnXJuEq95satwkFfUc5SJexEXZvQidLrpDPCBeKGGGVfYOEA/s1600/darkblue.png) repeat-x;
border:2px solid #5C8CFB;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:none;
}.showpageOf{
margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG9FTwo3b9N-aE3W6UtjC6b9TSMrAiLHH1lCpVTI_wSLVA-Ia-7uCHuvQC9veGwa-eoATad1x54JlCnWfsEAdFWMitRU5gnXJuEq95satwkFfUc5SJexEXZvQidLrpDPCBeKGGGVfYOEA/s1600/darkblue.png) repeat-x;border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
line-height:30px;padding:3px 10px;color:#FFF;
}.showpagePoint {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG9FTwo3b9N-aE3W6UtjC6b9TSMrAiLHH1lCpVTI_wSLVA-Ia-7uCHuvQC9veGwa-eoATad1x54JlCnWfsEAdFWMitRU5gnXJuEq95satwkFfUc5SJexEXZvQidLrpDPCBeKGGGVfYOEA/s1600/darkblue.png) repeat-x;
margin:0 3px 0 3px;padding:3px 10px;
line-height:30px;cursor:pointer;white-space:nowrap;
border:2px solid #5C8CFF;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:underline;font-weight:bold;
} </style>
<a href="http://bloggertrix.com/" target="_blank" title="Free Backlinks"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfo33G769Pnb5lOAt_KUceeNcYekXm8iIlB6XchOpDgk-TtWxtbhT1FQ7HVbSIiNazFOC_W5Z24g1GCJEr4xbElylYLIFVS4w7TKz0TW8TiwRGHFy-xUfDqsByXIZcWuP-sSuiE32fxLI/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://bloggertrix.googlecode.com/files/bloggertrix.js'></script>
7. Bây giờ lưu của bạn HTML / Javascript.Thật đơn giản phải không nào?
Chúc bạn thành công !...
Tham khảo từ: bloggertrix.com
File JS dies hết rồi phân trang sao được
Trả lờiXóaTôi thấy cậu nhiều hàng kiểu này,Mấy blog có tên tuổi thì cũng toàn copy từ blog nước ngoài nhưng họ làm chủ dc bài viết nghĩa là hiểu dc bài viết.Theo tôi ko cần nhiều nhưng chất lượng.
Trả lờiXóaĐừng bỏ blog nhé :D
Pm:Ở Việt nam tự nghĩ ra dc mà viết tôi thấy chả có mấy ai.Như tôi biết thì mới thấy DuyPham
Cảm ơn đã khích lệ. Nhưng có lẽ mình sẽ buông cho nó tự trôi nổi vậy. Mình chẳng có nhiều thời gian lên mạng, đặc biệt là để làm những việc linh tinh. Toàn phải tranh thủ nên phải ưu tiên những việc cần thiết cho công việc trước nhất. Cũng không có thời gian nghiên cứu nhiều về CNTT. Toàn chớp nhoáng và cũng chỉ quan tâm tới những cái cần thiết cho công việc đã... Đừng nghĩ phụ nữ kém cỏi. Nếu có thời gian chắc mình cũng chẳng kém gì những blogger chuyên nghiệp đâu nha. Mình cũng thấy nhiều trang của VN toàn copy từ những trang nước ngoài, nhưng sửa chữa thành của họ. Bây giờ mình cũng chỉ tìm hiểu và post bài từ một số blogger nước ngoài thôi, nhưng mình đều ghi nguồn cẩn thận. Cái mẫu Template này mình lấy của Namkna nên mình giữ nguyên đường link của Nam. Cần tôn trọng bản quyền của họ bạn à, mặc dù mình đã chỉnh sửa đi rất nhiều, chứ mẫu gốc cũng chẳng có gì đặc biệt....
XóaCopy mấy bài của cậu mà tốn bao công xóa link cậu cài trong bài viết.Sao cậu cài nhiều link vậy 1 cái ko đủ à,mà cài vậy có tác dụng gì vậy.
Trả lờiXóaNếu tôi ko xóa link cậu cài đi thì bài ấy của tôi khó có thể xuất hiện trên tìm kiếm của Google.
Chỉ là cái link sao có vẻ rắc rối nhỉ