Kutengeneza vitufe vyetu vya kushiriki na vihesabio. Vifungo vya mitandao ya kijamii

Habari, wasomaji wapendwa tovuti ya blogu. Kama labda tayari umekisia kutoka kwa kichwa, tutazungumza juu ya kinachojulikana vifungo vya kijamii, ambavyo vinaweza kusaidia sana kuvutia vifungu kwenye wavuti yako, na mchanganyiko wa hali na mafanikio. ubora wa juu makala yenyewe, idadi kubwa ya wageni kutoka mitandao ya kijamii na huduma.

Ishara za kijamii pia huzingatiwa injini za utafutaji wakati wa kupanga tovuti yako. Idadi kubwa ya hisa kwa akaunti za ubora kwenye Twitter, Google+, Facebook (inawezekana kwamba VKontakte na mitandao mingine pia inazingatiwa) inaweza kukuwezesha kupanda nambari fulani hatua za juu na, labda, ingiza Juu na ukae hapo ikiwa sababu za tabia hatakuangusha.

Kwa ujumla, huduma zinazotoa hati (vifungo) za kushiriki maudhui ndani mtandao wa kijamii kuna mengi kwenye mtandao, lakini si wote wanapaswa kuaminiwa (wanaweza kukutumia kwa urahisi au kwa njia nyingine kwa sababu mbaya). Na wana uwezo wa "kunyongwa tovuti" tu ikiwa msimbo wao haujawekwa vizuri na uwezo wa kompyuta wa seva zao sio nguvu sana. Ingawa kuna chaguzi nzuri ambazo hazina mapungufu haya, na nimeziorodhesha mwishoni mwa chapisho hili.

Pia inawezekana kuonyesha kwenye vifungo idadi ya hisa kwenye mtandao fulani wa kijamii. Kwa kuongezea, machapisho yote yanazingatiwa, na sio tu yale yaliyotengenezwa kwa kutumia kizuizi hiki (data inapakiwa kupitia API). Ukweli, sio mitandao yote ya kijamii inayoungwa mkono (facebook tu, Google+, Moi Mir, Odnoklassniki.ru, VKontakte), lakini nyingi kuu. Inasikitisha kwamba Twitter iliondolewa hivi majuzi kwenye orodha hii kwa sababu... iliacha kutoa data hii kupitia API.

Kwa mfano, hapa unaweza kufupisha mada za kushiriki kwenye Twitter, kwa sababu kuna kikomo kwa urefu wao (soma jinsi ya kufanya hivi hapa chini), sanidi ikiwa utaonyesha vihesabio vya kushiriki au la, weka maelekezo ya kufungua menyu na vifungo vya ziada mitandao ya kijamii na mengine mengi. Kwa ujumla, chimba karibu na uangalie.

Kwa ujumla, kwa kulinganisha na vifungo vya kugawana asili, ambayo hutoa kufunga mitandao ya kijamii kwenye tovuti (soma kuhusu hili hapa chini), kuzuia Yandex inashinda kwa kasi ya upakiaji, uunganisho na urahisi wa ufungaji na usanidi. Kwa mfano, katika siku za nyuma kifungo changu rasmi cha Twitter mara nyingi hakikupakia kutokana na matatizo na seva zao, kwa hiyo hati iliyofanywa katika Java haikupakia kwa muda mrefu. menyu ya kushoto blogu yangu. Inawezekana kwamba shida hii sasa imetatuliwa, lakini maandishi mengi yatakuwa mabaya zaidi kuliko moja katika suala la kuongeza kasi ya upakiaji wa tovuti.

Nadhani Yandex haiwezekani kuwa na matatizo na upatikanaji, kwa kuwa ni mapato mazuri shirika la kibiashara, nyeti sana kwa sura yake. Kwa kuongeza, ikiwa una, basi unaweza kufuatilia takwimu za kubofya kwenye vifungo hivi, ambavyo vinaweza kuwa na manufaa.

Mbali na kizuizi kilicho na icons za ukubwa wa kawaida, unaweza kufanya kizuizi na vihesabu, na Yandex pia inapendekeza kuongeza orodha ya kushuka na mitandao ya ziada ya kijamii, ambayo itafichwa chini ya spoiler iko baada ya kuonyesha idadi inayotakiwa ya vifungo. mitandao kuu ya kijamii (kama vile VKontakte, MoiMir, ):

