Header Ads

  • Breaking News

    Pinterest Pin Button - Stil 2

    Prvo, Srećna Nova 2014. danas je 1. januar jedne nove i nadam se mnogo bolje godine za sve. Svako ko ovo pročita, želim mu puno sreće, zdravlja i para. I da bude dobar bloger :)
    Prvi post u Novoj Godini, neka bude pinterest kao najveći zvanični pobednik web kompanija u prošloj godini. Ako nemate naloge, napravite, videćete, malo je zbunjuće u početku ali je kasnije velika zaraza i možete da provodite sate i sate. Na pinterestu nema komentara tipa (da ne pominjem sad) uvredljivih, naravno da ima mesta da ostavite komentar ali je sve pristojnije. Liči na jedan dobar katalog.
    Kao što sam već jednom pisala o pinterestu kao najvećoj rastućoj web kompaniji, takođe sam i dodala neke kodove za Pin Button samo što su to  bili manjih dimenzija. Ovo je slično, nije moj kod ali opet vama služi tj. onome ko koristi sajt i pinterest, samo što je ovo malo veće i možete da pozicionirate gde god želite. 
    Pogledajte i sami kako izgleda a možete da promenite sliku ako vam se ne svidja ova, jednostavno dodate drugi URL.

    Live Demo


    <script>
    //<![CDATA[
    var bs_pinButtonURL = "http://3.bp.blogspot.com/-y3xzTGiGzH0/UK4XOaUpdaI/AAAAAAAADw8/Z1MH4Jr4Efo/s1600/pinterestx1_72.png";
    var bs_pinButtonPos = "center";
    var bs_pinPrefix = "";
    var bs_pinSuffix = "";
    //]]>
    </script>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
    <script id='bs_pinOnHover' src='http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_min.js' type='text/javascript'>
    // This Pinterest Hover Button is brought to you by bloggersentral.com.
    // Visit http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html for details.
    // Feel free to use and share, but please keep this notice intact.
    </script>

    Kod koji je gore, samo dodajte iznad </body> tag-a i to je sve ako želite taj stil.

    Za Blogger: Template > Edit HTML> 
    Za WordPress:  Administration > Appearance > Editor > footer.php.

    Da pozicionirate gde želite da vam se pojavi dugme, samo zamenite "center";
    sa nečim iz liste:

    • topleft
    • topright
    • bottomleft
    • bottomright

    Ako imate neku fotografiju gde ne želite da vam se pojavi pin button, jednostavno dodajte "nopin" class u sliku (HTML post editor)
    <img class='nopin' height="391" border="0" width="400" src="http://1.bp.blogspot.com/-YCbNO9wFQrQ/UPrZegPAXVI/AAAAAAAACK8/b7p-0NuZScI/s400/photo.jpg">

    To je to, ako ima pitanja, slobodno pitajte. Želim Vam Srećne praznike i sve najbolje od srca.

    No comments

    Post Top Ad

    Post Bottom Ad