{"id":35,"date":"2026-03-10T13:14:17","date_gmt":"2026-03-10T13:14:17","guid":{"rendered":"https:\/\/tisnify.online\/blog\/?p=35"},"modified":"2026-03-10T13:14:17","modified_gmt":"2026-03-10T13:14:17","slug":"ff-cn-dmd-sasa-asasasa-sasas","status":"publish","type":"post","link":"https:\/\/tisnify.online\/blog\/ff-cn-dmd-sasa-asasasa-sasas\/","title":{"rendered":"ff cn dmd sasa asas,asa sasas"},"content":{"rendered":"\n

Ya, CSS itu bisa dipasang di Custom CSS WordPress<\/strong>, tetapi ada beberapa hal yang perlu diperbaiki supaya benar-benar bekerja di halaman blog<\/strong>.<\/p>\n\n\n\n

Masalah yang sering terjadi di WordPress adalah CSS theme bawaan lebih kuat<\/strong>, jadi kita perlu sedikit penyesuaian.<\/p>\n\n\n\n

\n\n\n\n

Versi CSS yang lebih aman untuk dipasang di Custom CSS<\/h1>\n\n\n\n

Masukkan ini di:<\/p>\n\n\n\n

Appearance \u2192 Customize \u2192 Additional CSS<\/pre>\n\n\n\n
atau<\/p>\n\n\n\n
Appearance \u2192 Editor \u2192 Styles \u2192 Custom CSS<\/pre>\n\n\n\n
\/* Navigation *\/
.nav {
  background: #fff !important;
  border-bottom: 1px solid #eee;
  padding: 15px 0;
  position: sticky;
  top: 0;
  z-index: 9999;
}\/* container navbar *\/
.nav-container{
  display:flex;
  justify-content:space-between;
  align-items:center;
}\/* logo *\/
.nav .logo {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}\/* menu *\/
.nav .menu {
  list-style: none;
  display: flex;
  gap: 20px;
  margin:0;
  padding:0;
}\/* menu link *\/
.nav .menu a {
  text-decoration: none;
  color: #444;
  font-weight: 500;
}.nav .menu a:hover{
  color:#000;
}<\/pre>\n\n\n\n
\n\n\n\n
Kenapa perlu perubahan ini<\/h1>\n\n\n\n
Saya tambahkan:<\/p>\n\n\n\n
!important<\/pre>\n\n\n\n
karena di theme Twenty Twenty-Five<\/strong> banyak CSS yang bisa menimpa style kita.<\/p>\n\n\n\n
Saya juga menambahkan:<\/p>\n\n\n\n
.nav-container{
display:flex;
justify-content:space-between;
align-items:center;
}<\/pre>\n\n\n\n
supaya:<\/p>\n\n\n\n
    \n
  • logo kiri<\/li>\n\n\n\n
  • menu tengah<\/li>\n\n\n\n
  • social kanan<\/li>\n<\/ul>\n\n\n\n
    tetap sejajar.<\/p>\n\n\n\n
    \n\n\n\n
    Setelah dipasang lakukan ini<\/h1>\n\n\n\n
      \n
    1. Klik Save<\/strong><\/li>\n\n\n\n
    2. Bersihkan cache Hostinger<\/li>\n\n\n\n
    3. Refresh browser<\/li>\n<\/ol>\n\n\n\n
      CTRL + SHIFT + R<\/pre>\n\n\n\n
      \n\n\n\n
      Hasil yang harusnya kamu lihat<\/h1>\n\n\n\n
      Navbar akan:<\/p>\n\n\n\n
      \u2705 tetap di atas saat scroll
      \u2705 background putih
      \u2705 menu horizontal
      \u2705 layout rapi<\/p>\n\n\n\n
      \n\n\n\n
      \ud83d\udca1 Saran kecil untuk portfolio kamu<\/p>\n\n\n\n
      Kalau navbar kamu sudah sticky<\/strong>, sebaiknya tambahkan juga efek modern seperti ini:<\/p>\n\n\n\n
        \n
      • awal transparan<\/strong><\/li>\n\n\n\n
      • ketika scroll jadi putih + shadow<\/strong><\/li>\n<\/ul>\n\n\n\n
        Ini yang dipakai website seperti Apple \/ Stripe dan membuat portfolio terlihat lebih premium<\/strong>.<\/p>\n\n\n\n
        Kalau kamu mau, saya bisa kasih CSS + JS 15 baris saja<\/strong> untuk efek itu. Hasilnya langsung terasa jauh lebih profesional.<\/p>\n","protected":false},"excerpt":{"rendered":"
        Ya, CSS itu bisa dipasang di Custom CSS WordPress, tetapi ada beberapa hal yang perlu diperbaiki supaya benar-benar bekerja di halaman blog. Masalah yang sering terjadi di WordPress adalah CSS theme bawaan lebih kuat, jadi kita perlu sedikit penyesuaian. Versi CSS yang lebih aman untuk dipasang di Custom CSS Masukkan ini di: Appearance \u2192 Customize […]<\/p>\n","protected":false},"author":1,"featured_media":20,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-35","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/tisnify.online\/blog\/wp-json\/wp\/v2\/posts\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tisnify.online\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tisnify.online\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tisnify.online\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tisnify.online\/blog\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":1,"href":"https:\/\/tisnify.online\/blog\/wp-json\/wp\/v2\/posts\/35\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/tisnify.online\/blog\/wp-json\/wp\/v2\/posts\/35\/revisions\/36"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tisnify.online\/blog\/wp-json\/wp\/v2\/media\/20"}],"wp:attachment":[{"href":"https:\/\/tisnify.online\/blog\/wp-json\/wp\/v2\/media?parent=35"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tisnify.online\/blog\/wp-json\/wp\/v2\/categories?post=35"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tisnify.online\/blog\/wp-json\/wp\/v2\/tags?post=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}