Ikiwa unataka kuongeza vihesabio kwenye vitufe kwenye kizuizi hiki (na menyu kunjuzi), kisha ingiza tu sifa moja zaidi kwenye msimbo wake kwenye tovuti (kati ya lebo za Div): data-counter="" na ndivyo hivyo. Kama nilivyosema, haiwezi kuwa rahisi zaidi. Unaweza kutumia vihesabio pia vitaongezwa kwa vitufe vidogo, ambavyo vimejadiliwa hapa chini:

Huduma za data="vkontakte,odnoklassniki,facebook,gplus,twitter,moimir,blogger,digg,reddit,linkedin,lj"

Unaweza pia kubadilisha icons zote na vijipicha vyake vidogo, ambavyo mimi binafsi nilipata muhimu wakati wa kuingiza kizuizi ndani. sehemu ya juu makala yote kwenye blogi hii:

Katika sehemu ya kwanza, vitambulisho vya kufungua na kufunga vya SCRIPT vina njia ya hati, ambayo itapakiwa kutoka kwa seva ya Yandex, na sehemu ya pili ina msimbo wa kuingiza yenyewe, ambayo itahitaji kuwekwa mahali kwenye template yako ambapo kizuizi hiki kitaonyeshwa.

Jinsi ya kuingiza vifungo vya kijamii kutoka kwa Yandex kwenye tovuti

Kwa hivyo, ninaingiza nambari ya simu ya maandishi pamoja na kizuizi cha Div mahali ambapo vifungo vya media ya kijamii vinahitaji kuonyeshwa. Kweli, ili upakiaji wake usiathiri kasi ya upakiaji wa ukurasa kuu, mimi, kufuatia ushauri uliotolewa katika nyaraka za Yandex, niliongeza sifa ya async="async", na hivyo kuianzisha. upakiaji wa asynchronous hati:

Tatizo linaweza kutokea katika kutafuta kati ya faili nyingi za injini ya tovuti yako ile inayohusika na uundaji wa sehemu ya chini kabisa. msimbo wa HTML na lebo ya kufunga /BODY au ile inayounda Kichwa. Na pia pata nafasi katika faili za mandhari ambapo unahitaji kuingiza kipande cha msimbo ndani Vitambulisho vya Div(kuweka vifungo wenyewe).

Kimsingi, katika WordPress na katika Joomla, hii inafanywa katika mojawapo ya faili za mandhari zinazotumiwa. Kwa sababu Blogu hii inaendeshwa kwenye WordPress, kwa hivyo nitaizungumza.

Ikiwa unafanya kazi na WordPress, kisha kuingiza msimbo wa kuita hati utahitaji kufungua faili ya footer.php kwa uhariri (utapata lebo ya Mwili ya kufunga au header.php (utaipata hapo) Vitambulisho vya kichwa) kutoka kwa folda:

/wp-content/themes/jina la folda_with_theme_used/footer.php

Sasa kilichobaki ni kuingiza sehemu ya pili ya msimbo mahali pazuri kwenye kiolezo cha tovuti yako au moja kwa moja kwenye makala vifungo vya kijamii Yandex, ambayo inawajibika kwa eneo la kizuizi na vifungo kwenye kurasa za tovuti:

Kwa njia, nitafanya uhifadhi mara nyingine tena: ikiwa unataka kuondoa kifungo chochote kutoka kwenye kizuizi hiki, si lazima kwenda kwa mjenzi kwenye tovuti ya Yandex tena. Unaweza kuondoa tu kiingilio chake kutoka kwenye orodha hii (pamoja na koma inayokuja baada yake, kwa mfano, "vkontakte,"). Kweli, unaelewa ...

Kweli, unaweza pia kubadilisha nafasi ya vitufe ndani ya kizuizi kwa kutumia CSS.

Li.ya-share2__kipengee (chinichini:hakuna!muhimu;ufungaji:0 7px 0 7px!muhimu;)

Kwa sababu Ninatumia adaptive chini vifaa vya simu mpangilio, kisha kwa vifaa vilivyo na azimio la chini la skrini niliongeza laini kama hiyo, ambapo niliweka indents ndogo, lakini haya ni maelezo:

Li.ya-share2__kipengee (kipengee:0 3px 0 3px!muhimu;)

Kwa ujumla, kitu kama hiki ndio kesi inapokuja kwenye blogi yangu ya WordPress. Katika Joomla, ili kuingiza kizuizi hiki, pengine itakuwa rahisi zaidi kutumia moduli ya Msimbo Maalum wa Html, ukiiweka katika mkao wa kiolezo mahali fulani mara moja chini ya maandishi ya makala.

