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ć.

Jak zmienić wygląd pola wyszukiwania w bloggerze?


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"


Jak zmienić wygląd wyszukiwarki  w bloggerze?


Wybierz "Dodaj gadżet"


jak dodać wyszukiwarkę w bloggerze


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


jak dodać wyszukiwarkę w bloggerze



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 dodać wyszukiwarkę w bloggerze


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 zmienić wygląd wyszukiwarki w bloggerze

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

Jeśli moje posty są dla Ciebie pomocne, szablony Ci się podobają i chcesz więcej... podziel się nimi ze znajomymi. Na blogu czasem pojawiają się reklamy lub linki afiliacyjne - dzięki temu mogę dodawać więcej treści całkowicie za darmo!

Brak komentarzy:

Prześlij komentarz

Jestem bardzo ciekawa Waszych opinii. Śmiało komentujcie. Konstruktywna krytyka mile widziana :)