als, het creëren van een "mix" inspiratie sidebar widget wordpress sociale,,,,,,,,,, delen, 32 aandelen,,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,,,,, ik heb veel training die ik onlangs te creëren om delen van de kant van mijn persoonlijke blog gadget.Het ziet er goed uit, het meest belangrijke is, het werkt!Een eenvoudige PHP en CSS, ik geloof dat iedereen op z 'n blog op gemakkelijk te realiseren.Vandaag zal ik je laten zien hoe ik aan het creëren van de...Wil je voor jezelf gecreëerd door het project van de aangepaste versie van zichzelf.,,,,, stap 1 door de Gemeenschap.Ten eerste, dit moet je een Facebook - pagina 's, en niet alleen een gemeenschappelijke profiel...Dus, als je er een, je moet een eerste.We zullen blijven als je er al een.Oké, laten we je Facebook pagina 's en e - mail: code voor te bereiden.In stap 1, geen kopie van de code.Kijk hier, alles.- alleen de voltooiing van de code in stap 2.We zullen op basis van: ten eerste, moet je op je Facebook, laten we rechtstreeks naar een code, we gebruiken de marge van een gadget wil ik erop wijzen dat de informatie die je nodig hebt.Dit deel van de code zal worden gebruikt voor het sociale gedeelte van onze widget Facebook, < div = "sidefb" > < script type = "tekst /javascript" src = "http: //verbonden. Facebook. Netto /en_us /alle #. Is xfbml = 1" > < /scripts > < = "tekst /javascript." > b. De ondernemers ("1690883eb733618b294e98cb1dfba95a"); < /scripts > < FB: fan profile_id = "117354884961413" = "0" - verband = "8" = "0" LogoBar "breedte = 250" hoogte = "200" CSS = "<?PHP ('stylesheet_url ");?>?1 = rel = "stijl" tekst /CSS "> < /FB: fan > < /div > dit is het lastige deel: elke keer als je redacteur je CSS, om ervoor te zorgen dat de wijzigingen van de hoeveelheden van de"?1. De (in het voorbeeld van de vier lijnen) naar een andere man, en je CSS - versie.Als je niet verandert, kan het niet.Dit is een rare situatie, ik heb de successen en de fouten, het is werk.PHP ('stylesheet_url ");?>?1, je pagina 's, dit is een lang nummer, is je Facebook - pagina' s id): log, Facebook - pagina 's > redacteuren pagina' s, zie je, je eigen pagina 's id in de browser adres.Gebruik dit voor nr. 4 - profiel, tenzij je wilt op je website ter bevordering van M 'n Facebook pagina' s;).,, de browser, redacteuren pagina, zie je iets als dit, https://www.facebook.com/pages/edit/:???????Id = 107493166410111, je kan veranderen in verband met de lengte en breedte van het zeer geschikt voor je aan de kant.De breedte moet 250 (pixel), minder dan, kan je niet meer aan te passen aan de knop en de doos.,, e - mail: gedetailleerde informatie van de feedburner beroven, we moeten uw abonnement op de details.Nogmaals, ik heb je dit geregeld, dus je moet gewoon inloggen en pak de volgende details, verbrand je het gebruik in diervoeder feedburner en vervangen, feedburner id, in de code onder je.Feedburner id in je voedt een brander URL 's.Zoals de diervoeders. Feedburner. COM, Arif.Ja, ik heb wat in de war, voor dit.Dit is de echte code, we gebruiken de inschrijving deel van dingen, die sidesub = < "" > < vorm van actie = "http://feedburner.google.com/fb/a/mailverify" methode = "na" doelstellingen "PopupWindow" onsubmit = = = = = = = "(" open raam. Http: //feedburner.google.com/fb/a/mailverify?Uri=YOUR-ID-HERE','popupwindow','scrollbars=yes, width=550, height=520'); terug waar "> < - type =" dienen "." "/> onderschrijven; < span> < de tekst" - type = "style=" (breedte: 115px; oude 0px 0px 0px 0px? Midden; lettergrootte: 0.85em; margin-top: -1px marge: 15px; "; e - mail" naam "." - "onfocus=" als (this.value==this.defaultValue) this.value=''; "onblur=" als (this.value=='') this.value= this.defaultValue; "/> < - type =" verborgen "." ariff "naam" uri '/> < - Type = "verborgen" naam "O". "En_US" /> <; /span> < /form> < /div> stap 2, en zet het samen: de volledige code, je kan dit in een volledige blown. « plugin » (of shortcode). Als je zou gaan, maar Vandaag nemen a sho?Rtcut naar de goede dingen, direct in de tekst.Nee, dit is niet geschikt voor de productie van...Maar het zal ons gaan. En de code van een tekst die doos in je lulverhalen.Weet je nog veranderen in alle hierboven genoemde eigenschappen, met inbegrip van je eigen Twitter en Google + geloofsbrieven.Als je al een Google + knop op je website, kan je het verwijderen van Google + javascript een voorbeeld uit de volgende script hebben genoeg knop < div = "sidesocial" > < div = "sidefb" > < script type = "tekst /javascript" met "http: //src = - net /en_us. Op Facebook.&#/alle. Is xfbml = 1 < /" > het script > < script type = "tekst /javascript" > b. De ondernemers ("1690883eb733618b294e98cb1dfba95a"); < /scripts > < FB: fan profile_id = "your-page-id -" = "0" = "8" in verband met de LogoBar = "0" breedte = 250 "hoogte =" 200 "CSS =" <?PHP ('stylesheet_url ");?>?1 'rel = "stylesheet" = "text/css" > < /fb:fan> < /div> < div = "sideg" > < div = "g-plusone" data-size= "medium" data-href= "http://YOUR-URL.com" > < /div> < span> Recommend op Google< /span> = < het script. "Tekst /javascript" src = "https://apis.google.com/js/plusone.js" > < /script> < /div> < div = "sidetw" > < a: /YOUR-TWITTER "https://twitter.com/" = "twitter-follow-button" > als @YOU< /a> < script src = "//platform.twitter.com/widgets.js" = "tekst /javascript" > < /script> < /div> < div = "sidesub" > < de vorm van action= "http://feedburner.google.com/fb/a/mailverify" methode = "post" doelwit = "popupwindow" onsubmit= "('http://fe window.openEdburner.google.com/fb/a/mailverify?Uri=YOUR-ID-HERE','popupwindow','scrollbars=yes, width=550, height=520'); terug waar "> < - type =" dienen "." "/> onderschrijven; < span> < de tekst" - type = "style=" (breedte: 115px; oude 0px 0px 0px 0px? Midden; lettergrootte: 0.85em; margin-top: -1px marge: 15px; "; e - mail" naam "." - "onfocus=" als (this.value==this.defaultValue) this.value=''; "onblur=" als (this.value=='') this.value= this.defaultValue; "/> < - type =" verborgen "." ariff "naam" uri '/> < - Type = "verborgen" naam "O". "En_US" /> <; /span> < /form> < /div> < /div>,, stap 3 CSS - code, - de CSS - codes in je thema stylesheet.Aandacht, als Facebook doos niet werkt, moet de code van de doos in uw belangrijkste CSS (CSS). In plaats van de in de code ergens, /* * * * * * * - - - - - - - - - - - - * 's Facebook pagina stijl beginnen. Fan_box: de tekst die decoratieve: geen; {}. Fan_box. Full_widget (hoogte: 200px; grens: 0.Achtergrond: geen.De relatieve positie van belang;:) /* * * * * * * * * * * * * * /hoogte; veranderd hier. Fan_box connect_top {achtergrond: geen.Belangrijk: 0; vullen.Belangrijke;}. Fan_box. Profileimage,. Fan_box. Name_block {weergegeven: geen;}. Fan_box. Connect_action {gevuld: 0.Belangrijke;}. Fan_box. In verband met de vulling: {0.Belangrijke; grens: 0.Het lettertype Arial belangrijke;:, helvetica, sans serif lettertype: fo nt familie worden.;.; kleur:ʚ} /* * * * * * * * * * * * * * * de lettergrootte in de totale (kleur: #. 4a6cc1. * * * * * * * *}; worden; de kleur veranderen in de * * * * * * * fan_box /.. verbonden. Connections_grid {padding-top:10px!Belangrijke;}. Fan_box. Connections_grid vullen. Grid_item {0 0 10 pixels: 10 pixels.Belangrijke;}. Fan_box. Connections_grid. Grid_item. Naam: "{lettertype lucida Grande", Ariel, Ariel, sans serif lettertype Arial,; gewicht: de normale; kleur:ʚ.Belangrijke; vulling top: 1 - pixel.Belangrijke;}. Fan_box. Connect_widget {positie: absolute; hierna: 0; links: 0px; de marge: 0.Belangrijke;}. Fan_box. Connect_widget. Connect_widget_interactive_area {marge: 0.Belangrijke;}. Fan_box. Connect_widget td.connect_widget_vertical_center {gevuld: 0.Belangrijke;} /* - * * * * * * * - - - - - - het einde van Facebook - pagina /&#sidesocial {grens: 1 - pixel vaste&#ebebeb;}. Sideg {achtergrond kleur:&#ebf9e8; de lettergrootte:. 85em; kleur: oude zwarte; 9px fo nt familie; Lengte: 1 - pixel 1 - pixel witte vaste; de grens op de onderste grens van vaste #: 1 - pixel. Ebebeb;}. Sidetw {achtergrond kleur:&#eef9fd; oude 9px fo nt familie; lengte: 1 - pixel 1 - pixel witte vaste; de grens; het onderste grens: 1 - pixel vaste&#ebebeb;}. Sidefb {lettergrootte:. 85em; kleur: oude zwarte; 9px fo nt familie; het niveau van de lijn: 1 - pixel; grens hierboven: 1 - pixel witte vaste; de onderste grens: 1 - pixel vaste&#ebebeb;}. Sideg span {links: X. Het blijkt Dat de marge in blokken; aanpassing van de verticale: de tekst; kleur:ō). Sidesub {gevuld: 9px 10 pixels; lengte: 1 - pixel; kleur:&#ffb86d; de grens: 1 - pixel vaste Wit; sidesub Span} {?.TH:115px;},, conclusies, het uiteindelijke resultaat moet zodanig zijn dat:,,, en wat we doen.Je kan mijn CSS - code is een verhoging van de tarieven kan veranderen, check.Al het beste.Nu heb je wat als ISH op uw website en een aangepaste ook. Een Facebook - pagina, Bron: vader ontwerp, weet je, dit is slechts een uitgangspunt.Heb je een geavanceerde - ontwikkelaars mogelijk zal er beter iets doen in deze handleiding aangegeven wijze, op elk moment, dus in de volgende delen in de opmerkingen van hun meningen en ideeën.Als er geen grote ideeën, we moeten bijwerken, les.
