2014. június 11., szerda

{ Hogyan készítsünk: "PIN-IT" gombot }

Szép napot Mindenkinek!


A mai napon egy hasznos blog "szépítő" bejegyzést hoztam. Nagyon egyszerű lesz!
Előre jelzem, hogy ez a változat ,amit leírok csak a blogspot.com-os blogokra vonatkozik! /ha gondoljátok kiegészítem a posztot wordpress.org-os változattal is/

Ennek a funkciónak az a lényege, hogyha tetszik egy kép és fent vagytok PINTEREST-en, akkor egy gombnyomással felkerül az adott kép a ottani oldalatokra!


Lépésről-lépésre:


  1. Jelöld ki a kódot!
  2. Lépj a bloggerben a "Sablon" funkcióhoz, ott találod majd a "HTML szerkesztése" opciót.

3. Keresd meg a </body> részét a kódnak és illeszd be az előbb kijelölt részt!



4. A pirossal kijelölt rész a "Pin it" gombod url-címe , ez kedved szerint változtathatod netes keresés alapján. Illetve a Blogszépítő oldalamon is találsz ingyenesen letölthető gombokat.

5. A gomb pozícióját a kódban a zöld rész jelöli, ezt is szintén kedvedre változtathatod. /topleft, topright,center, bottomleft,bottomright/

6. Legutólsó lépés pedig a mentés! :)


KÓD:


<script>
//<![CDATA[
var bs_pinButtonURL = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6AHSEA2lHvrqlefh1b9VsHuN-iW49Re2ftiR3zr88zNx5qufVWgV5exCL3UyuL1r172NMODucJFnjAwaVrryAyZqmZhEWRpNh2F7Hg6QjyEzvP6tdE_BHCDEKoaUd56-ppo_c1TlUfFvZ/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>




Remélem ismét hasznos kódot hoztam nektek!
Csillu
(A kódok természetesen nem a saját kreálmányaim, internetről összegyűjtött és kiválogatott kódok)

Nincsenek megjegyzések :

Megjegyzés küldése