Blogspot: Cara Menghapus Border (Garis) Di Tabs Widget Laman (Page)

Blogger.com-Posting hari ini adalah cara yang cepat dan mudah, cara menghapus batas dari tab laman di blogger. Anda biasanya dapat melakukan ini di perancang template tetapi terkadang itu memiliki batasan sehingga saya juga menulis tentang cara menghapus batas untuk tab dalam HTML. Anda mungkin perlu melihat-lihat sendiri untuk kode serupa karena itu bervariasi dari template ke template.

BAGAIMANA CARA MENGHAPUS BORDER (GARIS) SEKITAR TABS HALAMAN - TEMPLATE DESIGNER

Jika template Anda memungkinkan, Anda dapat mengubah warna pemisah, warna garis atau warna batas tab di Template Design (Theme > Customize > Advanced) di bawah bagian Tabs Background atau Accents. Jika Anda tidak dapat mengubah batas di sana, ikuti tutorial di bawah ini untuk menghapus secara manual.

HAPUS BORDER (GARIS) DARI TAB GADGET Laman (Pages)

Pergi ke Theme > Edit HTML dan antara <b:skin> dan </b:skin> Anda akan menemukan bagian yang disebut Tab, ini mengontrol gaya tab halaman atau menu navigasi Anda sehingga Anda harus menghapus batas dari sini . Selektor berikut adalah beberapa area yang ingin Anda lihat, ini biasanya memiliki properti perbatasan tetapi tentu saja, itu akan bergantung pada kode Anda.

.tabs-inner .widget li a { ... }

.tabs-inner .widget ul { ... }

.tabs-inner .section:first-child ul { ... }

.tabs-inner .section:first-child { ... }

.tabs-inner .widget li a { ... }

Carilah batas-batas properti, batas atas, batas bawah, kanan-batas, dan perbatasan-kiri. Keluarkan, atau ubah nilainya menjadi 0 atau untuk masing-masing. Ini akan menghapus perbatasan.

.selector { border-top: 0; }

Atau, Anda bisa mengubahnya untuk menyesuaikan latar belakang Anda atau membuatnya transparan, membuatnya sedikit lebih mudah untuk ditambahkan kembali jika Anda perlu.

.selector { border-bottom: 1px solid #ffffff;}
.selector { border-bottom: 1px solid transparent;}