Jak zmienić wygląd pola wyszukiwania w bloggerze?

Wyszukiwarka to ważny gadżet, który powinien znaleźć się na każdym blogu. Blogger przychodzi nam z pomocą i udostępnia taki gadżet - wystarczy wybrać go z listy i dodać u siebie. Niestety wygląd nie jest zbyt zachęcający, więc dzisiaj przychodzę z instrukcją jak nieco go podrasować.

Ponieważ zaglądają tu także osoby początkujące więc zacznijmy od tego jak dodać sam gadżet.

Jak dodać gadżet wyszukiwarki na bloggerze?

Wejdź w panel bloga i zakładkę "Układ"

Wybierz "Dodaj gadżet"

Wybierz z listy "Pole wyszukiwania" (mniej więcej w połowie listy)

Teraz zaznacz wybrane opcje - czy wyszukiwarka ma pokazywać wyniki jedynie z bloga czy także na stronach, do których linkowałaś oraz w internecie. (Od 29 września 2016 r. gadżet Pole wyszukiwania na blogu będzie pokazywać tylko wyniki wyszukiwania z Twojego bloga. Nie będą już wyświetlane wyniki ze stron, do których linki są podane w postach, z internetu, ani z gadżetów Lista blogów i Lista linków)

Jak zmienić wygląd pola Wyszukaj?

Teraz zajmiemy się tym jak zmienić wygląd niezbyt ciekawe gadżetu. Wszystko jest niezwykle proste.

Po prostu wejdź w projektanta szablonów - zaawansowane - dodaj arkusz CSS i dodaj poniższy kod. Oczywiście zmieniając kody kolorów na własne (border - obramowanie, color - kolor czcionki, background - kolor tła)

input.gsc-input {
border: 1px solid #eee!important;
padding:11px!important;
}

input.gsc-search-button {
margin-top:0px!important;
width:100px;
padding:14px;
border:none;
background: #fee2d7;
text-transform:uppercase;
font-size:10px;
color: #ffffff;
cursor: pointer;
}

input.gsc-search-button:hover {
background:#000000;
}

Efekt:

Jak Wam się podoba? Jestem pewna, że każdy poradzi sobie z taką zmianą!