Vifungo rasmi vya mitandao ya kijamii

Mitandao mingi ya kijamii yenyewe hutoa kila mtu fursa ya kupakua msimbo wa kifungo, na mara nyingi unaweza hata kubinafsisha kuonekana na utendaji wake. Kwa mfano, unaweza kusanidi na kupokea msimbo wa hati kwa kushiriki chapisho katika .

Kama unaweza kuona, kuna mipangilio mingi, na kwa kuongeza kuonekana kwa kitufe cha VKontakte, unaweza pia kubinafsisha onyesho la kihesabu kinachoonyesha idadi ya hisa.

Utaweza kupata kitufe cha Facebook. Imeboreshwa kwa urahisi ili kukidhi mahitaji yako, na usichanganyikiwe na maandishi ya Kiingereza juu yake, kwa sababu unapoweka msimbo wake kwenye tovuti yako, maandishi yatatafsiriwa kiotomatiki kwa Kirusi.

Ni bora kutoingiza chochote kwenye uwanja wa URL, kisha ukurasa ambao nambari hii iko itashirikiwa.

Itaonekana kitu kama hiki:

Itaonekana kitu kama hiki:

Na, bila shaka, siwezi kusaidia lakini kutaja kifungo rasmi cha Twitter, ambacho kilionekana hivi karibuni. Mjenzi wake yuko. Kwa kawaida, hutoa uwezo wa kuhesabu idadi ya retweets na utakuwa na fursa ya kuweka muonekano wake:

Kisha nilisasisha msimbo unaotokana kuwa wa kisasa kulingana na kanuni iliyoelezwa hapo juu, ili vichwa vyangu virefu vikatizwe na havitaleta matatizo ya ziada kwa watumiaji wakati wa kushiriki.

Chaguzi zingine za kupata vifungo vya media ya kijamii kwa wavuti yako

Kama nilivyosema tayari, kuna aina nyingi za huduma za mtandaoni ambapo unaweza kuchukua hati ya vifungo vya mtandao wa kijamii bila malipo na kuiweka kwenye tovuti yako. Wote hufuata malengo tofauti: "kutoka moyoni" (kama ilivyo kwa huduma ya Dimoxa), kukusanya data muhimu kwa uendeshaji wa huduma zingine (kama ilivyo kwa ApTuLike) au kwa faida (virusi na ulaghai mwingine haramu na trafiki unayo kwenye tovuti yako) . Pia kuna suluhu zilizolipwa tu, kwa mfano, kama programu-jalizi iliyotajwa hapa chini.

Ni vigumu kusema nini cha kuchagua kutoka kwa aina hii. Nitasema maneno machache kuhusu kile nilipata nafasi ya kujaribu mwenyewe, na kile ambacho tayari nimeandika hapo awali.

Kwa ujumla, angalia, kulinganisha na uchague mwenyewe.

Bahati nzuri kwako! Tuonane hivi karibuni kwenye kurasa za wavuti ya blogi

Unaweza kutazama video zaidi kwa kwenda kwa ");">

Unaweza kupendezwa

Tunaunda vitufe vya kuongeza kwenye mitandao ya kijamii na alamisho kwa blogu ya WordPress (bila programu-jalizi na hati) Huenda - vitufe vya kusimama pekee vya tovuti
Vifungo vya tovuti za rununu kutoka Uptolike + uwezo wa kushiriki viungo katika messenger UpToLike - kiunda kitufe cha kijamii kwa tovuti yako na utendakazi uliopanuliwa

Faida:

Toleo la Pluso la Majaribio la kijenzi cha kitufe cha kijamii cha Shiriki Pluso. Imeboresha muundo wa icons, dirisha la pop-up na orodha kamili ya mitandao ya kijamii inayopatikana, na kitufe cha machungwa kinachokasirisha na ishara ya "+" pia imebadilishwa; mahali pake sasa ni ishara sawa, lakini ndani. muundo wa kupendeza zaidi.
Kulingana na watengenezaji, vifungo vipya vya kijamii vimeundwa kwa wachunguzi wa Retina. Kila kitu kingine, kwa mtazamo wa kwanza, kinabaki sawa. Kwa bahati mbaya, kati ya chaguzi zinazopatikana katika mbuni, sikupata vifungo vyenye counter, ingawa toleo la kawaida la Pluso linazo.
Sijui ikiwa watabadilisha ile ya zamani na mjenzi mpya, lakini kwa sasa, zote mbili zinafanya kazi wakati huo huo kwa kutumia viungo tofauti.

