Beauty

Okienko Facebook Like Box z własnym tłem

Jak wiadomo standardowe okienko Facebook Like Box jest bardzo nudne. Czas to zmienić i dodać do niego dowolne tło! My dodaliśmy jeszcze cień wokół ramki. Jeśli ty znasz się trochę na css, to dowolnie możesz modyfikować jego styl! Jednak my pokażemy początkującym bloggerom, jak dodać obrazek w tle.

Umieszczanie widżetu na Bloggerze

Zaloguj się do panelu admina, wejdź w menu Układ i dodaj gadżet w pasku bocznym.
Wybierz HTML/JavaScript.
W tytule możesz wpisać FB LikeBox, a do treści wklej skopiowany kod widżetu. Na koniec Zapisz.

Kod widżetu - tło w śnieżynki


<style type="text/css">
    .fbOuter {
        background: url(http://2.bp.blogspot.com/-2B91bOy34-Y/VJwuVTD_-zI/AAAAAAAAHVA/cz1hQZmxQto/s320/hb-pattern1.png) repeat-y;
        width: 250px;
        padding: 10px 0 10px 10px;
        height: 250px;
        border: 1px solid #CCCCCC;
        -moz-box-shadow: inset 0 0 10px #5E346C;
        -webkit-box-shadow: inset 0 0 10px #5E346C;
        box-shadow: inset 0 0 10px #5E346C;
    }
    .fbInner {
        height: 240px;
        overflow: hidden;
    }
</style>

<div class="fbOuter">
    <div class="fbInner">
        <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fblokotek&width=242&height=230&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:242px; height:230px;" allowtransparency="true"></iframe>
    </div>

Dostosowywanie widżetu


  • Link zaznaczony na różowo zamień na bezpośredni adres do obrazka. Mnóstwo pięknych obrazków znajdziesz na ColourLovers
  • Tekst zaznaczony na niebiesko zamień na nazwę użytkownika strony (fanpage'a) na Facebooku.

Instagram