This summary is not available. Please
click here to view the post.
Hướng dẫn loại bỏ www khi gắn tên miền vào blogspot.
Posted by Admin
Posted on 10:13 PM
with No comments
Thay đổi màu cho blog theo thời gian
Posted by Admin
Posted on 2:00 AM
with No comments
Thay đổi màu cho blog
theo thời gian
Cách làm như sau
Đầu tiên bạn vào chỉnh sửa HTML
Chèn đoạn mã Css bên dưới vào trong thể ]]><b:skin>
Chèn Mã CSS sau :
@media all and (max-width: 1024px) {
h1 { font-family:"open sans"; font-size:40px;
font-weight:300; color:white; transition:all 0.6s; -webkit-transition:all
0.6s;}
h2 { font-family:"open sans"; font-size:20px;
font-weight:300; color:white; transition:all 0.6s; -webkit-transition:all 0.6s;}
}
@media all and (min-width: 1024px) {
h1 { font-family:"open sans"; font-size:120px;
font-weight:300; color:white; transition:all 0.6s; -webkit-transition:all
0.6s;}
h2 { font-family:"open sans"; font-size:30px;
font-weight:300; color:white; transition:all 0.6s; -webkit-transition:all
0.6s;}
}
table { position:absolute; width:100%; height:100%; top:0px;
left:0px;}
.fb-like {position:static; width:100px;}
Chèn mã jQuery bên dưới vào sau thẻ <head>
Đoạn mã jQuery :
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
Chèn mã Javascript bên dưới vào sau thẻ
Chèn mã Javascript :
<script type="text/javascript">
function dotime(){
$("body").css({"transition":
"all 0.8s", "-webkit-transition": "all 0.8s"});
var d = new Date();
var hours =
d.getHours();
var mins =
d.getMinutes();
var secs =
d.getSeconds();
if (hours <
10){hours = "0" + hours};
if (mins <
10){mins = "0" + mins};
if (secs <
10){secs = "0" + secs};
hours.toString();
mins.toString();
secs.toString();
var hex =
"#" + hours + mins + secs;
$("#t").html(hours +" : "+
mins +" : "+ secs);
$("#h").html(hex);
document.body.style.background = hex;
setTimeout(function(){ dotime();}, 1000);
}
</script>
Thay thế thẻ <body> thành đoạn mã bên dưới :
<body onLoad="dotime()">
Thế là xong chúc các bạn thành công !
Share code trang trí blog cho ngày xuân
Posted by Admin
Posted on 1:45 AM
with No comments
Share code trang trí blog cho ngày xuân
Cũng sắp qua năm mới rồi. Hôm nay mình sẻ chia sẽ cho các
bạn code trang trí blog cho ngày tết cực kì đơn giản. không tốn nhiều thời gian
để đặt chúng lên blog.
Các bạn thêm vào tiện ích 1 HTML mới. Bố cục -> Thêm tiện ích -> HTML/Javascript
Copy và dán đoạn code bên dưới vào :
<img
src="https://googledrive.com/host/0B-PN1SIugzO-VFJZbHRhYTNZM1k"
style="display:scroll;position:fixed;top:0px;left:5px;z-index:-999;"/>
<img
src="https://googledrive.com/host/0B-PN1SIugzO-aDdHemJ5MDBlQTA"
style="display:scroll;position:fixed;top:0px;right:5px;z-index:-999;"/>
Tiếp theo các bạn vào Mẫu
-> Chỉnh sữa HTML
Các bạn tìm đến HTML vừa tạo.
Ví dụ ở đây mình vừa tạo 1 HTML số là HTML3
<b:widget id='HTML3' locked='false' title=''
type='HTML'>
Ta thêm đoạn mã sau mobile='no'
vào bên trong đoạn code như sau
<b:widget id='HTML3' locked='false' mobile='no' title=''
type='HTML'>
Mục đích là khi chúng ta xem bằng trình duyệt di động thì 2
cái câu đối đó sẽ được ẩn đi. Chúc các bạn thành công !
Chèn biểu tượng định dạng file trước link cho blogspot
Posted by Admin
Posted on 1:12 AM
with No comments
Chèn biểu tượng định dạng file trước link cho blogspot
Bài viết này mình sẽ hướng dẫn các bạn thêm chức năng tự
động chèn biểu tượng định dạng file vào trước liên kết cho Blogger (blogspot).
Lúc này blog của bạn sẽ tự động xác định được định dạng file
trong liên kết để chèn biểu tượng tương ứng vào trước.
Ngoài việc tăng thêm tính thẩm mỹ, chức năng này còn giúp
cho khách trên blog của bạn có thể biết ngay định dạng file họ sắp xem/tải về
là gì.
Cách thực hiện rất đơn giản. Chỉ với một đoạn code CSS các
bạn đa có thể hoàn thành thủ thuật này.
Vào Mẫu, chọn Chỉnh sửa HTML
Chèn đoạn mã dưới đây vào trước ]]></b:skin>:
/*--------- star hyperlink Icons ----------*/
a[href*='.js'] {
background:
url(http://4.bp.blogspot.com/-V8JUArvVlDg/TfUbt5n91dI/AAAAAAAADyU/1IBTSCCOqqs/s400/file_js.png)
no-repeat 0 0;
padding:7px 0 0 25px;
}
a[href*='.gif'] {
background:
url(http://3.bp.blogspot.com/-cm5RFNkVp00/TfUb5CerXjI/AAAAAAAADyc/2kTlh1gZtNA/s400/file_gif.png)
no-repeat 0 0;
padding:7px 0 0 25px;
}
a[href*='.doc'] {
background:
url(http://1.bp.blogspot.com/-ZH-3gjdNNvk/TfUbtq9_ZfI/AAAAAAAADyM/5faoK_0PTWY/s400/file_doc.png)
no-repeat 0px 0px;
padding:7px 0 0 25px;
}
a[href*='.rar'] {
background:
url(http://4.bp.blogspot.com/-uy-ymIWEbsU/TfUb6fTzK0I/AAAAAAAADy8/1F6rIj9GCyc/s400/file_rar.png)
no-repeat 0px 0px;padding:7px 0 0 25px;
}
a[href*='.zip'] {
background:
url(http://3.bp.blogspot.com/-W4uO8Fg9m7c/TfUcNyXIdqI/AAAAAAAADzU/fBOxrHNQ4Zw/s400/file_zip.png)
no-repeat 0px 0px;
padding:7px 0 0 25px;
}
a[href*='.mp4'] {
background:
url(http://4.bp.blogspot.com/-sz4_aCOdfzA/TfUb5RWH7ZI/AAAAAAAADyk/VhWkhTM8GCc/s400/file_mp4.png)
no-repeat 0px 0px;
padding:7px 0 0 25px;
}
a[href*='.php'] {
background:
url(http://3.bp.blogspot.com/-izMrgCy23Mc/TfUb6E3vLDI/AAAAAAAADy0/QhQdYov4ieA/s400/file_php.png)
no-repeat 0px 0px;
padding:7px 0 0 25px;
}
a[href*='.xml'] {
background:
url(http://2.bp.blogspot.com/-Etxu23Xq01M/TfUcM1TPaWI/AAAAAAAADzM/aW6KrL3HUlI/s400/file_xml.png)
no-repeat 0px 0px;
padding:7px 0 0 25px;
}
a[href*='.pdf'] {
background:
url(http://2.bp.blogspot.com/-1TXCLoxeksc/TfUb5v0cHLI/AAAAAAAADys/frrsfpSvB9g/s400/file_pdf.png)
no-repeat 0px 0px;
padding:7px 0 0 25px;
}
a[href*='.xls'] {
background:
url(http://2.bp.blogspot.com/-4mchydxbSDk/TfUcM0Hb7AI/AAAAAAAADzE/hTkZYduD6IY/s400/file_xls.png)
no-repeat 0px 0px;
padding:7px 0 0 25px;
}
a[href*='.mpg'] {
background:
url(http://3.bp.blogspot.com/-uZaIOrU9vHY/TfUcOJZbBqI/AAAAAAAADzc/9bBNR_Nujuc/s400/file_mpg.png)
no-repeat 0px 0px;
padding:7px 0 0 25px;
}
a[href*='.bmp'] {
background:
url(http://1.bp.blogspot.com/-XG8eI4EOxNQ/TfUbtRTAnUI/AAAAAAAADyE/XeFy0gdXWSs/s400/file_bmp.png)
no-repeat 0px 0px;
padding:7px 0 0 25px;
}
a[href*='.avi'] {
background:
url(http://3.bp.blogspot.com/-ToS4N4eSFPc/TfUbsyFM7gI/AAAAAAAADx8/veYOlPJ9-P4/s400/file_avi.png)
no-repeat 0px 0px;
padding:7px 0 0 25px;
}
a[href*='.mp3'] {
background:
url(http://2.bp.blogspot.com/-yZdVeVUN1dY/TfUbsnzwovI/AAAAAAAADx0/v7FT1FG3S2g/s400/audio_alt.png)
no-repeat 0px 0px;
padding:7px 0 0 25px;
}
a[href*='mailto'] {
background:
url(http://2.bp.blogspot.com/-qtnzCETuXWo/TfUjDdZtLKI/AAAAAAAADz8/pbxP1_s8R7w/s400/e_mail.png)
no-repeat 0px 0px;
padding:0 0 0 25px;
}
/*--------- end hyperlink Icons ----------*/
Bây giờ các bạn lưu mẫu và thử viết một bài để test thử rồi.
Thủ thuật này áp dụng cho blog chia sẻ phần mềm tài liệu thì
quá tuyệt vời :)
Chúc các bạn thành công.
Cách tạo Popup quảng cáo bên góc phải màn hình cho Blog
Posted by Admin
Posted on 2:31 AM
with No comments
Cách tạo Popup quảng cáo bên góc phải màn hình cho Blog (như hình dưới )
Cái này có nhiều web và blog làm vì khá đơn giản các bạn chỉ cần đăng nhập Blogger, chọn Bố cục thêm Tiện ích , chọn tiện ích HTML/Javascript.
Cái này có nhiều web và blog làm vì khá đơn giản các bạn chỉ cần đăng nhập Blogger, chọn Bố cục thêm Tiện ích , chọn tiện ích HTML/Javascript.
<style
type="text/css">
* html div#fl813691 {position: absolute;
overflow:hidden;
top:expression(eval(document.compatMode
&&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));}
#fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:0;
bottom:0; height:150px; }
#eb951855{ width:279px; padding-right:7px;
background:url(http://4.bp.blogspot.com/-mQGYV45Xe-c/U38OYGoZqrI/AAAAAAAACLQ/Yfrmf_dgxeQ/s1600/bg_right.gif)
no-repeat right top;}
#cob263512{background:url(http://2.bp.blogspot.com/-ZJiDvU8UZzE/U38O5eznagI/AAAAAAAACLY/R8X1I92YYqo/s1600/info_bg.gif)
no-repeat left top; height:150px; padding-left:7px;}
#coh963846{color:#690;display:block;
height:20px; line-height:20px; font-size:11px; width:277px;}
#coh963846 a{color:#690;text-decoration:none;}
#coc67178{float:right; padding:0; margin:0;
list-style:none; overflow:hidden; height:15px;}
#coc67178 li{display:inline;}
#coc67178 li a{background-image:url(http://4.bp.blogspot.com/-Vp0i6NShkMI/U38PSRPYf_I/AAAAAAAACLg/qS2Hc4uO_hs/s1600/button.gif);
background-repeat:no-repeat; width:30px; height:0; padding-top:15px;
overflow:hidden; float:left;}
#coc67178 li a.close{background-position: 0
0;}
#coc67178 li
a.close:hover{background-position: 0 -15px;}
#coc67178 li a.min{background-position: -30px
0;}
#coc67178 li a.min:hover{background-position:
-30px -15px;}
#coc67178 li a.max{background-position: -60px
0;}
#coc67178 li a.max:hover{background-position:
-60px -15px;}
#co453569{display:block; margin:0; padding:0; height:123px; border-style:solid; border-width:1px;
border-color:#111 #999 #999 #111;
line-height:1.6em; overflow:hidden;}
</style>
<div id="fl813691"
style="height: 152px;">
<div id="eb951855">
<div id="cob263512">
<div id="coh963846">
<ul id="coc67178">
<li id="pf204652hide"><a class="min"
href="javascript:pf204652clickhide();" title="Ẩn đi">Ẩn</a></li>
<li id="pf204652show" style="display:
none;"><a class="max"
href="javascript:pf204652clickshow();" title="Hiện lại">Xem </a></li>
</ul>
Xem h ài th ả ga v ới blog c ư
ời
</div>
<div id="co453569">
<!-- code quảng cáo star -->
<a target="_blank"
href="http://zuizuicuoi.blogspot.com"> <img
style="margin:3px 1px 1px 3px;" border="0"
width="264" src="
http://1.bp.blogspot.com/-sAJjYWPuFUw/U38Qz-I3fxI/AAAAAAAACLo/n7GYaOycz9w/s1600/kk.jpg
" height="115" title="video hai"></a>
<!-- code quảng cáo end -->
</div>
</div></div></div>
<script>
pf204652bottomLayer =
document.getElementById('fl813691');
var pf204652IntervalId = 0;
var pf204652maxHeight = 150;//Chieu cao khung
quang cao
var pf204652minHeight = 20;
var pf204652curHeight = 0;
function pf204652show( ){
pf204652curHeight += 2;
if (pf204652curHeight >
pf204652maxHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height =
pf204652curHeight+'px';
}
function pf204652hide( ){
pf204652curHeight -= 3;
if (pf204652curHeight <
pf204652minHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
pf204652IntervalId = setInterval (
'pf204652show()', 5 );
function pf204652clickhide(){
document.getElementById('pf204652hide').style.display='none';
document.getElementById('pf204652show').style.display='inline';
pf204652IntervalId = setInterval (
'pf204652hide()', 5 );
}
function pf204652clickshow(){
document.getElementById('pf204652hide').style.display='inline';
document.getElementById('pf204652show').style.display='none';
pf204652IntervalId = setInterval (
'pf204652show()', 5 );
}
function pf204652clickclose(){
document.body.style.marginBottom = '0px';
pf204652bottomLayer.style.display =
'none';
}
</script>
Bây giờ bạn tìm đoạn code có màu đỏ thay
lại nội dung cho phù hợp với blog của bạn.
Thế là xong.
Hướng dẫn thêm nút Like của Facebook vào Blog và website
Posted by Admin
Posted on 12:35 AM
with No comments
Hướng dẫn thêm nút Like của Facebook vào Blog và website
Giống như hình bên dưới :
Giống như hình bên dưới :
Chắc ai cũng biết về Like box của Facebook thu nhỏ. Nơi thể hiện Fans Page và những bài đăng trên
trang Facebook riêng của bạn.
Để chèm Like box của Facebook vào Blog các bạn chỉ cần vào TẠO LIKE BOX, tạo cho mình một like box theo hướng dẫn sau đó bấm vào nút Get code để lấy code ròi dán vào nơi bạn cần đặt Like box trên Blog hoặc web.
Ví dụ như tại : http://vivublogspot.blogspot.com/ chúng tôi tiến hành bằng cách trong Bố cục thêm một tiện ích HTML => ròi dán đoạn code like box vào đó là xong (trường hợp này lấy code ở mục IFRAME nhé )
Thế là xong, chúc bạn thành công.
Ví dụ như tại : http://vivublogspot.blogspot.com/ chúng tôi tiến hành bằng cách trong Bố cục thêm một tiện ích HTML => ròi dán đoạn code like box vào đó là xong (trường hợp này lấy code ở mục IFRAME nhé )
Thế là xong, chúc bạn thành công.
Thêm bộ nút chia sẻ Facebook, Google + , Tweet, mạng xã hội vào Blog và website
Posted by Admin
Posted on 11:30 PM
with 1 comment
Thêm bộ nút chia sẻ(like) Facebook, Google + , Tweet, mạng xã hội vào Blog và website
Lưu lại là xong, bạn kiểm tra kết quả xem nào !
Đăng nhập
vào blog
Vào "Mẫu"
-> "Chỉnh sửa HTML".
Thêm đoạn đoạn
scripts sau vào trước thẻ </head>.
<script
src='//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-51fb7b814b14ef7b'
type='text/javascript'/>
Thêm tiện ích
Vào "Bố
cục" -> "Thêm tiện ích mới" tại vị trí bạn mong
muốn.
Chọn tiện ích HTML/JAVASCRIPTS.
Copy và paste đoạn code sau
vào nội dung của tiện ích:
<div
class='addthis_toolbox addthis_default_style' style='padding:10px 2px'>
<a class='addthis_button_google_plusone' g:plusone:size='tall' style='padding-right:10px'/>
<a class='addthis_button_facebook_like' fb:like:layout='box_count' style='padding-right:10px'/>
<a class='addthis_button_tweet' style='padding-right:10px' tw:count='vertical'/>
<a class="addthis_counter"></a>
</div>
<a class='addthis_button_google_plusone' g:plusone:size='tall' style='padding-right:10px'/>
<a class='addthis_button_facebook_like' fb:like:layout='box_count' style='padding-right:10px'/>
<a class='addthis_button_tweet' style='padding-right:10px' tw:count='vertical'/>
<a class="addthis_counter"></a>
</div>
Lưu lại là xong, bạn kiểm tra kết quả xem nào !
Tạo Form liên hệ cho Blog và web site đơn giản nhất
Posted by Admin
Posted on 7:13 AM
with 1 comment
Việc tạo Form liên hệ cho Blog và web site giúp trang của bạn chuyên nghiệp hơn, cũng như giúp những người muốn liên hệ bạn được dễ dàng hơn trực tiếp trên trang.
Bài này mình hướng dẫn các bạn tạo ra trang liên hệ cực kỳ đơn giản mà chuyên nghiệp.
Đầu tiên bạn vào trang web sau : foxyform.com để tạo cho mình 1 form như ý.
Trong hình bạn chọn như hướng dẫn :
1. Chọn các form cần : Title, Name, E-mail,....
2. Chọn màu, font, size
3. Điền địa chỉ mail nhận thông tin vào
4. Nhập vào Capcha như trong hình và bấm Create Foromlar
Bài này mình hướng dẫn các bạn tạo ra trang liên hệ cực kỳ đơn giản mà chuyên nghiệp.
Đầu tiên bạn vào trang web sau : foxyform.com để tạo cho mình 1 form như ý.
Trong hình bạn chọn như hướng dẫn :
1. Chọn các form cần : Title, Name, E-mail,....
2. Chọn màu, font, size
3. Điền địa chỉ mail nhận thông tin vào
4. Nhập vào Capcha như trong hình và bấm Create Foromlar
Một cửa sổ hiện ra có chứa mã Contact Form. bạn copy mã này lại .
Vào blog của bạn tạo một trang mới, chuyển sang viết dưới dạng HTML và paste đoạn code trên vào.
thế là đã có 1 form contact hoài chỉnh ròi.
Lưu ý : trong form khi bạn xem sẻ có hiện lên link chữ trang foxyform.com
Bạn tìm đoạn code sau :
<a
id="foxyform_embed_link_558125"
href="http://www.foxyform.com/">foxyform</a>
Xóa dòng chữ có màu đỏ là xong, chúc các bạn thành công.
Hướng dẫn tạo phân trang đơn giản cho Blogspot
Posted by Admin
Posted on 6:57 AM
with No comments
Hướng dẫn tạo phân trang đơn giản cho Blogspot
expr:href='data:label.url'
Và sửa nó thành:
expr:href='data:label.url + "?&max-results=5"'
Phân trang
thì có rất nhiều kiểu loại mẫu mã.Nhiều cách bố trí cài đặt ví dụ như áp dụng
theo cách chỉnh sửa HTML trong template hay là thêm một tiện ích.Để đơn giản
cho việc cài đặt cũng như dỡ bỏ khi cần thiết ở đây ta chỉ cần thêm một tiện
ích và dán code vào là xong.
Trong ảnh có tất cả 10 mẫu phân trang có đánh số thứ tự bên cạnh bạn thích loại nào thì lấy code tương ứng ở bên dưới
Trong ảnh có tất cả 10 mẫu phân trang có đánh số thứ tự bên cạnh bạn thích loại nào thì lấy code tương ứng ở bên dưới
Mẫu 1
<style
type='text/css'>
.blog-pager,#blog-pager{font-size:normal}
.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}
.showpageArea
a{color:#000;text-shadow:0 1px 2px #fff;font-weight:bold}
.showpageNum
a{color:#000;padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid
#999;-webkit-border-radius:3px;-moz-border-radius:3px;background:#f8b5a4
url(https://lh4.googleusercontent.com/-8bahjrCLLzU/UU8DsQt00NI/AAAAAAAATyo/MiETBQ-qRQ0/s90/pagenav1.png)
0 -60px repeat-x}
.showpageNum
a:hover{border:1px solid #888;background:#f7cac9
url(https://lh4.googleusercontent.com/-8bahjrCLLzU/UU8DsQt00NI/AAAAAAAATyo/MiETBQ-qRQ0/s90/pagenav1.png)
0 -30px repeat-x}.showpageOf{margin:0 4px 0 0}
.showpagePoint{color:#666;padding:3px
8px;margin:2px;font-weight:bold;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px
solid #999;background:#f2f0f0
url(https://lh4.googleusercontent.com/-8bahjrCLLzU/UU8DsQt00NI/AAAAAAAATyo/MiETBQ-qRQ0/s90/pagenav1.png)
0 -5px repeat-x;text-decoration:none}"
</style>
<script
type='text/javascript'>
var
postperpage=5;//Số bài viết mỗi lần phân
trang
var
numshowpage=5;//Số nút phân trang
var
upPageWord="Prev";
var
downPageWord="Next";
var
home_page="/";
var
urlactivepage=location.href;
</script>
<script
type='text/javascript'
src='https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/'></script>
Mẫu 2
<style
type='text/css'>
.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea
a{color:#000;text-shadow:0 1px 2px #fff;font-weight:normal}.showpageNum
a{padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid
#999;-webkit-border-radius:3px;-moz-border-radius:3px;background:#b1a7c3
url(https://lh4.googleusercontent.com/-zlDnvRF6vkc/UU8Dsbi6KUI/AAAAAAAATys/MuyxQSXFJAE/s90/pagenav2.png)
0 -60px repeat-x}.showpageNum a:hover{border:1px solid #888;background:#f7b36a
url(https://lh4.googleusercontent.com/-zlDnvRF6vkc/UU8Dsbi6KUI/AAAAAAAATys/MuyxQSXFJAE/s90/pagenav2.png)
0 -30px repeat-x}.showpageOf{margin:0 4px 0
0}.showpagePoint{color:#444;text-shadow:0 1px 2px #333;padding:3px
8px;margin:2px;font-weight:700;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px
solid #999;background:#f7d5b0
url(https://lh4.googleusercontent.com/-zlDnvRF6vkc/UU8Dsbi6KUI/AAAAAAAATys/MuyxQSXFJAE/s90/pagenav2.png)
0 0 repeat-x;text-decoration:none}
</style>
<script>
var
postperpage=5;
var
numshowpage=5;
var
upPageWord="Prev";
var
downPageWord="Next";
var
home_page="/";
var
urlactivepage=location.href;
</script>
<script
src="https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/"></script>
Mẫu 3
<style
type='text/css'>
.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea
a{color:#000;text-shadow:0 1px 2px #fff;font-weight:normal}.showpageNum
a{padding:3px 8px;margin:0 4px;text-decoration:none;border-bottom:3px solid
#fe9a2e;background:#f7f8e0}.showpageNum a:hover{border-bottom:3px solid
#df01d7;background:#f6cee3}.showpageOf{margin:0 4px 0
0}.showpagePoint{color:#333;text-shadow:0 1px 2px #333;padding:3px
8px;margin:2px;font-weight:700;border-bottom:3px solid
#fe9a2e;background:#f8e0f7;text-decoration:none}
</style>
<script>
var
postperpage=5;
var
numshowpage=5;
var
upPageWord="Prev";
var
downPageWord="Next";
var
home_page="/";
var
urlactivepage=location.href;
</script>
<script
src="https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/"></script>
Mẫu 4
<style
type='text/css'>
.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea
a{color:#000;text-shadow:0 1px 2px #fff;font-weight:normal}.showpageNum
a{padding:2px 8px;margin:0 4px;text-decoration:none;border-bottom:2px solid
#5fb404;border-top:2px solid #5fb404;background:#effbf5}.showpageNum
a:hover{border-bottom:2px solid #df01d7;background:#a9f5f2;border-top:2px solid
#df01d7}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#fff;text-shadow:0
1px 2px #333;padding:2px 8px;margin:2px;font-weight:700;border-bottom:2px solid
#5e610b;border-top:2px solid #5e610b;background:#5e610b;text-decoration:none}
</style>
<script>
var
postperpage=5;
var
numshowpage=5;
var
upPageWord="Prev";
var
downPageWord="Next";
var
home_page="/";
var
urlactivepage=location.href;
</script>
<script
src="https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/"></script>
Mẫu 5
<style
type='text/css'>
.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea
a{color:#000;text-shadow:0 1px 2px #fff;font-weight:700}.showpageNum
a{padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid
#999;-webkit-border-radius:3px;-moz-border-radius:3px;background:#ddd
url(https://lh4.googleusercontent.com/-Mr9smxMcLw4/UU8F_y4J7-I/AAAAAAAATzA/1sDDrLx7JiQ/s75/wp1.jpg)
0 -50px repeat-x}.showpageNum a:hover{border:1px solid #888;background:#ccc
url(https://lh4.googleusercontent.com/-Mr9smxMcLw4/UU8F_y4J7-I/AAAAAAAATzA/1sDDrLx7JiQ/s75/wp1.jpg)
0 -25px repeat-x}.showpageOf{margin:0 4px 0
0}.showpagePoint{color:#fff;text-shadow:0 1px 2px #333;padding:3px
8px;margin:2px;font-weight:700;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px
solid #999;background:#666
url(https://lh4.googleusercontent.com/-Mr9smxMcLw4/UU8F_y4J7-I/AAAAAAAATzA/1sDDrLx7JiQ/s75/wp1.jpg)
0 0 repeat-x;text-decoration:none}
</style>
<script>
var
postperpage=5;
var
numshowpage=5;
var
upPageWord="Prev";
var
downPageWord="Next";
var
home_page="/";
var
urlactivepage=location.href;
</script>
<script
src="https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/"></script>
Mẫu 6
<style
type='text/css'>
.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea
a{color:#000;text-shadow:0 1px 2px #fff;font-weight:700}.showpageNum
a{padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid
#919106;-webkit-border-radius:3px;-moz-border-radius:3px;background:#ddd
url(https://lh5.googleusercontent.com/-pJP_vbUPc1o/UU8F_-YKXsI/AAAAAAAATzE/znj8c9Srky8/s75/wp2.jpg)
0 -50px repeat-x}.showpageNum a:hover{border:1px solid #aeae0a;background:#ccc
url(https://lh5.googleusercontent.com/-pJP_vbUPc1o/UU8F_-YKXsI/AAAAAAAATzE/znj8c9Srky8/s75/wp2.jpg)
0 -25px repeat-x}.showpageOf{margin:0 5px 0
0}.showpagePoint{color:#fff;text-shadow:0 1px 2px #333;padding:3px
8px;margin:2px;font-weight:bold;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px
solid #919106;background:#666
url(https://lh5.googleusercontent.com/-pJP_vbUPc1o/UU8F_-YKXsI/AAAAAAAATzE/znj8c9Srky8/s75/wp2.jpg)
0 0 repeat-x;text-decoration:none}
</style>
<script>
var postperpage=5;
var
numshowpage=5;
var
upPageWord="Prev";
var
downPageWord="Next";
var
home_page="/";
var
urlactivepage=location.href;
</script>
<script
src="https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/"></script>
Mẫu 7
<style
type='text/css'>
.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea
a{color:#fff}.showpageNum a{padding:3px 8px;margin:0
4px;text-decoration:none;background:#363636 url(https://lh6.googleusercontent.com/-GzA3JzM7NwU/UU8F_6RNuFI/AAAAAAAATzM/kdh6xftfRzA/s75/wp3.jpg)
0 -25px repeat-x}.showpageNum a:hover{background:#044697
url(https://lh6.googleusercontent.com/-GzA3JzM7NwU/UU8F_6RNuFI/AAAAAAAATzM/kdh6xftfRzA/s75/wp3.jpg)
0 -50px repeat-x}.showpagePoint{color:#fff;padding:3px
8px;margin:2px;font-weight:700;background:#e30000
url(https://lh6.googleusercontent.com/-GzA3JzM7NwU/UU8F_6RNuFI/AAAAAAAATzM/kdh6xftfRzA/s75/wp3.jpg)
0 0 repeat-x;text-decoration:none}.showpageOf{margin:0 5px 0 0}
</style>
<script>
var
postperpage=5;
var
numshowpage=5;
var
upPageWord="Prev";
var
downPageWord="Next";
var
home_page="/";
var
urlactivepage=location.href;
</script>
<script
src="https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/"></script>
Mẫu 8
<style
type='text/css'>
.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea
a{color:#fff}.showpageNum a{padding:3px 8px;margin:0
4px;text-decoration:none;border-top:2px solid #000;border-left:1px solid
#000;border-right:1px solid #000;border-bottom:1px solid #000;background:#666
url(https://lh5.googleusercontent.com/-EBKl8z_n2Gk/UU8GAAztmNI/AAAAAAAATzU/Eggqyx00ppU/s75/wp4.jpg)
0 -25px repeat-x}.showpageNum a:hover{border-top:1px solid #999;border-left:1px
solid #999;border-right:1px solid #999;border-bottom:2px solid
#999;background:#999
url(https://lh5.googleusercontent.com/-EBKl8z_n2Gk/UU8GAAztmNI/AAAAAAAATzU/Eggqyx00ppU/s75/wp4.jpg)
0 -50px repeat-x}.showpagePoint{color:#fff;padding:3px
8px;margin:2px;font-weight:700;border-top:2px solid #000;border-left:1px solid
#000;border-right:1px solid #000;border-bottom:1px solid #000;background:#000
url(https://lh5.googleusercontent.com/-EBKl8z_n2Gk/UU8GAAztmNI/AAAAAAAATzU/Eggqyx00ppU/s75/wp4.jpg)
0 0 repeat-x;text-decoration:none}.showpageOf{margin:0 5px 0 0}
</style>
<script>
var
postperpage=5;
var
numshowpage=5;
var
upPageWord="Prev";
var
downPageWord="Next";
var
home_page="/";
var
urlactivepage=location.href;
</script>
<script
src="https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/"></script>
Mẫu 9
<style
type='text/css'>
.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea
a{color:#fff}.showpageNum a{padding:3px 8px;margin:0
4px;text-decoration:none;background:#333
url(https://lh6.googleusercontent.com/-WIJli17iGS0/UU8GAWbdvzI/AAAAAAAATzY/6kf9RnV63F4/s75/wp5.jpg)
0 -50px repeat-x}.showpageNum a:hover{background:#666 url(https://lh6.googleusercontent.com/-WIJli17iGS0/UU8GAWbdvzI/AAAAAAAATzY/6kf9RnV63F4/s75/wp5.jpg)
0 -25px repeat-x}.showpagePoint{color:#fff;padding:3px
8px;margin:2px;font-weight:700;background:#06a2b9
url(https://lh6.googleusercontent.com/-WIJli17iGS0/UU8GAWbdvzI/AAAAAAAATzY/6kf9RnV63F4/s75/wp5.jpg)
0 0 repeat-x;text-decoration:none}.showpageOf{margin:0 5px 0 0}
</style>
<script>
var
postperpage=5;
var
numshowpage=5;
var
upPageWord="Prev";
var
downPageWord="Next";
var
home_page="/";
var
urlactivepage=location.href;
</script>
<script
src="https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/"></script>
Mẫu 10
<style
type='text/css'>
.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#fff;font-size:11px;margin:10px;padding:8px
20px;background:#333}.showpageArea a{color:#fff}.showpageNum a{padding:3px
8px;margin:0 4px;text-decoration:none;background:#666}.showpageNum
a:hover{background:#aeb404}.showpagePoint{color:#fff;padding:3px 8px;margin:2px;font-weight:700;background:#da6100;text-decoration:none}.showpageOf{margin:0
5px 0 0}
</style>
<script>
var
postperpage=5;
var
numshowpage=5;
var
upPageWord="Prev";
var
downPageWord="Next";
var
home_page="/";
var
urlactivepage=location.href;
</script>
<script
src="https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/"></script>
Lưu ý
Để tiện ích phân trang chạy mượt mà không những tại trang chủ mà khi vào trang nhãn không bị hiện tượng liệt kê 1 dãy bài(20 bài)và có khi còn không thấy tiện ích phân trang đâu nữa.Các bạn cần làm thêm công việc sau:
Các bạn vào chỉnh sửa mẫu tìm tới những đoạn code có dạng:
Để tiện ích phân trang chạy mượt mà không những tại trang chủ mà khi vào trang nhãn không bị hiện tượng liệt kê 1 dãy bài(20 bài)và có khi còn không thấy tiện ích phân trang đâu nữa.Các bạn cần làm thêm công việc sau:
Các bạn vào chỉnh sửa mẫu tìm tới những đoạn code có dạng:
expr:href='data:label.url'
Và sửa nó thành:
expr:href='data:label.url + "?&max-results=5"'
Tiếp đến bạn đặt đoạn javascript dưới đây vào ngay sau thẻ <head>
<script type='text/javascript'>
//<![CDATA[
if(!location.href.match('max-results=')){if(location.href.match('/search/label/')){location.href = location.href + '?&max-results=5' ;}}
//]]>
</script>
//<![CDATA[
if(!location.href.match('max-results=')){if(location.href.match('/search/label/')){location.href = location.href + '?&max-results=5' ;}}
//]]>
</script>
Ở đây ta thống nhất mỗi lần phân trang trên mỗi trang hiển thị 5 bài và cài đặt
số bài ở trang chủ cũng là 5 và số nút phân trang(numshowpage) hiển thị cũng là
5 số nút này tùy thuộc vào độ rộng của khung post bài mà bạn có thể thay đổi
cho hợp lý.
Thế là xong, chúc các bạn thành công.
Theo: kartriderdautocrazy01.blogspot.com/