THỦ THUẬT BLOG TỪ A - Z: Thủ thuật blog

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

This summary is not available. Please click here to view the post.

Xem chi tiết »

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 :

Chèn mã Javascript bên dưới vào sau thẻ

Chèn mã 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 :

Thế là xong chúc các bạn thành công !

Xem chi tiết »

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 !

Xem chi tiết »

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.

Xem chi tiết »

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.

Copy toàn bộ đoạn code dưới đây cho vào phần nội dung của Widget:

<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">

</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.

Xem chi tiết »

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 :

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.

Xem chi tiết »

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

Thêm bộ nút chia sẻ Facebook, Google + , Tweet, mạng xã hội vào Blog và website

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

Lưu lại là xong, bạn kiểm tra kết quả xem nào !

Xem chi tiết »

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

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.

Xem chi tiết »

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

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

Mẫu 1

.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>

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>

Mẫu 2

.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>

var postperpage=5;

var numshowpage=5;

var upPageWord="Prev";

var downPageWord="Next";

var home_page="/";

var urlactivepage=location.href;

</script>

Mẫu 3

.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>

var postperpage=5;

var numshowpage=5;

var upPageWord="Prev";

var downPageWord="Next";

var home_page="/";

var urlactivepage=location.href;

</script>

Mẫu 4

.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>

var postperpage=5;

var numshowpage=5;

var upPageWord="Prev";

var downPageWord="Next";

var home_page="/";

var urlactivepage=location.href;

</script>

Mẫu 5

.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>

var postperpage=5;

var numshowpage=5;

var upPageWord="Prev";

var downPageWord="Next";

var home_page="/";

var urlactivepage=location.href;

</script>

Mẫu 6

.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>

var postperpage=5;

var numshowpage=5;

var upPageWord="Prev";

var downPageWord="Next";

var home_page="/";

var urlactivepage=location.href;

</script>

Mẫu 7

.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>

var postperpage=5;

var numshowpage=5;

var upPageWord="Prev";

var downPageWord="Next";

var home_page="/";

var urlactivepage=location.href;

</script>

Mẫu 8

.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>

var postperpage=5;

var numshowpage=5;

var upPageWord="Prev";

var downPageWord="Next";

var home_page="/";

var urlactivepage=location.href;

</script>

Mẫu 9

.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>

var postperpage=5;

var numshowpage=5;

var upPageWord="Prev";

var downPageWord="Next";

var home_page="/";

var urlactivepage=location.href;

</script>

Mẫu 10

.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>

var postperpage=5;

var numshowpage=5;

var upPageWord="Prev";

var downPageWord="Next";

var home_page="/";

var urlactivepage=location.href;

</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:

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>

Ở đâ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/

Xem chi tiết »

THỦ THUẬT BLOG TỪ A - Z

Hướng dẫn loại bỏ www khi gắn tên miền vào blogspot.

Thay đổi màu cho blog theo thời gian

Share code trang trí blog cho ngày xuân

Chèn biểu tượng định dạng file trước link cho blogspot

Cách tạo Popup quảng cáo bên góc phải màn hình cho Blog

Hướng dẫn thêm nút Like của Facebook vào Blog và website

Thêm bộ nút chia sẻ Facebook, Google + , Tweet, mạng xã hội vào Blog và website

Tạo Form liên hệ cho Blog và web site đơn giản nhất

Hướng dẫn tạo phân trang đơn giản cho Blogspot

BÀI XEM NHIỀU

LIÊN KẾT BLOG

Tìm nhiều