17/1/14

Tiện ích phân trang đẹp và hấp dẫn cho blogger

Đă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

Numbered Page Navigation Widget For Blogger
Bạn hãy làm theo các bước đơn giản sau:
1. Đăng nhập vào tài khoản blogger và nhấp thả xuống.
blog-post-option
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: 

<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

4 nhận xét:

  1. File JS dies hết rồi phân trang sao được

    Trả lờiXóa
  2. Tô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.
    Đừ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

    Trả lờiXóa
    Trả lời
    1. 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óa
  3. Copy 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.
    Nế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ỉ

    Trả lờiXóa

Cảm ơn bạn đã nhận xét !
- Bạn có thể chèn link vào nhận xét bằng thẻ: <a href="Link" rel="nofollow">Tên link</a>
- Tạo <b>Chữ đậm</b> và <i>Chữ ngiêng</i> cho nhận xét
- Hãy Chuyển đổi mã code trước khi chèn vào nhận xét
- Hãy bấm Theo dõi dưới chân trang để nhanh chóng nhận được phản hồi từ Thủ thuật vi tính
- Những nhận xét nào không lành mạnh hoặc chèn link spam sẽ bị xóa khỏi blog.

Mã hóa Code

Support : Trick Blogspot | Ghost win | Website Design | Seo Trick | Ghost win | Software Free | Site Map | Back Link | Contact Advertising | ↑ back to top
Ghi rõ nguồn thuthuatvitinhaz.blogspot.com dưới dạng liên kết khi phát hành lại thông tin từ trang này
Copyright © 2013. Thủ thuật Số - All Rights Reserved
Design by Ngân Giang
Xem tốt nhất ở độ phân giải 1024 x 768 pixel
Template by Dameva