Dobar dan, dragi čitaoci. Ne tako davno, 11. oktobra, objavio sam kao jedan blok. Međutim, spominjanje društvene mreže Odnoklassniki odigralo je okrutnu šalu, a mnogi korisnici dolaze iz pretraživača upravo u nadi da će pronaći ovo dugme.
Odlučio sam se ispraviti i posvetiti poseban članak postavljanju gumba Class! iz Odnoklassnika. S jedne strane, instaliranje dugmeta nije teško, ali postoji niz uslova koji se moraju ispuniti.
Stoga sam smatrao da bi bilo bolje da o ovome razgovaramo detaljnije.
Odmah da rezervišem:
Kôd dugmeta Klasa opisana u ovom članku je već prilagođena za Blogger/Blogspot platformu.
Ako želite da se dugme nalazi odmah na kraju članaka, tada, u pravilu, postavljamo kod dugmeta odmah iza reda:
Ako želite da se dugme pojavljuje samo na interne stranice, a nisu bili vidljivi na glavnoj stranici, tada bi kod gumba trebao biti unutar koda:
evo koda dugmeta
Prije dodavanja koda gumba u predložak, uvijek označite polje za potvrdu "Proširi predloške widgeta".
Odnoklassniki ima priliku da instalira 4 različite vrste dugmad
| Dugme za brojač | Veliko obično dugme | Malo obično dugme | Vlastito dugme |
Dakle, kako dodati dugme Class kao spinner u Blogger/Blogspot
Prvi korak.
Otvorite šablon bloga i pronađite:
Prije ovog reda ubacujemo kod:
Drugi korak. Za prebrojavanje “glasova” nalazimo kod:
i potpuno ga promijeni u ovo:
ili lično u mom šablonu body tag bilo ovako:
u ovom slučaju zamijenite kod ovim redoslijedom:
Imajte na umu da smo ostavili prethodnu vrijednost class="loading" i dodali novu vrijednost onload="ODKL.init();"
Treći korak. Postavljanje koda dugmeta Class.
Pronađite mjesto gdje želite da instalirate dugme Class i zalijepite kod dugmeta:
0
Ni pod kojim okolnostima se ništa ne smije mijenjati u ovom kodu. Sačuvajte šablon.
Ako želite ovakvo dugme
Da biste ga instalirali, slijedite prvi korak opisan gore (ubacite veze do potrebne datoteke u zaglavlju predloška), preskočite drugi korak, nije potreban. Pređimo na treći korak - postavljanje koda za dugme Class.
Klasa!
Ako želite takvo dugme, onda će kod biti ovakav:
Kao što vidite, nema apsolutno ništa komplikovano. U osnovi, svi ovi kodovi se ne razlikuju mnogo, osim vrijednosti klase, koja nam govori kako bi gumb trebao izgledati.
Ako vam se ne sviđa standardno dugme Class, onda ga možete zamijeniti svojom slikom. I u ovom slučaju biramo, na primjer, tip gumba iz druge opcije, gdje je class="odkl-klass", a odmah nakon koda gumba ubacujemo:
One. sve zajedno bi trebalo izgledati ovako:
Klasa!
.odkl-klass (pozadina: url (adresa vaše slike) bez ponavljanja; )
Također možete dopuniti ovaj kod drugim stilovima, FireBug ekstenzija Pomoći će vam da eksperimentirate tako da se dugme organski uklopi u vaš blog. U teoriji, svi stilovi bi trebali biti navedeni u predlošku na istom mjestu kao i svi ostali CSS stilovi, ali je dugme implementirano na način da da biste poništili postavke njegovog izgleda, morate postaviti CSS kod ispod koda dugmeta .
U sklopu promocije za blogere - preporučio bih vam blog mog čitaoca i aktivnog komentatora SwaEgo. Na njegovom blogu ćete pronaći tutorijale o Photoshopu, a jedan od njih je Kako pretvoriti crno-bijelu fotografiju u kolor u Photoshopu. Morate naučiti kako raditi u Photoshopu, u najmanju ruku, da biste mogli uređivati loše snimljene fotografije za porodični album, a maksimalno da crtate svoje slike za svoje članke. Probajte, možda vam se dopadne.
P.S. Svako ko je za sebe instalirao blok dugmadi društvene mreže, i želi da ubaci dugme Odnoklassniki u ovaj blok, kao što je moj, onda ćete morati da uradite:
1. Prvi korak,
2. otvorite ovaj fajl,
3. Zalijepite kod iz datoteke na mjesto gdje želite da bude dugme.
Sačuvaj šablon.
IN U poslednje vreme Postalo je moderno instalirati dugmad društvenih medija na web stranice i blogove, i to nije iznenađujuće. Prvo, dugmad vam omogućavaju da povećate "lajkove" i "srca", što ima pozitivan učinak na promociju članaka na društvenim mrežama. Drugo, postoje odvojeni tipovi dugmadi koji vam omogućavaju da delite veze na pojedinačne stranice stranica na društvenim mrežama - ovo privlači dodatne posjetitelje iz Vkontakte, Facebook, Odnoklassniki, Twitter, itd. Treće, članci koji su primljeni veliki broj„sviđa mi se“ i „srca“ čitaoci sajta imaju veliko poverenje.
Stoga je vrlo važno znati kako instalirati gumbe za društveno umrežavanje na web-stranici kako biste pomogli u razvoju web-resursa. Razmotrit će se najpopularnije društvene mreže
- U kontaktu sa
- Drugovi iz razreda
- Google "+1"
- Moj svijet
Ovdje će biti riječi o instalaciji standardna dugmad koje nude same društvene mreže. U ovom slučaju, svako dugme će morati da se instalira odvojeno od ostalih, za to je potrebno neko vreme, ali takođe izgleda veoma dobro.
1.1. VKontakte 1.1.1 Dugme „Sačuvaj“.Dugme je prilično fleksibilno, natpis na njemu se može promijeniti u šta god želite (podrazumevano je „sačuvaj“). 
Prvo, trebate otići na stranicu sa, gdje ćete dobiti kod skripte koji ćete morati instalirati na svoju stranicu da bi se dugme prikazalo.
Ovdje možete odabrati jedan od 5 stilova: dugme, dugme bez brojača, link, link bez ikone, ikona.
Polje “tekst” vam omogućava da promijenite standardni natpis “sačuvaj” u svoj vlastiti.
Kao URL, možete odabrati adresu stranice pomoću gumba ili adresu druge stranice (po vašem izboru). U prvom slučaju, dugme će dijeliti vezu do stranice na kojoj se nalazi samo dugme. U drugom slučaju, dugme će dijeliti vezu koju navedete, bez obzira na to gdje se nalazi.
Kod za ugradnju se sastoji od dva dela: prvi treba da se nalazi bilo gde između oznaka i, drugi - na mestu gde treba da bude prikazano dugme. Pročitajte o instaliranju dugmeta na web stranicu u odlomku.
1.1.2 Dugme “Sviđa mi se”.Druga opcija za dugme je widget „Sviđa mi se“. Biće lakše instalirati ga na sajt, jer... na kraju ćete dobiti samo jedan dio koda koji ćete morati ubaciti na pravom mjestu site.
Da konfigurišete dugme, idite na ovaj link. Ovdje također morate popuniti niz parametara.
Naziv stranice – ovdje je bolje navesti kratak i pravi naziv Vaše stranice.
Adresa web stranice - unesite adresu početna stranica vaš sajt.
Glavni domen web-mjesta - naznačite glavno ogledalo web-mjesta (može se naći kao parametar operatora „Host“), ako vam je to teško učiniti, ostavite predloženi VKONTAKTE.
Varijante dugmadi su različiti stilovi dugmeta i utiču na njega izgled.
Visina dugmeta je geometrijska dimenzija dugmeta „Sviđa mi se“.
Naziv dugmeta – dostupne su dvije opcije (sviđa mi se, zanimljivo).
Kod za umetanje je kod koji je potreban za prikaz dugmeta za društvenu mrežu VKontakte.
1.2 FacebookDugme na ovoj stranici se konfiguriše. Poteškoće mogu nastati jer... komentari na formular su upisani engleski jezik, ali ispod možete pročitati Kratki opis svako polje.
URL to Like – URL stranice za dugme (ako polje nije popunjeno, preuzet će se adresa stranice na kojoj se dugme nalazi).
Dugme za slanje – prisustvo kvačice uključuje nova prilika– pošaljite link na Facebook (prikazuje se dodatno dugme- "pošalji"). Kada je uključen, dva dugmeta će biti prikazana istovremeno.
Stil izgleda – stil dugmeta, utiče na njegov izgled (broj dugmeta se smatra standardnim).
Širina – širina dugmeta u pikselima.
Prikaži lica – kada je omogućeno, biće prikazani avatari ljudi koji su već kliknuli na ovo dugme.
Font – tip fonta dugmeta.
Šema boja – pozadina prostora pored dugmeta (bela i crna).
Glagol za prikaz – naziv dugmeta (sviđa mi se, preporučujem).
Get Code – dugme koje generiše kod skripte.
1.3 Odnoklassniki i Moj svijetOve društvene mreže su stekle veliku popularnost Internet na ruskom jeziku, tamo živi ogroman broj ljudi, tako da ne biste trebali zanemariti instaliranje dugmeta „Klasa“ sa usluge Odnoklassniki i dugmeta „Sviđa mi se“ sa sajta Moj svet.
Da biste konfigurirali dugmad, morate otići na . Možete dodati dugmad pojedinačno, prilagođavajući svako od njih drugačije, ili možete uređivati oba gumba u isto vrijeme. 
Veličina visine – geometrijska veličina dugmadi.
Izgled – izgled okvira dugmeta.
– izbor dugmadi (lajk, klasa)
Brojač – uključivanje i isključivanje dugmeta pritisnite brojač (desno, na vrhu – lokacija brojača).
Tekst na dugmadima – izaberite jedno od tri imena dostupna za dugmad.
Embed code – kod skripte koji će biti potrebno instalirati na sajtu.
1.4 Google “+ 1”Nova društvena mreža koja je za kratko vrijeme stekla ogromnu publiku. Teško je zamisliti sajt bez dugmeta „+1“, jer... ne samo da vam omogućava da dodate linkove na društvenu mrežu i povećate broj "pluseva", već može uticati i na rezultate stranice u TOP pretraživač Google.
Svi detalji o ovome, kao i instalaciji i konfiguraciji dugmeta se nalaze.
1.5 TwitterNajpopularnija usluga kratke poruke ne može se zanemariti. Instalirajte dugme za ovu društvenu mrežu i pogledajte koliko brzo će ljudi dijeliti linkove do vaše stranice na Twitteru. Dugme možete prilagoditi ovdje.
Prvo morate odabrati željeno dugme(nas zanima prva opcija – dugme „pošalji link“).
Nakon toga, na stranici će se pojaviti obrazac sa nekoliko polja koja je potrebno popuniti.
Pošalji link – odaberite stranicu na kojoj se nalazi dugme ili bilo koju drugu.
Tekst – odaberite tekst koji će se pojaviti pored dugmeta (NE NA SAMOM DUGME).
Prikaži brojač – omogući ili onemogući brojanje pritiska na dugme.
Korišćenje – odabir metode za dodavanje poruke veze na Twitter (ne utiče ni na šta).
Oznaka – odaberite oznaku koja će biti objavljena na Twitteru (ne utiče ni na šta).
Veliko dugme – povećava geometrijsku veličinu dugmeta.
Odbijte prilagođavanje Twitter-a - odbijte Twitter stilove (bolje je ostaviti neoznačeno polje).
Jezik – izaberite jezik dugmeta.
S desne strane će se generirati kod koji treba dodati na stranicu.
1.6 Ya.ruDa biste to učinili, morate popuniti nekoliko polja koja će se formirati potreban kod script.
Veličina – mala ili velika veličina dugmad.
Stil – izaberite između dugmeta ili ikone.
Prisustvo brojača – uključite ili onemogućite brojač pritiska na dugme.
Izgled dugmeta je primer kako će dugme izgledati.
Naslov – odaberite naslov stranice (prilagođeni ili naslov trenutne stranice).
Embed code – potreban kod koji se dodaje na sajt.
2. Gotovi tasteri za sajtAli ako ne želite da dodate kod za svako dugme na svoju web stranicu, onda možete koristiti standardne skripte koje odmah formiraju grupu dugmadi društvenih mreža. U tom slučaju trebate samo dodati jedan kod takve skripte na svoju web stranicu i odmah ćete imati instalirane gumbe za najpopularnije društvene mreže.
Da biste konfigurirali blok i odabrali željene društvene mreže, slijedite ovu vezu. Snimka ekrana ispod pokazuje da možete odabrati dugmad za željene društvene mreže od ponuđenih, a također i malo urediti izgled bloka.
Skup usluga – izbor dugmadi društvenih mreža za sajt (oni sa kvačicom će biti prikazani na sajtu).
kod - potrebna skripta, koji treba dodati na stranicu.
2.2 Dugmad PLUSONedavno je dizajner dugmadi društvenih mreža - PLUSO - stekao široku popularnost. Možete otići na stranicu koristeći ovaj link.
Konstruktor je prilično fleksibilan, ima mnogo postavki, tako da možete kreirati gumbe društvenih mreža koji će se savršeno uklopiti u dizajn stranice.
Prvo treba da izaberete stil dugmadi i brojača od nekoliko ponuđenih (horizontalni, vertikalni, u boji, bezbojni itd.).
Zatim morate konfigurirati niz postavki odabirom
- lokacija bloka (vertikalna, horizontalna);
- boja dugmeta (svetla, tamna);
- veličina bloka (veliki, mali);
- brojač (prisustvo ili odsustvo);
- pozadina (bezbojna ili obojena);
Kôd će biti generiran prema parametrima koje ste naveli, nakon čega ga je potrebno ubaciti na stranicu.
S hare42Još jedna usluga koja vam omogućava da dizajnirate dugmad za svoju web stranicu je Share42.com/ru.
Ovaj generator vam omogućava da prilagodite veličinu dugmadi, odredite željene društvene mreže iz velikog broja dostupnih, a također i uredite izgled ikona.
Odaberite veličinu dugmadi i željene društvene mreže, a zatim nastavite s konfiguracijom dodatnih opcija.
Tip panela sa ikonama – prikazuje blok dugmadi (opcija „vertikalno plutajuće“ je veoma interesantna).
Ograničite vidljivi broj ikona – odaberite broj prikazanih dugmadi (drugi će biti skriveni iza veze).
Kodiranje stranice – odaberite kodiranje vaše stranice.
Dodajte ikonu za stranicu Share42.com - možda biste trebali poništiti oznaku.
Prikaži brojače – omogući brojač klikova na dugme (samo kada je jQuery pokrenut).
Instalacija ove skripte je prilično komplikovana, ali je opisana korak po korak na samoj web stranici Share42.
3. Kako instalirati dugmad na sajtuAko se kod koji treba postaviti na stranicu sastoji od dva dijela (kao što je slučaj s gumbom VKontakte), tada se svaki dio instalira zasebno. Ako kod nije podijeljen na dva dijela, onda ovaj korak možete ga preskočiti.
Prvi dio koda treba dodati između oznaka i. Da biste to učinili, prijavite se na svoj WordPress admin panel i idite na uređivač šablona.
U uređivaču šablona potrebno je pronaći datoteku “Header” (header.php), ako ga nema, onda – “Glavni šablon” (index.php). Sada morate pronaći oznaku ili. Ako u specificirane datoteke nema takvih oznaka (sve teme su različite, možda je i slučaj), tada ćete morati otvoriti sve datoteke za uređivanje i potražiti oznaku u svakoj od njih. Za pretraživanje možete koristiti tipkovnu prečicu “Ctrl+F”.
Jednom kada nađete neophodne oznake, možete postaviti prvi dio koda neposredno prije završne oznake kako ne biste slučajno dodirnuli kodove drugih skripti.
Drugi dio koda se postavlja tamo gdje želite da vidite dugmad društvenih medija odabranih za stranicu. Ako se kod sastoji samo od jednog dijela, dovoljno je izvršiti samo ovu operaciju.
Najčešće se dugmad dodaju prije članka ili na kraju. Lakša je, naravno, druga opcija. Mi ćemo to razmotriti.
Morate pronaći mjesto gdje članak završava (glavni tekstualni dio stranica). Da biste to uradili, potrebno je da uredite datoteku “Single entry” (single.php).
Sada morate pronaći operatera koji je odgovoran za prikaz glavnog sadržaja članka. U mom slučaju, ovo je „the_content“, odmah iza njega se postavlja kod dugmeta.
Slično, kod možete postaviti na početak članka, samo trebate pronaći mjesto između naslova i teksta članka.
Dugme “Klas” će omogućiti posjetiteljima vaše web stranice da označe svoje omiljene materijale i podijele ih sa prijateljima na Odnoklassniki.
Pomoći će vam da shvatite šta vaša publika najviše voli, a istovremeno privući nove posjetitelje na svoju stranicu.
Ako imate instalirano naše staro dugme „Klasa“, preporučujemo da ga promenite na novo, makar samo zato što radi mnogo brže.
Konstruktor dugmeta „Klasa“ LinkKada dijelite bilo koji resurs na Odnoklassniki, možete imati problema s obradom medijskog sadržaja.
Ograničenja za dijeljene slike:
- minimalna veličina:
- za web: 128x128
- za mobilne: 50x50
- minimalni omjer širine i visine: 0,5
Takođe, za nepouzdane domene grabber ne obrađuje slike i video zapise. Da bi grabber počeo obraditi takve veze, morate koristiti jedan od protokola za označavanje stranice:
- Otvorite Graph Protocol.
Ova metoda vam omogućava da navedete oznake og:title, og:description, og:image i og:video unutar oznake stranice, koje će grabberu reći koji sadržaj na stranici treba koristiti.
Zahtjevi se šalju sa adresa:
https://connect.ok.ru/offer
?url =URL_TO_SHARE
&title =TITLE
&imageUrl =IMAGE_URL
Potreban je samo parametar url, a ostali parametri su opcioni.
- Mogućnost da saznate broj "klasa" za vašu stranicu bez instaliranja dugmeta:
https://connect.ok.ru/dk
?st.cmd =extLike
&tp=json
&ref =URL_TO_SHARE
Kada ugrađujete nekoliko widgeta na jednu stranicu, možete koristiti kod:
! funkcija (d, id, did, st) ( var js = d. createElement ( "script"); js . src = "https://connect.ok.ru/connect.js" ; js . onload = js . onreadystatechange = funkcija () ( if (! this . readyState || this . readyState == "loaded" || this . readyState == "complete" ) ( if (! this . executed ) ( this . executed = true ; setTimeout (funkcija () ( onOkConnectReady ()), 0 ); ) )) d. documentElement . appendChild ( js ); )( document ); Funkcija OnOkconnectready () (u redu. ConnectGroupWidget ("MinegroupWidgedDidget", "" 50582132228315 "," (širina: 250, visina: 335) ");" minesharewidgeddivid "," https "," https "," https ", "(width:125,height:25,st:"oval",sz:12,ck:1)" ); ) Kako pratiti događaj u klasiKada klasirate stranicu kroz widget, on šalje postPoruku na vašu stranicu sa sljedećim sadržajem:
ok_shared$__okShare1
Događaj na stranici koja je ugradila widget može se pratiti na sljedeći način: javascript kod:
funkcija listenForShare () ( if (window . addEventListener ) ( prozor . addEventListener ( "message" , onShare , false ); ) else ( window . attachEvent ( "onmessage" , onShare ); ) ) funkcija onShare (e) ( var args = e .data .split ( "$" ); if (args [ 0 ] == "ok_shared" ) ( upozorenje ( args [ 1 ]); ) ) listenForShare ();Ovo je daleko od prvog članka koji se dotiče dugmad za društvene mreže Online. A zašto sve? Da, jer bez njih ne možete nikuda. Ovaj put ćemo sami napraviti dugmad za društvene mreže, tj. bez korištenja dodataka i usluga trećih strana kao što su socialtools.
Prednosti ručnog postavljanjaLjudi najčešće dolaze na ovu metodu kada ne žele da ovise o uslugama trećih strana. Recimo da je isti UpToLike ili SocialTools pao, odnosno dugmad na vašem sajtu su takođe pali, pošto svi zahtevi prolaze kroz njega. Ovdje počinje rad na ubrzanju bloga, učitavanju stranica itd. Općenito, za one kojima je potrebna ova metoda, razmotrimo varijacije.
Idemo na službenu web stranicu predstavnika, tj. ovdje
https://about.twitter.com/ru/resources/buttons
i odaberite dizajn i tip dugmeta koji vam odgovara. Postoji dovoljno opcija za odabir, osim toga, ovdje možete odabrati i dugme „Pročitaj“. Svaki od njih je konfigurisan, nakon čega se prikazuje spreman kod za umetanje na sajt. Primjer ove opcije možete vidjeti na snimku ekrana:
Princip postavljanja se ne razlikuje od prethodnog. Idite na stranicu dokumentacije za objavljivanje VKontakte veza koristeći vezu:
Također biramo dizajn, koji može biti sa ili bez pulta. Sve je po Vašoj želji i nahođenju. Kao rezultat, dobijamo gotov kod za postavljanje. Evo snimka ekrana:
Ovdje su postavke zanimljivije. Idite na dokumentaciju nove klase dugmeta na:
http://apiok.ru/wiki/pages/viewpage.action?pageId=42476656
Dugme je podesivo i po izgledu i po veličini. Brojač se može podesiti desno i gore. Rezultat prikazanog dugmeta je neposredno pred vašim očima, gotov kod se konfiguriše ispod online, u skladu sa odabranim opcijama dizajna.
Sva dokumentacija je na engleskom, tako da onima koji imaju problema sa ovim jezikom neće biti tako lako. Ipak, sve što trebate je da dobijete kod sa ove stranice:
Kliknite na dugme „Preuzmi kod“ i preuzmite potreban kod za umetanje na sajt.
Veoma sličan menadžment i dizajn kao Odnoklassniki. Postavke su apsolutno iste, a ako ste shvatili prethodne, ni sa ovim neće biti problema. Ovde dobijamo dugme:
http://api.mail.ru/sites/plugins/share/
Ako imate bilo kakvih pitanja, ispod postavki, kao i kod gore opisanih usluga, nalazi se link na detaljnu dokumentaciju.
Da li vam je sve bilo teško? Možda zato što je potrebno nabaviti sve ove tipke, postaviti kod i skripte na web mjesto, ali ako ovo razumijete, onda je to samo nekoliko minuta. Sve skripte se mogu smjestiti u jednu datoteku i povezati na željenu lokaciju. Ali ako vam se i dalje čini komplikovanim, postoji lakša opcija. Da bismo to uradili ponovo ćemo morati da odemo do usluga treće strane i preuzmite gotovu biblioteku koja povezuje sve što vam je potrebno u jednom javascript fajl, a također izlazi na prelep dizajn kroz gotov fajl css stilovi. Prebacimo se na ovu uslugu:
http://sapegin.github.io/social-likes/ru/
Igramo se sa postavkama, biramo potreban broj društvenih mreža, skin, pregled, a nakon toga preuzimamo gotovu verziju fajlova klikom na dugme “Download Buttons” na samom dnu. Arhiva će sadržavati 3 datoteke, od kojih su 2 već opisane gore, a 3. služi kao primjer za umetanje div blokova na stranicu.
Zaključak: koja je od ovih opcija najbolja za vas, odlučite sami. I jedni i drugi isključuju ovisnost o uslugama trećih strana, ali ako ovako pričamo, onda ne zaboravimo da su društvene mreže same po sebi vrlo često glupe, pa shodno tome vuku web stranicu sa sobom (povećavaju vrijeme učitavanja stranice). Dakle, ovdje postoji jedna kontradikcija za drugom. Želim ti uspjeh!
Činjenica je da od svih dugmadi ponuđenih partnerima Odnoklassniki, ovo služi najviše zgodan alat za posjetioce. Zahvaljujući ovom alatu, svi prijatelji mogu vidjeti u feedu zanimljiv link, a vlasnik resursa sa takvim dugmetom dobija nešto više.
U suštini, dugme “Cool!” je jedinstveni indikator koji signalizira nivo interesovanja za materijal objavljen na sajtu (video zapisi, fotografije, članci). Kako velika količina Kada se klikne na njega, objavljena informacija je, shodno tome, korisnija/smješnija. Budući da ste svjesni preferencija vaših posjetitelja, sada je lakše učiniti vašu stranicu još popularnijom! Usput, dugme "Razred!" Može biti sa ili bez brojača.
Postoje neke karakteristike instaliranja takvog alata na resurse u slučaju Joomla, WordPress, DLE.
Instaliranje ovog dugmeta na Joomla je jednostavno kao i ljuštenje krušaka – samo 5 minuta vremena i bez muke!
Dakle, u upravitelju šablona na admin panelu odaberite Trenutni šablon I UrediHTML, gdje trebate umetnuti sljedeći html kod na sam početak stranice. Nakon toga, na web stranici hosting provajdera u folderu gdje je instalirana Joomla nalazimo dokument public_html-components-com_jcomments-tpl-default sa datotekom tpl_index.php. Evo zadnje tačke naših “avantura”, pa dodajemo html kod:
Dugme “Cool!” spreman za upotrebu!
Za postavljanje dugmeta “Klasa!” sa statistikom morate aktivirati linkove na Javascript i CSS fajlovi u naslov stranice i zalijepite ga na odgovarajuće mjesto HTML stranica kod dugmeta.
Zapamtite da se kod za ovo dugme, za razliku od uobičajenog dugmeta „Cool!”, ne može menjati, jer sadržaj unutra će biti zamijenjen. Takođe, ime CSS klase mora biti originalno jer se koristi kao atribut dugmeta.
Da bi se prozor sa statistikom pojavio nakon što se stranica završi učitavanjem, morat ćete pozvati prozor ODKL.init();
Na WordPressu, interaktivni alat "Klasa!" drugačije instaliran.
Uobičajeni dodatak Social Share Buttons dostupan je za preuzimanje i instalaciju na službenoj WordPress web stranici (od WordPress admin paneli). Nema uređivanja koda, svi pokreti tijela su svedeni na pritiskanje tipki, i ništa više!
Dakle, idemo na WordPress admin panel Dodaci – Dodajte novo, gdje u traka za pretragu unesite Social Share Buttons (bio je prvi na mojoj listi dodataka!). Zatim kliknite na link Instaliraj, a nakon instalacije – Aktivirajte dodatak. u wp.
Opisani put za instalaciju dodatka je najlakši, ako su, naravno, uključeni u WordPress plugin direktorij.
Sad aktiviran dodatak potrebna podešavanja: meni Opcije i link Share Buttonsće nas preusmjeriti na postavke dodatka. Prva stvar na koju treba da obratite pažnju je koja su dugmad postavljena po defaultu (dodatak ima 8 opcija gumba u različitim dizajnima!). Sljedeći korak pojavit će se akcija za odabir dugmeta Odnoklassniki koji nam je potreban i instaliranje na određeno mjesto. Mislim da sa ovim neće biti problema, ali ako imate pitanja, pitajte!
Za DLE ( DataLife Engine) Dugme “Razred!” instaliran ovako:
Dugme “Cool!” sa statistikom:
Uključujemo veze do Javascript i CSS datoteka u zaglavlje stranice u main.tpl datoteci između oznaka i ubacujemo ih. Sljedeći koraci Za prikaz dugmadi sa statistikom, oni se prave u shortstory.tpl ili fullstory.tpl umetanjem koda na pravo mjesto:
Jednostavno dugme "Klas!" generira se umetanjem koda:
Klasa!
Kao vrhunac svega, nalazimo početnu oznaku u datoteci main.tpl, koju mijenjamo u izraz
OK, sada je sve gotovo! Želim vam puno sreće u instaliranju dugmeta.
