Autor Zpráva
Klaara
Profil
<span id="st_finder"></span><script type="text/javascript" src="http://w.sharethis.com/widget/stblogger2.js"></script><script type="text/javascript">var switchTo5x= true;stBlogger2.init(","twitter":["hcount","Tweet",""],"googleplus":["hcount","Google]http://w.sharethis.com/button/buttons.js",{"facebook":["hcount","Facebook",""],"twitter":["hcount","Tweet",""],"googleplus":["hcount","Google  ",""]});var f = document.getElementById("st_finder");var c = f.parentNode.parentNode.childNodes;for (i=0;i<c.length;i++) { try { c[i].style.display = "none"; } catch(err) {}}</script>

tady mam FB share, tweet a google plus share. To je ale v javascriptu. Já to potřebuji v html kodu, aby to šlo přidělat normálně do prostřed stránky. Potřebuji tedy tyto 3 sharovací tlačítko uprostřed blogu a ne na konci, jak jsou pomocí javascriptu dány. Díky
Sennin
Profil
Ahoj Klaara
Odkaz na stránku by nebol?
Klaara
Profil
http://howmuchweightcaniloseintwoweeks.blogspot.com

Vlevo dole mám fb share, tweet a google. Vše i s počtem kolikrát to už bylo sdíleno. Ty tlačítka jsou super, ale jak ty tlačítka zarovnat na střed a ještě k tomu je dát do prostřed stránky? Jakože by byl text nad nimi i pod nimi. Děkuji
Sennin
Profil
Ahoj Klaara

Takže skús toto
<p class="st-post-footer-buttons add-share-center">

    <span class="st_facebook_hcount" displaytext="Facebook" st_title=" How much weight can i lose in two weeks with proof " st_url="http://howmuchweightcaniloseintwoweeks.blogspot.sk/2013/08/how-much-weight-can-i-lose-in-two-weeks.html" st_processed="yes">
        <span class="stButton" style="text-decoration:none;color:#000000;display:inline-block;cursor:pointer;">
            <span>
                <span class="stMainServices st-facebook-counter" style="background-image: url("http://w.sharethis.com/images/facebook_counter.png");">
                    <img src="http://w.sharethis.com/images/check-big.png" style="position: absolute; top: -7px; right: -7px; width: 19px; height: 19px; max-width: 19px; max-height: 19px; display: none;"></img>
                </span>
                <span class="stArrow">
                    <span class="stButton_gradient stHBubble" style="display: inline-block;">
                        <span class="stBubble_hcount">

                            0

                        </span>
                    </span>
                </span>
            </span>
        </span>
    </span>
    <span class="st_twitter_hcount" displaytext="Tweet" st_title=" How much weight can i lose in two weeks with proof " st_url="http://howmuchweightcaniloseintwoweeks.blogspot.sk/2013/08/how-much-weight-can-i-lose-in-two-weeks.html" st_processed="yes">
        <span class="stButton" style="text-decoration:none;color:#000000;display:inline-block;cursor:pointer;">
            <span>
                <span class="stMainServices st-twitter-counter" style="background-image: url("http://w.sharethis.com/images/twitter_counter.png");">
                    <img src="http://w.sharethis.com/images/check-big.png" style="position: absolute; top: -7px; right: -7px; width: 19px; height: 19px; max-width: 19px; max-height: 19px; display: none;"></img>
                </span>
                <span class="stArrow">
                    <span class="stButton_gradient stHBubble" style="display: inline-block;">
                        <span class="stBubble_hcount">

                            0

                        </span>
                    </span>
                </span>
            </span>
        </span>
    </span>
    <span class="st_googleplus_hcount" displaytext="Google " st_title=" How much weight can i lose in two weeks with proof " st_url="http://howmuchweightcaniloseintwoweeks.blogspot.sk/2013/08/how-much-weight-can-i-lose-in-two-weeks.html" st_processed="yes">
        <span class="stButton" style="text-decoration:none;color:#000000;display:inline-block;cursor:pointer;">
            <span>
                <span class="stButton_gradient">
                    <span class="chicklets googleplus">

                        Google

                    </span>
                    <img src="http://w.sharethis.com/images/check-big.png" style="position: absolute; top: -7px; right: -7px; width: 19px; height: 19px; max-width: 19px; max-height: 19px; display: none;"></img>
                </span>
                <span class="stArrow">
                    <span class="stButton_gradient stHBubble" style="display: inline-block;">
                        <span class="stBubble_hcount">

                            0

                        </span>
                    </span>
                </span>
            </span>
        </span>
    </span>

</p>

Vložiť tam kde potrebuješ a do štylov pridaj toto

.add-share-center {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: