Untuk membuat navigasi halaman blog dengan tampilan yang luar biasa ganteng ibarat ini, pertama-tama masuklah ke tab Rancangan lalu pilih Edit HTML.
Cari arahan yang tampak ibarat ini:
]]></b:skin>
atau ibarat ini:
</style>
Salin arahan di bawah ini, lalu letakkan sempurna di atasnya:
#blog-pager {line-height:40px !important} #blog-pager-older-link a, #blog-pager-newer-link a, #blog-pager a.home-link { padding:5px 10px; margin:2px 7px; text-align:center; background:#278100 url('http://4.bp.blogspot.com/-445SkQ6EG9g/TkIRpduys0I/AAAAAAAAAqI/1uUZnx_-3FY/s1600/rumput.png') repeat-x 0 -1px; border:2px solid white; text-decoration:none; font:normal bold 13px Arial,Sans-Serif; color:white; text-shadow:1px 1px 1px #278100,0 0 5px #278100; -webkit-box-shadow:0 1px 3px #aaa; -moz-box-shadow:0 1px 2px #aaa; box-shadow:0 1px 2px #aaa; -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em; } #blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, #blog-pager a.home-link:hover { position:relative; top:-1px; color:black; background-position:0 0; } #blog-pager-older-link a:active, #blog-pager-newer-link a:active, a.home-link:active { position:relative; top:1px; background-position:0 -2px; }
Klik Simpan Template.
Warna lebih banyak didominasi yang disarankan untuk mengimbangi tampilannya adalah: #f5f8d8
Hasil tampilan kesudahannya kira-kira akan tampak ibarat ini:
Sumber https://www.dte.web.id/