Cara Merubah Home Page / Tampilan Viomagz Menjadi Keren Seperti Expxo

Cara Merubah Home Page Viomagz Menjadi Keren Seperti Expxo - Tampilan blogger memang bukanlah faktor utama dalam sebuah blog tapi pada konteks lain tampilan blogger memiliki peran penting dalam sebuah blog, apalagi jika sebuah tampilan blog sangatlah nyaman ketika di pandang.

Melihat maraknya para blogger yang menggunakan template Viomagz jadi admin terinspirasi untuk mengedit tampilan Viomagz tersebut supaya lebih nyaman di pandang dah lebih keren, dalam perubahan ini hanya menambahkan sedikit CSS ke dalam template tersebut.

Cara Merubah Home Page / Tampilan Viomagz Menjadi Keren Seperti Expxo

1. Masuk ke blogger kalian masing - masing dengan Gmail,
2. Selanjutnya pilih menu Tema ~ Edit HTML
3. Ketikkan CTRL + F di keyboard untuk mempermudah pencarian dan masukkan kode #sidebar-wrapper

#sidebar-wrapper {

 background:transparent;

 float:right;

 width:30%;

 max-width:300px;

 margin:0 auto;

}

.sidebar h2, .sidebar-sticky h2, .latest-post-title h2, .above-post-widget h2, .comments h3, .breadcrumbs {

 font: $(widget.title.font);

    margin-bottom: 20px;

 padding: 0px 0px 5px;

    color: $(widget.title.color);

 display: inline-block;

 border-bottom: 2px solid $(widget.border.color);

}

4. Jika sudah ketemu hapus kode di atas lalu ganti dengan kode di bawah ini


#sidebar-wrapper {

 background:transparent;

 float:right;

 width:30%;

 max-width:300px;

 margin:0 auto;

}

#sidebar-wrapper .widget {

 overflow-y:hidden;

}

.sidebar h2, .sidebar-sticky h2, .latest-post-title h2, .above-post-widget h2, .comments h3, .breadcrumbs {

 background:#E73C7E

      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b59b6',endColorstr='#3498db',GradientType=1);

 font: $(widget.title.font);

    margin-bottom: 15px;

 padding: 10px 10px 10px;

    color: $(widget.title.color);

    text-transform: uppercase;

text-align: center;

 display:block;

border-radius:5px;

}

Untuk warna background silahkan ganti dengan warna yang sesuai pada bagian background:#E73C7E

5. Simpan template dan lihat hasilnya.

Cara ini sangatlah mudah hanya mengganti CSS atau sedikit menambahkan bagian kedalam CSS tersebut, kalo menurut admin si dengan menggunakan tampilan ini jadi lebih indah atau tidak gampang bosan di lihatnya dan juga lebih menarik jika kmu mengganti numbered dengan Load more.

Sekian dulu postingan dari admin jika ada yang salah atau kurang di mengerti silahkan berkomentar di bawah.