Cara Memperganteng Blog Pager/Navigasi Halaman Blogspot - Dewa Blogger

Halaman

    Social Items

Buy Now
Untuk membuat navigasi halaman blog dengan tampilan yang luar biasa ganteng ibarat in Cara Memperganteng Blog Pager/Navigasi Halaman Blogspot

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/

Cara Memperganteng Blog Pager/Navigasi Halaman Blogspot

Untuk membuat navigasi halaman blog dengan tampilan yang luar biasa ganteng ibarat in Cara Memperganteng Blog Pager/Navigasi Halaman Blogspot

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/