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 :
Simpan template..............
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/AVvXsEjeP51JIbhz6S0Bg7DHu2CvVkk8ruP6-Ya44Hl9-FGUP59Zoy0QXmnTckgkyR44hEXUHQsf6sAhrxMJCznLU58mVfgqNmi7H_Kyo_-2cZpU2e8YYp6xDD5_Nu3y8_PPRmbtVtFcaN6wY3E/s1600/Baru.png);
background-repeat:no-repeat;
}
#blog-pager #blog-pager-older-link a {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW_jQ-27NIbzcGq31lkavFn5SeYCQFKSaQQ9XO9udHCgy8Im0u5Tz8xswQJF2tesrhUSLO-7HmZ84hJVdaLCovj1AeDa5pEZo0mOlygjZVhWcQF8M8-HNNtDFMTzTdTgj165Pu_U-o0jU/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
}
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/AVvXsEjeP51JIbhz6S0Bg7DHu2CvVkk8ruP6-Ya44Hl9-FGUP59Zoy0QXmnTckgkyR44hEXUHQsf6sAhrxMJCznLU58mVfgqNmi7H_Kyo_-2cZpU2e8YYp6xDD5_Nu3y8_PPRmbtVtFcaN6wY3E/s1600/Baru.png);
background-repeat:no-repeat;
}
#blog-pager #blog-pager-older-link a {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW_jQ-27NIbzcGq31lkavFn5SeYCQFKSaQQ9XO9udHCgy8Im0u5Tz8xswQJF2tesrhUSLO-7HmZ84hJVdaLCovj1AeDa5pEZo0mOlygjZVhWcQF8M8-HNNtDFMTzTdTgj165Pu_U-o0jU/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
Tidak ada komentar:
Posting Komentar