(Blogspot) - Thay đổi Older Post va New Post bằng hình ảnh

{Svip4u.InFo}
Thay đổi Older Post and Newer Post bằng hình ảnh- Thông thường các nút mặc định rất đơn giản.
Bạn có thể không thích nên mình sẽ hướng dẫn thay đổi bằng các hình ảnh như hình




Đâu tiên bạn nên kiếm cho mình các icon pagavition như hình. Bạn có thể vào http://www.iconspedia.com mà tìm.

Up load lên trang nao đó. Miễn có được link đến ảnh.

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2sJbp7XkiKg6Ey48w4AeR6cGZFcsms99HxrZWuXfvpltqT8aozS7XvncHMsPEKR5nrikdViZfugQPjD37fkdw7Y5MKhWQR6F7NTIPMGo9cXe__h_4X_p-Ykq-gNilG66R3rcLFoV6WIUt/s1600/left.png" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi182gCbbt-Sc3tlE8gy5XnCY7CG_QNXrguqM933ffQQZEjs4v8Ux4IRBi0BtuAvrHdWEWuLVA9S25ezfpz3LR5Tzmhp8Gp0CdjiofXAN45Z805kjTPBrJnVT-T75T3Rqmkq-J7UY_yuA9a/s1600/home.png" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4FYU0NYuSa85YoLp7PElrpPrA0G-b4Lj0vBNw7Hhsf9NCc_6oPPZ7kc5mE5lAQfacyBToj680LclKVlJd1OFTCrV8R-liaVs1nAPSrIMZYo-BW68Ho8-fEh4QsAe_atn4zjXFtAjdw3-3/s1600/right.png" />

Tiếp theo :

1. Đăng nhập :
2. Design ( Đăng nhập)
   
   
   
   
   
3. Click Edit HTML sub menu
   
   
   
4. Bạn nên backup lại dữ liệu.
5.  Expand Widget Templates (Mở rộng tiện ích mẫu):
   
   
   
6. Find the following code:

<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

7. Bạn xóa đoạn code trên vào thay bằng đoạn code bên dưới.

<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2sJbp7XkiKg6Ey48w4AeR6cGZFcsms99HxrZWuXfvpltqT8aozS7XvncHMsPEKR5nrikdViZfugQPjD37fkdw7Y5MKhWQR6F7NTIPMGo9cXe__h_4X_p-Ykq-gNilG66R3rcLFoV6WIUt/s1600/left.png" /></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4FYU0NYuSa85YoLp7PElrpPrA0G-b4Lj0vBNw7Hhsf9NCc_6oPPZ7kc5mE5lAQfacyBToj680LclKVlJd1OFTCrV8R-liaVs1nAPSrIMZYo-BW68Ho8-fEh4QsAe_atn4zjXFtAjdw3-3/s1600/right.png" /></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi182gCbbt-Sc3tlE8gy5XnCY7CG_QNXrguqM933ffQQZEjs4v8Ux4IRBi0BtuAvrHdWEWuLVA9S25ezfpz3LR5Tzmhp8Gp0CdjiofXAN45Z805kjTPBrJnVT-T75T3Rqmkq-J7UY_yuA9a/s1600/home.png" /></a>

8. Nhớ thay đổi đoạn code hình ảnh của bạn lại nhe.
9. Không thì lại ….. trách mình…. :D

Chúc các bạn vui vẻ. :D

Posted in: Blogspot