Cara Merubah Background Widget Blog Pager Dalam Blog

Blog pager merupakan widget yang dibuat khusus menampilkan teks Newer post-Homer-Olderp post sebagai tools untuk memberi kemudahan visitor dapat melihat halaman posting sebelumnya, halaman lebih lama dan atau menuju halaman induk langsung dari halaman sedang dibaca (akses) visitor.

Walaupun berbentuk widget seperti widget/gadget, Blog Pager ini tidak dapat dirubah melalui halaman pengaturan selain melalui kode template blog. Hal ini terjadi karena sudah didesign oleh perancang merupakan bagian dari halaman utama posting blog.

Akan tetapi walaupun satu kesatuan dari halaman posting Blogger masih dapat merubah tampilannya tampilan blog pager tanpa mempengaruhi warna dari halaman induk posting. Dan pada posting ini akan diperkenalkan cara merubah warna latar (background) blog pager.

Gambar: Blog Pager media online internet blog

Cara merubah warna latar teks Newer post, Home dan Older post dapat dilakukan dengan langkah-langkah sebagai berikut: :

Sign in di blog
Klick Template
Klick Edit HTML
Cari kode #blog.pager
Hapus kode di atas #blog.pager hingga margin-top: $(pager.space.top);
}
Copy kode dibawah ini sebagai pengganti kode diatas
Klick Simpan Template untuk menyimpan perubahan

Ini kode sebagai pengganti kode yang dihapus diatas

#blog-pager {
  padding: 5px;
  font-size: 120%;

background-color: orange;
  border: 1px solid $(widget.border.color);

-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

-moz-border-radius: $(widget.border.radius);
  -webkit-border-radius: $(widget.border.radius);
  -goog-ms-border-radius: $(widget.border.radius);
  border-radius: $(widget.border.radius);

-moz-border-radius-topleft: $(pager.border.radius.top);
  -moz-border-radius-topright: $(pager.border.radius.top);
  -webkit-border-top-left-radius: $(pager.border.radius.top);
  -webkit-border-top-right-radius: $(pager.border.radius.top);
  -goog-ms-border-top-left-radius: $(pager.border.radius.top);
  -goog-ms-border-top-right-radius: $(pager.border.radius.top);
  border-top-left-radius: $(pager.border.radius.top);
  border-top-right-radius-topright: $(pager.border.radius.top);

margin-top: $(pager.space.top);
}

Artikel lainnya

Cara Membuat Menu Dropdown-Menu Menjorok ke Bawah Pada Header Blog Versi 2
Url Domain Blogger Akan Diganti Masal Dalam Beberapa Bulan Lagi
Cara Mengatur Jarak Widget SideBar Blog Secara Default
Cara Mengatur Jarak Spasi Judul Posting Blog Pada Halaman Label Blog
Cara Menampilkan Widget Tertentu Hanya Pada Halaman Home dan Label Posting Blog
Cara Menghilangkan Navbar Blog Yang Paling Mudah Versi ke 2