Cara mengganti teks link Posting Lama dan Baru dengan image

Jelasnya yaitu tentang cara mengganti menu link menuju posting lama dan posting baru, dan terkadang ada template yang Menu nya tidak menggunakan Image tombol atau lainnya, Cara menggantinya gampang sekali, cukup dengan menyimpan kode CSS berikut pada menu :



1. Rancangan, edit html,



2. cari kode ]]></b:skin> dan simpan css berikut tepat diatasnya :











#blog-pager-newer-link {

width:35%;

float: left;

}

#blog-pager-older-link {

width:35%;

float: right;

}

#blog-pager a        {

    display:block; text-align:center;

    padding-top:13px; width:98%; height:26px;

&nbs;   }

#blog-pager #blog-pager-newer-link a {

    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb1MlKoTwRDTDJOq3BV88xmHSD6twTysHv2JMZVjvSXvpyqkUKEdrOdkCDjKdSwPW4wo4Ed7Gsq_sLFiK1hivwZjp3BB3P5Zb_snakToNgLzDekV_cGcixZp_XfYa5ptFA3ZmIgvGgeW4/s1600/Baru.png);

    background-repeat:no-repeat;

}

#blog-pager #blog-pager-older-link a {

    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4-bFAEPJEnAmJT2LB-o1olWWaYuBPc5LbTHyk2unt3VT-117yi3sNOIbCiuMFAwdKdYN1BJ5mOr4UUmIG1r3d0pfmn27zwwvmayy3pi3K9E7Xf69rIUp2Elh8-_sI_kPRgQZRUk6keVw/s1600/lama.png);

    background-repeat:no-repeat;

}

#blog-pager #blog-pager-newer-link a:link,

#blog-pager #blog-pager-newer-link a:visited    {

    background-position:left 0px;

    }

#blog-pager #blog-pager-older-link a:link,

#blog-pager #blog-pager-older-link a:visited    {

    background-position:Right 0px;

    }

#blog-pager #blog-pager-newer-link a:hover        {

    background-position: left -39px; color:#FFF

    }

#blog-pager #blog-pager-older-link a:hover        {

    background-position: Right -39px; color:#FFF

    }




Simpan template..............





Terima Kasih
Created By Syarief Hidayat



------------------------------------------------------------------------------------------

Blog Archive