Cara Modifikasi Judul (H2) Widget pada Sidebar dan Footer Blog

Cara Modifikasi Judul (H2) Widget pada Sidebar dan Footer Blog agar Lebih Menarik dan Stylish.

Jika kita memperhatikan salah satu tips dari MyBlogsIdeas yang membahasa tentang Internet Marketer, di bagian sidebar terlihat judul setiap widget akan terlihat unik dan menarik.

Judul Widget di Sidebar ini terkesan sederhana namun keren, seperti desain tampilan widget Recent Post by Label di Evo Magz Blogger Template.

Widget merupakan salah satu bagian penting dalam sebuah situs, entah website personal maupun blog.

Tidak hanya sebagai sebuah navigasi yang terdapat di setiap halaman blog, namun juga berfungsi sebagai menu navigasi internal maupun eksternal. Tautan kedalam postingan --juga link ke blogger lain sangat penting dalam SEO Blog.

Hal yang sering disampaikan para master blogger terkait faktor diterimanya blog kita sebagai publisher Google Adsense salah satunya kelengkapan menu navigasi, termasuk setting widget yang rapi dan memudahkan pengunjung mengeksplorasi konten blog kita.

Berikut ini cara memodifikasi Judul (H2) Widget pada Sidebar dan Footer blog agar lebih menarik dan enak dipandang mata (eye catching). 

Modifikasi Tampilan Judul (H2) pada Widget dan Footer Blog

Di bawah ini ada dua buah kode CSS yang bisa digunakan untuk melakukan modifikasi judul widget (H2) dan footer blog biar lebih menarik dan cantik. Simple, namun elegan dan kelihatan profesional

Kode Modifikasi Judul (H2) Widget

#sidebar-wrapper h2 {overflow: hidden;position: relative;font-family: 'Oswald';font-size: 15px;font-weight: 500;color: #666;padding: 10px 0;text-transform: uppercase;display: block;letter-spacing: 1px;}
#sidebar-wrapper h2:after {content: '';display: inline-block;position: absolute;height: 14px;top: 0;margin: 13px 0 12px 10px;width: 100%;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxhD4JJ250YuHA2G4gp9bYasxW6D_TBh9mYt7CTgUwIOcwHV5X1RCSmyIyYqjTPuiGEs8dmQY-qEZzDvAFwhCTgxpVuFu33WlhCdby5TXSfaSod-FZnWLMD_irLTbjeJRfwGSUReApNmoB/s1600/repeat-bg.png)repeat;}

Penjelasan Kode:

sidebar-wrapper h2 adalah kode judul widget blog. Bisa saja berbeda dengan kode template blog Anda. Silakan cek, apakah sidebar-wrapper atau sidebar saja atau lainnya yang menunjukkan itu kode sidebar blog Anda.

Kode Modifikasi Judul (H2) Footer

#footer-wrapper h2 {overflow: hidden;position: relative;font-family: 'Oswald';font-size: 15px;font-weight: 500;color: #fff;padding: 10px 0;text-transform: uppercase;display: block;letter-spacing: 1px;}
#footer-wrapper h2:after {content: '';display: inline-block;position: absolute;height: 14px;top: 0;margin: 13px 0 12px 10px;width: 100%;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxhD4JJ250YuHA2G4gp9bYasxW6D_TBh9mYt7CTgUwIOcwHV5X1RCSmyIyYqjTPuiGEs8dmQY-qEZzDvAFwhCTgxpVuFu33WlhCdby5TXSfaSod-FZnWLMD_irLTbjeJRfwGSUReApNmoB/s1600/repeat-bg.png)repeat;}
#footer-wrapper ul,#footer-wrapper ol {list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;}

Cara Memasang Kode Modifikasi Judul (H2) Widget dan Footer Blog

1. Masuk ke akun Blogger Anda.
2. Pilih template > Sesuaikan > Tingkat lanjut > Pilih CSS
3. Copas kedua kode di atas

4. Terapkan!

Bisa juga dengan cara 

1. Tema > Edit HTML

2. Simpan di atas kode ]]</b:skin> atau </style>

Ini penampakan hasil modifikasi judul widget sidebar dan footer (h2) blog dengan kode di atas.

Demikian tips atau cara memodifikasi judul (H2) Widget pada Sidebar Blog dan Footer Widget agar lebih menarik dan profesional.*

Share This