1 style phân trang (Navigation page) khá đẹp mắt cho blogspot

☼ Để đơn giản các bạn hãy tạo 1 widget HTML/javascript (tốt nhất nên tạo widget nằm ở phía dưới phần main trong bố cục) và dán code bên dưới vào :
- Thực hiện với cách chèn tất cả code của thủ thuật vào 1 widget giúp ta dễ dàng tháo gỡ nó khi không còn dùng nữa. Ngoài ra nếu bạn không thích thực hiện theo cách này thì có thể chèn vào code template. Thực hiện với cách này bạn có thể tham khảo ở thủ thuật cũ.

<!--Code CSS-->
<style type="text/css">
.showpageArea {padding: 10px; color:#003366;text-align:left;width:530px;
}
.showpageArea a {
float:left;
text-align:center;
display:block;
margin:0 5px;
color:#333;
}
.showpageArea a:hover {
color:#333;
margin:0 5px;
}
.showpageNum a { background: url('http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/page_num.gif') no-repeat 0 0;
width:37px;
height:42px;
display:block;
text-align:center;
float:left;
margin:0 5px;
padding-top:6px;
text-decoration:none;
color:#333;
}
.showpageNum a:hover { background:url('http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/page_num.gif') no-repeat 0 100%;
color:#FFF;
}
.showpagePoint {background:url('http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/page_num.gif') no-repeat 0 100%;
width:37px;
height:42px;
display:block;
float:left;
text-align:center;
margin:0 5px;
padding-top:6px;
font-weight:bold;
color:#FFF;
}
.showpageNum a:link, .showpage a:link {
text-decoration:none;
color:#cc0000;
}
.showpageupPageWord a { float:left;
background:url('http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/nextbutton.gif') no-repeat 0 0;
width:127px;
height:42px;
text-align:center;
font: bold 1.0em Arial,Helvetica,sans-serif;
display:block;
margin:0 5px;
padding-top:6px;
color:#333;
}
.showpageupPageWord a:hover { float:left;
background:url('http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/provup.png') no-repeat 0 0;
width:127px;
height:42px;
text-align:center;
font: bold 1.0em Arial,Helvetica,sans-serif;
display:block;
margin:0 5px;
padding-top:6px;
color:#FFF;
}
.showpagedownPageWord a { float:left;
background:url('http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/backbutton.gif') no-repeat 0 0;
width:127px;
height:42px;
text-align:center;
font: bold 1.0em Arial,Helvetica,sans-serif;
display:block;
margin:0 5px;
padding-top:6px;
color:#333;
}
.showpagedownPageWord a:hover { float:left;
background:url('http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/nextup.png') no-repeat 0 0;
width:127px;
height:42px;
text-align:center;
font: bold 1.0em Arial,Helvetica,sans-serif;
display:block;
margin:0 5px;
padding-top:6px;
color:#FFF;
}

.pagenextprov {
text-align: center;
}
</style>

<!-- code chính -->

<!-- Do chèn code chính vào bài viết nó có tác động, nên gây ra 1 chút rắc rối, vì thế mình đính kèm bằng file text, các bạn download file này về và chèn nó vào ngay sau vị trí này -->

Link file : code-navigation.txt

- 1 chút chia sẻ : nên upload lại các ảnh có trong thủ thuật lên 1 host ảnh khác, để tránh trường hợp nhiều người dùng chung sẽ hết bandwidth. Dạo này photobucket hay gặp trường hợp hết bandwidth.

Chúc các bạn thành công.

------------------
Theo Fandung

5 comments:

Anonymous said...

Instead, put grass clippings to use as mulch for your garden.
Mulch will reduce weed growth and prevent new weeds from growing in the garden.
In this same respect, mulch aids in the prevention of soil splashing onto plants.


Also visit my site ... mulching

Anonymous said...

As mentioned, Bitcoins are generated by users through the official program.
Profit margins are suffering in the meantime and there is a long list of companies
battling rising costs of the commodities. Subway is the largest sandwich franchise in the world, with 30,476 franchises
in 87 countries.

Take a look at my site - check this out

Anonymous said...

These were referred to as Linotype and Intertype machines.

Creating your own info or e-letter communication could also
be considered. Several news reports, writers, and analysts
play a crucial role in the development of global news undoubtedly.
He proudly displays a disdain for homosexuals, especially those that are HIV-positive, by
stating that they should be sequestered away from the rest of Frances moral society.
But I felt I had something interesting, if not unique, to say about the
Mafia because as a boy I had listened not only to Mafiosi in my stepfather's kitchen but to first and second generation Sicilians who understood how and why the Mafia had gotten a foothold in this country.

Also visit my page; click here

Anonymous said...

You'll also opt in purchasing a survey scanner if you should happen to feel that you need better probabilities in finding the ore that you would like to mine. Jundee brought up US$400 million of gold property alone, while Bronzewing, at this time owned by Navigator Strategies Ltd. Gold is a platinum widely adorned and also highly valued globally.

Take a look at my website mining

Anonymous said...

Its not surprising that people might become depressed during stressful times
– such as going through a divorce, caring for a sick relative or financial problems.
Unlike many other medical facilities, the Fayette Chiropractic Center offers walk-in therapy.
Katz helps clients find relief from the pain without resorting to medications or invasive procedures.
Yet again, new advances and engineering make these procedures rapid and helpful,
and this cuts down on the value tremendously. The delivery of Linda Mc - Cartney sausage rolls package is usually in frozen form.


my blog: a-starboard

Post a Comment