Ongeza HiiOngeza Hii ni huduma ambayo hutoa vitufe vya kijamii vya ubora wa juu, maridadi na vinavyonyumbulika. Rasilimali hii ndiyo inayoongoza katika nchi za Magharibi. Haijulikani sana hapa, lakini mara nyingi mimi hukutana na tovuti za lugha ya Kirusi zilizo na wijeti ya Ongeza Hii.
Kuna vilivyoandikwa vya kulipwa na vya bure. Chaguzi rahisi tu zinapatikana katika akaunti ya bure. Toleo la kulipwa lina dhana nyingi zaidi za kubuni zinazopatikana, kama vile: vifungo vya kurekebisha, vifungo vilivyo na vihesabu mbalimbali na mengi zaidi.
Chaguo hili, nadhani, haifai kwa watu wetu, kwa kuwa utalazimika kulipa kengele na filimbi, lakini kwenye soko la ndani unaweza kupata vitu vyote sawa, lakini kwa bure.
Ongeza Mjenzi huyu ana orodha kubwa ya mitandao ya kijamii inayopatikana, pamoja na Vkontakte, Moi Mir na Odnoklassniki. Kuna programu-jalizi ya .

Shiriki Vifungo Vizuri Nyepesi na nzuri za kushiriki kwa tovuti yako na msimbo mdogo wa kupachika, ambao unavutia sana. Kwa bahati mbaya, kuna chaguo moja tu la kubuni na mipango mingi ya rangi. Kuna mitandao yote ya kijamii maarufu katika RuNet
Kulingana na wasanidi programu, mawazo yao yameboreshwa na injini za utafutaji zitapenda tovuti yako. Sijui kuna ukweli kiasi gani hapa.
Ikiwa hauitaji kengele na miluzi yoyote, chaguo hili ni lako.

Shareaholic Huduma ya kuvutia sana ya Magharibi kwa kuunda vifungo vya kijamii, ambavyo niligundua hivi karibuni.
Shareaholic inatoa dhana kadhaa mpya za kitufe cha kushiriki. Kwa kibinafsi, nilipenda mshale juu ya vifungo (mishale ni chombo chenye nguvu sana cha uuzaji), lakini, kwa bahati mbaya, uandishi huo ni kwa Kiingereza, kwa hivyo haifai kwa watu wetu. Miongoni mwa mitandao ya kijamii inapatikana VKontakte.

Habari, marafiki wapendwa. Nakala ya leo itajitolea kuunda kizuizi cha vifungo vya kijamii bila huduma na programu-jalizi. Kizuizi hiki pia kitajumuisha vitufe vinavyoruhusu wanaotembelea tovuti kuchapisha ukurasa, kutuma kiungo cha makala kwa barua pepe, na alamisho kwenye makala yako. Vifungo vile vinaweza kupatikana karibu kila tovuti leo. Sasa tu zinatekelezwa kwa kutumia huduma au programu-jalizi. Na nitakuonyesha jinsi ya kuifanya mwenyewe.

Huduma ambazo nilitumia kwenye tovuti za wateja na kwenye blogu yangu - na . Huduma hizi hufanya iwe rahisi sana kutekeleza kazi.

Ni faida gani ya vifungo vya kijamii juu ya huduma na programu-jalizi?
  • Bila shaka, jambo lisilopingika ni kasi ya upakiaji wa tovuti. Kwa hiyo, kwa mfano, huduma ya PLUSO, ambayo mimi hutumia kwenye blogu, katika hali nzuri zaidi huongeza milliseconds 633 kwa mzigo.
  • Na katika kizuizi hiki tu picha muhimu za vifungo vya kijamii hutumiwa, pamoja na. Mitindo yote huwekwa kwa kiwango cha chini. Pamoja na mfumo rahisi wa html.

  • Njia ninayopendekeza haina viungo vya nje. Hapana, kuna viungo, lakini vyote vitakuwa kama viungo vya ndani. Unaweza kuzitumia kila wakati ikiwa unataka. Na kisha hawataonekana kabisa.
  • Ufungaji rahisi sana. Inatosha kuingiza msimbo wa html wa kizuizi kwenye msimbo wa chanzo wa ukurasa wa tovuti, pakia sprite, ongeza mitindo ya css na usakinishaji umekamilika. Unahitaji tu kurekebisha njia ya faili na picha za kifungo.
  • Hatua hii si kuongeza au kupunguza katika mwelekeo wa kizuizi chako cha vifungo vya kijamii. Ujanja ni kwamba kizuizi chake mwenyewe hakina kihesabu cha kubonyeza kitufe. Na hii inaweza kuchukuliwa kuwa minus. Lakini, kwa upande mwingine, inawezekana kuweka kwenye kila kifungo na utajua hasa mara ngapi wageni wako walibofya kwenye vifungo na kushiriki makala yako kwenye mitandao ya kijamii.
  • Takwimu zilizokusanywa na huduma kwenye tovuti yako hazitatumwa tena kwa wahusika wengine.
  • Kuingiza kizuizi cha vifungo vya kijamii kwenye msimbo wa chanzo

    Tutazingatia chaguo la classic, wakati vifungo viko baada ya makala.

    Hii inaweza kufanyika ama kwa kufungua faili inayohusika na utoaji wa makala (single.php) na kuongeza kizuizi cha vifungo vya kijamii kwenye msimbo wa chanzo. Vinginevyo, hii inaweza kufanyika kupitia faili ya kazi ya mandhari (functions.php).

    Nitaonyesha chaguo zote mbili, na unachagua moja ambayo inafaa kwako.

    Kuingiza kizuizi kwenye msimbo wa chanzo wa single.php

    Onyo: Kabla ya kuanza vitendo vyovyote, tengeneza nakala rudufu ya faili ya single.php!

    Fungua paneli ya utawala ya WordPress - "Muonekano" - "Mhariri" - "Ingizo moja (single.php)".

    Katika msimbo wa chanzo, tafuta mahali ambapo matokeo ya makala huishia na maoni au urambazaji wa ukurasa kuanza. Ni mahali hapa ambapo utahitaji kuingiza msimbo wa html kwa kizuizi cha vifungo vya kijamii.

    Angalia kwa makini picha ya skrini, zingatia kanuni zinazohusika na kuonyesha makala na maoni. Na ubandike msimbo hapa chini.

    Bila shaka, kutakuwa na tofauti katika templates zako, lakini nina hakika utaitambua, hakuna chochote ngumu kuhusu hilo. Na zaidi ya hayo, unayo nakala rudufu, hakuna kitu cha kuogopa.

    Na hapa kuna nambari ya html ya kizuizi cha vifungo vya kijamii:

    ","mshiriki","toolbar=0,status=0,width=700,urefu=400");" href="javascript: void(0)" class="facebook">&subject=","mshiriki","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)" class="livejournal">","mshiriki","toolbar=0,status=0,width=700,urefu=400");" href="javascript: void(0)" class="twitter ">","mshiriki","toolbar=0,status=0,width=700,urefu=400");" href="javascript: void(0)" class="odnoklassniki">&target=blog","mshiriki","toolbar=0,status=0,width=930,height=500");" href="javascript: void(0)" class="evernote">","mshiriki","toolbar=0,status=0,width=812,urefu=585");" href="javascript: void(0)" class="digg">. Kila kiungo kina darasa lake, ambalo picha ya kifungo imepewa.

    Hii inakamilisha uwekaji kupitia msimbo wa chanzo. Na kisha unahitaji kuunganisha mitindo ya css.

    Kuingiza kizuizi kwenye msimbo wa chanzo cha single.php kupitia vitendaji vya mandhari

    Onyo: kabla ya kuanza kazi, tengeneza nakala ya chelezo ya faili yako ya function.php!

    Ili kutumia chaguo hili, unahitaji kufungua faili ya functions.php na kuongeza msimbo huu mwishoni kabisa:

    /* Kuingiza vitufe vya kijamii */ add_action("comments_template","soc_button"); kazi soc_button() ( ?> ","mshiriki","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)" class="facebook">&subject=","mshiriki","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)" class="livejournal">","mshiriki","toolbar=0,status=0,width=700,urefu=400");" href="javascript: void(0)" class="twitter">","mshiriki","toolbar=0,status=0,width=700,urefu=400");" href="javascript: void(0)" class="odnoklassniki">&target=blog","mshiriki","toolbar=0,status=0,width=930,height=500");" href="javascript: void(0)" class="evernote">","mshiriki","toolbar=0,status=0,width=812,urefu=585");" href="javascript: void(0)" class="digg">. Vinginevyo tovuti itaacha kufanya kazi.

    Maelezo juu ya msimbo: mahali ambapo vifungo vya mtandao wa kijamii vitaonyeshwa imedhamiriwa kupitia API muhimu comments_template. Ufunguo huu huamua mahali kabla ya maoni. Nambari ya kifungo cha kijamii yenyewe imefungwa katika kufungua na kufunga vitambulisho vya kurudi php. Katika kanuni niliziweka alama nyekundu. Huu ni ujanja mzima wa kuingiza msimbo wa html kwenye php, kupitia vitendaji vya mada.

    Hii inakamilisha mbinu; wacha tuendelee kupakia picha kwenye tovuti.

    Inapakia picha za kitufe kwenye seva

    Kwa mfano, nilitayarisha sprites kadhaa na picha za vifungo vya kijamii. Unaweza kuzipakua.

    Sprite ninayotumia kama mfano ni kb 3.97 tu na ina vitufe muhimu tu. Na kwa kuwa hii ni sprite, basi kuna ombi moja tu kwa hifadhidata, na sio kwa kila kifungo tofauti.

    Pakua picha au uandae zako na uzipakie kwenye tovuti yako. Nadhani haipaswi kuwa na shida na hii. Ifuatayo, kiunga cha sprite hii kitahitajika kuunda vitufe kwa kutumia mitindo ya css.

    Kuunganisha mitindo ya CSS

    Hatua hii inaweza, bila shaka, kukamilika kwanza, lakini napendelea kufanya kazi zote ngumu za kiufundi kwanza, na kisha tu kuanza mambo madogo mazuri na mitindo ya css.

    Kwa hiyo, fungua faili ya style.css, ambayo inawajibika kwa muundo wa tovuti yako. Na ingiza mitindo hii:

    Shiriki ( onyesho: kizuizi cha ndani; panga-wima: kurithi; ukingo: 5px 0 0 2px; padding: 0px; saizi ya fonti: 0px; upana: 40px; urefu: 40px; usuli: url("http://test ..png ") kusogeza bila kurudia 0px 0px kwa uwazi;) .shiriki a.vkontakte ( usuli: url("http://test..png ") no-repeat scroll -168px 0px transparent; ) .shiriki a.google ( usuli: url("http://test..png ") no-repeat scroll -252px 0px transparent; ) .shiriki a.livejournal ( usuli: url("http://test..png ") no-repeat tembeza -336px 0px kwa uwazi; ) .shiriki a.twitter ( usuli: url("http://test..png ") no-repeat scroll -42px 0px transparent; ) .shiriki a.mail ( usuli: url("http ://test..png ") kusongesha bila kurudia -294px 0px kwa uwazi; ) .shiriki a.odnoklassniki ( usuli: url("http://test..png ") no-repeat scroll -126px 0px transparent; ) .shiriki a.pinterest ( usuli: url("http://test..png ") no-repeat scroll -210px 0px transparent; ) .shiriki a.liveinternet ( usuli: url("http://test..png ") kusongesha bila kurudia -378px 0px kwa uwazi; ) .shiriki a.evernote ( usuli: url("http://test..png ") no-repeat scroll -420px 0px transparent; ) .shiriki a.bookmark ( usuli: url("http://test..) png ") no-repeat scroll -462px 0px transparent; ) .shiriki a.email ( background: url("http://test..png ") no-repeat scroll -504px 0px transparent; ) .shiriki a.print ( mandharinyuma: url("http://test..png ") kusongesha bila kurudia -546px 0px kwa uwazi; ) .shiriki a.digg ( usuli: url("http://test..png ") kusongesha bila kurudia -588px 0px transparent; ) .shiriki a.spring ( usuli: url("http://test..png ") no-repeat scroll -630px 0px transparent; )

    Ufafanuzi kwenye msimbo: darasa la.share linafafanua mwonekano wa jumla wa kizuizi, saizi ya kila kitufe, husogeza na kuweka usuli mmoja. Na kisha kila kiunga kina darasa lake na kila kiunga kama hicho hupewa aina ya kitufe kupitia mali ya nyuma. Vifungo vinafanywa kama sprite ya CSS, na kila kifungo kina upana na urefu wa 40px, na ukingo wa 2px kati yao, ambayo inakuwezesha kuamua kwa usahihi picha kwa kila kifungo. Hiyo ni, kifungo cha kwanza kinaonyeshwa kama 0, na cha pili kama 42, na kadhalika. Katika nambari, maadili haya yanaonyeshwa kwa machungwa. Kiungo cha sprite pia kimeangaziwa kwa rangi ya chungwa; unaibadilisha hadi njia ya sprite yako.

    Hii inakamilisha mchakato mzima wa kuunda kizuizi chako cha vifungo vya kijamii. Unaweza kuendelea na ukaguzi kwa usalama.

    Pia nina mafunzo ya video ambayo mchakato mzima unaonyeshwa wazi, ikiwa ni pamoja na uendeshaji wa vifungo wenyewe. Tazama na utekeleze kwenye tovuti na blogu zako.


    Hiyo ndiyo sasa. Nilikabiliana na kazi hiyo. Napenda bahati nzuri na kukuona katika makala mpya na mafunzo ya video.

    Hapa kuna maneno "Nani anataka kununua programu kwa punguzo la 8% kwenye ofa?" iliyoandikwa na mtumiaji mwenyewe, na chini ni jinsi kiungo cha tovuti kinavyoonekana kwenye mtandao wa kijamii. Sio nzuri sana, sawa?


    basi kiunga kwenye mtandao wa kijamii kitaonekana kama hii:

    Hapa "Leo ni siku ya kuzaliwa ya allsoft.ru - miaka 8 :)" ni maandishi yaliyoandikwa na mtumiaji, iliyobaki ni habari kutoka kwa vitambulisho vya meta. Unaweza kusoma zaidi kuhusu meta tagi hizi kwenye ukurasa wa Facebook developers.facebook.com/docs/share, mitandao mingine ya kijamii pia inazielewa vizuri kabisa.

    Utaratibu huu hufanyaje kazi kwa ujumla:
    1. Mtumiaji anapobofya kitufe, wijeti hupeleka kiungo kwenye ukurasa kwa seva ya mtandao wa kijamii.
    2. Seva ya kijamii Mtandao yenyewe hupata kiungo hiki na kusoma habari kuhusu ukurasa - kichwa, maelezo, picha.
    3. Seva ya kijamii mtandao huhifadhi taarifa za ukurasa upande wake na kuzionyesha kwenye kurasa za mitandao ya kijamii

    Jinsi ya kutuma maelezo tofauti kwa ukurasa mmoja.
    Kwa mfano, wakati wa kuunda ukurasa wa matangazo kwenye allsoft.ru na jaribio la vichekesho, ilikuwa ni lazima kutuma maelezo tofauti kwa mitandao ya kijamii kwa idadi tofauti ya alama zilizopatikana na mtumiaji kwenye jaribio. Kwa kuwa mtandao wa kijamii hupokea maelezo ya ukurasa kwa kubofya kiungo, viungo tofauti vinahitajika kwa maelezo tofauti. Zaidi ya hayo, Twitter inaruhusu herufi 140 pekee, kwa hivyo inahitaji maelezo tofauti, mafupi.

    New Ya.share(( element: "ya_share_normal", elementStyle: ( "type": "none", "quickServices": ["facebook","twitter","odnoklassniki","vkontakte","moimir"] ), kiungo: "http://allsoft.ru/promo/allsoft8let/?share=normal", serviceSpecific: ( twitter: ( title: "Matokeo ya mtihani: The Dragon is almost your strong point! Bado huwezi kufundisha Dragonology, lakini kwa njia sahihi!))));
    1. Hapa ya_share_normal ni kitambulisho cha kipengele kwenye ukurasa (), ambamo kizuizi kilicho na vifungo vya kijamii kitaonekana, kiungo ni kiungo, pamoja na hudumaMaalum kwa Twitter tunaonyesha kichwa, ambacho kinatofautiana na kile kilicho kwenye og: kichwa meta tag.

    Kwa hivyo, kwa kazi "matokeo 3 tofauti ya mtihani pamoja na kiunga cha kawaida kwa ukurasa nje ya jaribio" tutakuwa na vitambulisho 4:

    na vizuizi 4 vya msimbo wa JavaScript kama ilivyo hapo juu.

    Jinsi ya kubadilisha kichwa na maelezo yaliyohifadhiwa na mtandao wa kijamii.
    1. Kuna njia bora ya Facebook: nenda kwa kitatuzi chao