Showing posts with label twitter. Show all posts
Showing posts with label twitter. Show all posts

Cum sa cresti numarul de fani al contului Pinterest, Twitter, Facebook (2019)

Se gasesc destule programele si extensii Chrome, unele gratis (din care n-am gasit nici unul care sa fie 100% functional), altele cu plata. In acest articol va voi arata cum sa faceti asta fara a instala nimic, cu ajutorul unui simplu cod javascript.
Cum sa cresti numarul de fani al contului Pinterest
CTRL+SHIFT+i deschide Developer Tools
  1. Mai intai cautati-va pe Pinterest competitorii. Voi presupune ca doriti sa va cresteti afacerea si prezenta web, dar bineinteles puteti face asta si cu contul personal. In mare, ideea este sa le furati/imprumutati din fanii lor, deoarece sunt sanse ca acestia sa fie interesati si de serviciile/produsele oferite de dvs. Asadar, alegeti un competitor si accesati-i lista de fani (Followers). Se va deschide un popup cu lista, asemeni celui din poza. Coborati (scroll) cat puteti pentru a incarca cat mai multi din lista. Pinterest are o limita zilnica de 300 de astfel de actiuni, daca nu ma insel (follow). Deci, daca acesta va avea 4000 de fani, nu e nevoie sa-i afisati pe toti; opriti-va la aprox 300.
  2. Apasati simultan (suntem in Chrome sau alt browser Chromium - Firefox, Opera si din ce am auzit, urmatorul  Internet Explorer, deci cam toate navigatoarele de azi sunt Chromium) tastel CTRL+SHIFT+i, si se va deschide consola Developer Tools. Navigati apoi la Console si aici copiati codul javascript de mai jos, apoi apasati Enter pentru a-l rula.
Asta a fost tot. Veti obseva cum butoanele rosii Follow devin butoane gri Unfollow, ceea ce inseamna ca practic ati apasat toate butoanele in acelasi timp.
Nu abuzati de acest script. Pinterest va bloca functia follow dupa ce veti atinge limita de 300/zi, insa nu stiu ce repercusiuni vor putea fi daca veti incerca iar si iar in decursul aceleiasi zile. Personal fac acest lucru la 2 zile, pentru a fi sigur ca nu vor fi probleme cu contul Pinterest si pana acum nici nu au fost.
Codul javascript:

Best free social likes, followers, subscribers, tweets in 2017

Best free social likes, followers, subscribers, tweets in 2017
Not only that by having a social active page for your presence will bring you more clients and, of course, more money, but also search engines are paying more and more attention to these social sites and what people share or like online.
The best 2017 sites to get free Facebook Likes, Facebook Followers, Facebook Post Likes, Facebook Post Share, YouTube View, YouTube Subscribers, YouTube Video Likes, YouTube Video Favorites, Google+ Circles, Twitter Followers, Twitter Tweets, Twitter reTweets, Twitter Likes, Instagram Followers, Instagram Photo Likes, Pinterest Followers, Pinterest rePins, Pinterest Likes, SoundCloud Followers, SoundCloud Music Listening, Website Hits and autosurf are listed below.
  1. ADDMEFAST - Addmefast is free social exchange network which helps you grow your social presence.Currently thanks to Addmefast you can get more and more Facebook likes, Facebook subcriptions, Google circles, Google +1 , Twitter followers, YouTube views , YouTube channel subscription, YouTube Video likes , Pinterest followers, Soundcloud music listening, Digg followers, StumbleUpon followers and Website hits.
  2. LIKESPLANET - besides the regular "like per like" method of earning points, you can also earn by referring their site to others. You can earn points for telling your friends, family or customers about LikesPlanet. Just use your "Referral Link" when sending them to the site. You will receive 100 Points for each person join under your referral + 600 points for each active referral + 5% of its profits that signs up to LikesPlanet from a different internet connection.
  3. YOULIKEHITS - YouLikeHits is a free social media directory network which helps you grow your social networking presence.With YouLikeHits you will get more exposure on the social networks you use! Getting started with YouLikeHits is very simple and completely free.
  4. LIKE4LIKE - Like4Like.org website and it's system is programmed from the ground up and do not contain any third party programs, plugins, and component. Our team of programmers have a mission to develop natural flowing websites, that are fair and just for all its members!
  5. UTUBEHITS - With utubehits you can get free youtube views, free youtube likes, free youtube subscribers, free youtube comments. Register for Free!
  6. SOCIALCLERK - We create social media connections. We abide by twitter's rules and facebook's rules. We never auto-tweet to your account. We never ask for your password

Generator de link-uri 'social share'

O idee buna pentru siturile care se incarca greu ar fi sa renunte la butoanele siturilor de socializare. Acestea, la randul lor, incarca alte scripturi java, iframe-uri, poze (etc) care fac si mai greoaie accesarea si navigarea pe web.
Generator de link-uri 'social share'
Numai butoanele Facebook, Google+ si Twitter aduc un plus de cateva sute de kb paginii web si deci cateva secunde in plus la incarcarea paginii. Desigur, mai sunt si altele: LinkedIn, Pinterest si cate si mai cate.
Doua puncte de vedere importante ce trebuie luate in considerare sunt ca:
  1. multi vizitatori vin de pe paginile motoarelor de cautare iar, daca pagina dvs se incarca greu, o vor inchide si vor incerca urmatoarea din lista
  2. Google si celelalte motoare de cautare prefera sa afiseze siturile ce se incarca rapid in detrimentul celor mai incete
Asadar, unul dintre lucrurile pe care il puteti face este sa eliminati codurile butoanelor de socializare de pe paginile web si sa le inlocuiti cu simple link-uri. Acestea vor deschide aceleasi ferestre/pagini de share ca si in cazul butoanelor.
Un sit util de unde puteti genera si obtine link-uri de socializare catre orice pagina web ori poza (Pinterest) este Social Share Links Generator. Va recomand sa masurati viteza de incarcare a sitului dvs (puteti folosi Pingdom Tools) cu butoanele originale de socializare (Fb, Tweet, G+) si apoi sa retestati din nou, dupa eliminarea acestora. Iar daca sunteti multumiti de rezultat, folositi in contuare link-urile de socializare generate pe situl de mai sus.

Cum sa-ti fortezi vizitatorii sa faca Like, Tweet, Google+

Am cautat zilele astea cum sa sa fortezi  vizitatorii sitului, ori unei anume pagini sa faca Like paginii respective si am gasit o multime de plugin-uri pentru Wordpress care fac acest lucru. Cam toate functioneaza pe acelasi principiu: continutul paginii este blocat, incomplet sau ascuns, iar pentru a afisa toata pagina vizitatorul este 'rugat' insistent sa voteze pagina; adica sa faca click pe LIKE, TWEET sau GOOGLE+.
Facebook LIKE
Facebook LIKE
Insa nu prea am gasit mare lucru pentru siturile care nu ruleaza pe Wordpress. Problema este ca aceste extensii Wordpress se foloseau si de fisierele Wordpress-ului pentru a incarca continutul incomplet sau ascuns in ajax. Alta problema este ca aceste plugin-uri nu sunt gratuite. Din fericire majoritatea acestor situri care vand extensiile platite ofera si demo-uri online si la o scanare a sursei paginii se poate copia/modifica codul lor. Am scanat asadar sursele lor si am combinat cateva dintre aceste plugin-uri a.i. sa poata fi folosite pe orice sit, fara a fi nevoie de Wordpress.
Scriptul meu functioneaza tot in acelasi fel. Pentru a fi cat mai simplu am ales sa ascund continutul interesant, continutul pentru care vizitatorii ar face click pe LIKE pentru a-l vedea, folosing CSS:

<style type="text/css">
div.post-body img{display:none}
</style>
Asadar, codul CSS de mai sus ascunde, sau mai bine zis nu afiseaza (display:none) imaginile (img) din elementele div din clasa post-body. Mai departe, trebuie sa spun din timp ca JavaScript-ul meu foloseste jQuery. va trebui sa-l integrati in codul paginii si recomand sa-l introduceti inainte de </head>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
In continuare, spre deosebire de altele, acest script permite vizitatorilor sa deblocheze continutul unei pagini facand un click pe Like (Facebook), postand un post pe Twitter (Tweet) sau pe Google+ (G+). Asta va spori popularitatea sitului dvs pe toate aceste 3 retele sociale. Iar daca, din intamplare, vreunul dintre vizitatori nu are cont pe nici una dintre aceste 3 retele, el va putea vizita o pagina anume, sa-i spunem pagina sponsorilor, unde va primi acces automat cu ajutorul unui cookie. Pentru a scrie acest cookie folositi urmatorul script:

<script type='text/javascript'>jQuery.cookie = function (key, value, options) {
    if (arguments.length > 1 && String(value) !== "[object Object]") {
        options = jQuery.extend({}, options);
        if (value === null || value === undefined) {
            options.expires = -1;
        }
        if (typeof options.expires === 'number') {
            var days = options.expires, t = options.expires = new Date();
            t.setDate(t.getDate() + days);
        }
        value = String(value);
        return (document.cookie = [
            encodeURIComponent(key), '=',
            options.raw ? value : encodeURIComponent(value),
            options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
            options.path ? '; path=' + options.path : '',
            options.domain ? '; domain=' + options.domain : '',
            options.secure ? '; secure' : ''
        ].join(''));
    }
    // key and possibly options given, get cookie...
    options = value || {};
    var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
    return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
</script>
 Adaugati acest cod dupa jQuery. Pentru a nu avea probleme cu executia in nici unul dintre browsere, inserati scripturile siturilor sociale in mod sincron si nu asincron (async),in felul urmator:

<div id="fb-root"></div>
<script type='text/javascript' src='//apis.google.com/js/plusone.js'></script>
<script type='text/javascript' src='//platform.twitter.com/widgets.js'></script>
<script type='text/javascript' src='//connect.facebook.net/en_GB/all.js#xfbml=1'></script>
Mai sus am inserat si div-ul fb-root care vine odata cu scriptul Facebook. In continuare scriptul propriu-zis:

<script type="text/javascript">
var virallocker_use = false;
function virallocker_plusone(plusone) {
if (plusone.state == "on") {
var data = {post: "1", action: "virallocker", network: "google"};
jQuery.cookie('visitor_cooke_ASDFG', '1', { expires: 365, path: '/', domain: 'www.id.atat.ro'});
jQuery('div.post-body img').show('slow');
jQuery('div.post-body img').css("display","block");
jQuery('#virallock-box').css("display","none");
jQuery('#virallock-box').css("visibility","hidden");
jQuery('#virallock-box').hide();
}
}
FB.init();
jQuery(document).ready(function() {
FB.Event.subscribe("edge.create", function(href, widget) {
var data = {post: "1", action: "virallocker", network: "facebook"};
jQuery.cookie('visitor_cooke_ASDFG', '1', { expires: 365, path: '/', domain: 'www.id.atat.ro'});
jQuery('div.post-body img').show('slow');
jQuery('div.post-body img').css("display","block");
jQuery('#virallock-box').css("display","none");
jQuery('#virallock-box').css("visibility","hidden");
jQuery('#virallock-box').hide();
});
twttr.ready(function (twttr) {
twttr.events.bind("tweet", function(event) {
var data = {post: "1", action: "virallocker", network: "twitter"};
jQuery.cookie('visitor_cooke_ASDFG', '1', { expires: 365, path: '/', domain: 'www.id.atat.ro'});
jQuery('div.post-body img').show('slow');
jQuery('div.post-body img').css("display","block");
jQuery('#virallock-box').css("display","none");
jQuery('#virallock-box').css("visibility","hidden");
jQuery('#virallock-box').hide();
});
});
});
</script>
Va trebui sa modificati linia:
jQuery.cookie('visitor_cooke_ASDFG', '1', { expires: 365, path: '/', domain: 'www.id.atat.ro'});
si sa alegeti un alt nume (recomandat) pentru cookie, in locul  visitor_cooke_ASDFG. Deasemenea, 365 este numarul de zile pentru care acest cookie va exista - ganditi-va ca vizitatorii sitului vor avea acces la continutul ascuns timp de 365 de zile... daca nu-si curata intre timp cache-ul browser-ului. Apoi schimbati numele domeniului (www.id.atat.ro) cu cel unde veti insera codul.
Imediat dupa acest cod introduceti urmatoarele 3, care au rolul de a verifica existenta cookie-ului si de a ascunde sau afisa continutul (imaginea din div.post-body), precum si elementul div ce va afisa butoanele siturilor sociale:

<script type="text/javascript">
jQuery(document).ready(function() {
if(jQuery.cookie('visitor_cooke_ASDFG')!=1){
virallocker_use = true;
jQuery('#virallock-box').css("z-index","99999999");
jQuery('#virallock-box').css("display","block");
}});</script>
<script type="text/javascript">
jQuery(document).ready(function() {
if(jQuery.cookie('visitor_cooke_ASDFG')==1){
virallocker_use = false;
jQuery('div.post-body img').css("display","block");
jQuery('#virallock-box').css("display","none");
jQuery('#virallock-box').css("visibility","hidden");
jQuery('#virallock-box').hide();
}});</script>
<div class="virallock-box" id="virallock-box"><div style="width:250px;float:left;height:110px;font-size:0.9em;color:#000">Doua posibilitati de a afisa pozele id-urilor<ul><li style="border-top: dashed 1px rgba(128, 128, 128, .5)">1. Faceti un click pe butoanele din dreapta: LIKE, GOOGLE+, TWEET</li><li style="border-top: dashed 1px rgba(128, 128, 128, .5)">2. <a rel="nofollow" href="http://www.id.atat.ro/p/adauga-un-id.html" title="Inregistrare id"><span style="color:blue">Inregistati-va id</span></a>-ul pe sit</li></ul><span style="font-size:0.8em;"><em>Casuta aceasta va disparea dupa efectuarea uneia dintre operatiile descrise mai sus</em></span></div><div style="width:250px;overflow:hidden;height:110px;"><div><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.id.atat.ro/" data-text="Cel mai mare sit romanesc de id-uri de mess, baieti si fete:" data-count="horizontal" data-lang="en" data-via="www_id_atat_ro" data-related="www_id_atat_ro" data-hashtags="atat.ro">Tweet</a></div><div><g:plusone size="medium" annotation="inline" callback="virallocker_plusone" href="http://www.id.atat.ro"></g:plusone></div><div><fb:like id="fbLikeButton" href="http://www.id.atat.ro" show_faces="false" width="230"></fb:like></div></div></div><script type="text/javascript">
FB.XFBML.parse();
</script>
Scriptul va ascunde si acest div, cu butoanele sociale, dupa scrierea cookie-ului... care, reamintesc, se face dupa click pe oricare dintre butoane sau, in exemplul de mai sus, atunci cand cineva viziteaza pagina  http://www.id.atat.ro/p/adauga-un-id.html. Practic mesajul care indeamna vizitatorii sa se inregistreze este eronat deoarece imediat ce pagina se deschide imaginile ascunse vor fi afisate, deci nu este necesara nici o inregistrare ;) Acest lucru este posibil de catre codul inserat pe pagina http://www.id.atat.ro/p/adauga-un-id.html si care arata cam asa:

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery.cookie('visitor_cooke_ASDFG', '1', { expires: 365, path: '/', domain: 'www.id.atat.ro'});
});
</script>

In concluzie, pentru a debloca imaginile de pe situl de id-uri de mess vizitatorii vor avea 2 optiuni:

  1. sa faca click pe oricare dintre butoanele siturilor sociale din div-ul virallock-box sau
  2. sa viziteze pagina de inregistrare
... iar scriptul functioneaza scriind un cookie cu valoarea 1 (visitor_cooke_ASDFG) ori de cate ori cineva efectueaza oricare din operatiile de mai sus si apoi verificand existenta acestui cookie. Daca exista deja in calculatorul vizitatorului, imaginile de pe sit vor fi afisate; daca nu, ele vor fi ascunse. Bineinteles, oricine poate accesa sursa pagini si gasi link-urile imaginilor sau continutul ascuns.
Scriptul meu este bineinteles gratuit si il puteti folosi cum vreti si unde vreti (Blogger etc)
Atentie, nu apare pe prima pagina. Vizitati oricare alta pagina pentru a vedea cum functioneaza. Daca nu intelegeti ceva cautati in sursa paginilor sitului id.atat.ro.



Cele mai bune servicii de reclama gratis pe siturile sociale

Am mai scris despre cum sa-ti faci reclama gratuita pe siturile sociale in articolul referitor la AddMeFast. Intre timp am mai descoperit si alte situri ce ofera servicii similare. Unele dintre acestea sunt chiar superioare AddMeFast.
In continuare, o lista cu aceste situri de schimb de like-uri, tweet-uri... si siturile sociale pe care puteti sa va faceti publicitate foosind serviciile lor:
  1. SocialClerks.com - twitter, facebook, pinterest, youtube, google+, delicious, soundcloud, diigo, site personal
  2. FriendRise.com - twitter, facebook, vimeo, youtube, site personal
  3. TwiEnds.com - twitter, instagram
  4. YouLikeHits.com - twitter, facebook, pinterest, youtube, google+, delicious, soundcloud, diigo, instagram, myspace, stumbleupon, reverbnation, site personal
  5. AddMeFast.com - twitter, facebook, pinterest, youtube, google+, delicious, soundcloud, site personal
  6. LetGetMoreFollowers.info - twitter
  7. HitFollow.info - twitter
  8. PlusFolower.info - twitter
Social media advertising
Pentru a clarifica, ma refer aici la acele situri prin intermediul carora puteti face schimb de like-uri, tweet-uri, re-tweet-uri, views s.a.m.d., in functie de situl social pe care doriti sa va faceti publicitate. De exemplu, pentru ca altii sa va placa (LIKE) pagina de Facebook, dvs va trebui sa placeti alte pagini. Aveti posibilitatea de a alege aceste pagini, nu sunteti obligat sa faceti click pe butonul Like fara a sti despre ce este vorba.
Aceste situri care intermediaza aceste servicii opereaza in baza uneui punctaj acumulat si apoi cheltuit de catre membrii lor. Asadar veti castiga un anumit numar de puncte pentru toate operatiile pe care le efectuati (like, tweet, etc) si apoi vet icheltui aceste puncte 'platindu-i' pe ceilalti membri care, la randul lor, vor scrie despre situl/serviciile voastre pe paginile lor sociale (Twitter, Facebook, Digg, Diigo, Youtube ...). Deasemenea, exista posibilitatea ca dvs sa stabiliti propriul pret; interesul este deci sa cumpari ieftin si sa vindeti scump operatiile efectuate.
  Trebuie sa mentionez ca nu incerc sa fac reclama acestor situri si nu garantez ca, in momentul in care cititi acest articol, siturile acestea inca ofera servicii de publicitate gratuita pe siturile sociale sau ca mai exista. De altfel, va atentionez ca ultimele 3 situri din lista par a fi identice si ca, daca doriti sa va stergeti contul creat, va trebui sa va folositi de numele de utilizator si parola Twitter. Eu personal nu as introduce aceasta parola decat pe situl Twitter.
  Un alt site care va poate aduce un numar de fani pe Twitter este TwitterCounter.com. Acesta ofera un widget ce poate fi integrat pe pagina dvs si care arata numarul fanilor unui profil Twitter.
Scurt update: nu folositi toate aceste servicii deodata - este posibil ca Twitter sa considere ca faceti spam si sa va restrictioneze accesul sau chiar sa va baneze. Parerea mea este sa incepeti cu cele mai importande, unul cate unul. Incercati o aplicatie odata la 2-3 zile si apoi din setarile Twitter revocati accesul acesteia pentru a nu mai putea posta in numele dvs. In final ramaneti cu 2-3 aplicatii active, cele mai populare, dintre cele din fruntea listei.


Cum sa-ti faci reclama gratis pe siturile sociale

Add Me Fast
Add Me Fast
 Am gasit recent un sit interesant care, cu putin efort depus zilnic, va poate ajuta sa castiga cativa vizitatori pe paginile dvs. sociale. Cred ca nu mai este nevoie sa subliniez importanta paginilor sociale in advertising si optimizarea pentru motoarele de cautare (SEO). Situl - AddMeFast - faciliteaza, printre altele, schimbul de fani ai paginilor sociale ale membrilor sitului.
 De exemplu, portalul nostru are pagina de Facebook www.atat.ro, cred ca vizitatorii fideli stiu deja acest lucru. Dupa ce am creat contul AddMeFast, am adaugat aceasta pagina (de pe Facebook) la categoria My Sites (vorbesc, bineinteles, de situl AddMeFast). Am ales tipul paginii FB Page & Web Likes, am adaugat un titlu si URL-ul paginii si am setat costul per click (adica LIKE).
 La inregistrarea pe sit am primit 100 de puncte. Cu aceste puncte ii voi plati pe cei care imi vor place pagina de Facebook, cu suma setata mai sus, la CPC (cost per click). Eu am setat 3 si deci dintr-o suta de puncte voi putea obtine 33 de fani, presupunand ca nu mai am si alte pagini setate la My Sites ci doar una, cea de Facebook.
 Prin urmare am 100 de puncte pe care le pot folosi pentru a plati fanii oricarui tip de pagina pe care o voi crea: Facebook, Twitter, Google+, Pinterest, Youtube, StumbleUpon s.a.m.d. Cand aceste puncte se vor termina - si asta explica si cine sunt cei care v-au facut click pe Like, adica cei pe care i-ati platit cu puncte sa va fie fani - aveti posibilitatea sa:
  1. cumparati puncte, a.i. pagina dvs. sociala va ramane in sistem (cca. 25$/5000pct, scump)
  2. castigati puncte gratis, fie devenind dvs. fan al paginilor altora (cel putin 10 pe zi) SI accesandu-va contul zilnic (Daily Bonus), fie vizitand paginile altora automat (Website Hits)
 Poate parea o pierdere de vreme pentru cei care deja au pagini sociale cu zeci si sute de mii de fani, insa pentru cei care sunt la inceput si de abia au creat o pafina Facebook, de exemplu, este o metoda gratuita si rapida de a atrage cateva sute sau mii de fani si de a va face pagina sociala cunoscuta in reteaua respectiva.
 Daca doriti, incercati AddMeFast - este gratuit - si scrieti-ne rezultatele obtinute in casuta de comentarii de mai jos.

Cum sa publici articole din feed-uri automat pe pagina Google Plus

HootSuite
HootSuite.com
Portalul nostru de stiri publica automat stirile de pe sit (si multe altele) pe Twitter si Facebook si cautam de mult o metoda sa le publicam si pe Google Plus. Apropos, avem deci, si pagina Google+ :) Pana la urma am gasit aceasta metoda.
Pentru a publica articole dintr-un feed RSS ori ATOM pe pagina Google Plus am folosit un serviciu tert, si anume HootSuite. Hootsuite este un serviciu gratuit ce va permita sa:
  1. conectati contul HootSuite cu siturile de socializare precum Google+, Facebook, Twitter, LinkedIn, MySpace chiar si cu Wordpress si mixi
  2. importati articole dintr-un oarecare feed (Atom, Rss) pe paginile siturilor de socializare pe care le-ati conectat cu HootSuite.
Daca doriti sa publicati articole din feed-uri automat pe pagina Google+, conectati-va contul Google+ la HootSuite; presupunand ca v-ati creat deja un cont HootSuite. Apoi faceti un click pe Settings > RSS/Atom (stanga-jos). In fereastra ce se va deschide adaugati feed-ul din care doriti sa importati (click pe semnul +).
  • Feed URL = adresa feed-ului RSS sau Atom
  • Profiles to send feed items to = selectati profilul sitului de socializare in care doriti sa publicati articolele automat
  • When new posts are found, send up to = Alegeti cate articole doriti sa fie publicate
  • Prepend text to each message (20 chars max) = Introduceti un text (optional) inaintea textului articolului
  • URL shortener for links = Alegeti ce domeniu doriti sa se foloseasca pentru a crea URL-ul scurt
  • Click pe Save Feed
Asta e tot. De acum inainte lasati HootSuite sa se ocupe de publicarea articolelor pe pagina dvs. de Google Plus. Daca doriti un exemplu vizitati pagina Google+ a portalului. Articolele care au textul HootSuite in dreapta titlului sunt cele publicate automat de catre HootSuite.

"Share links" cu jquery, fara AddThis sau ShareThis

Share cu jQuery
Share cu jQuery
In acest articol am sa scriu cum puteti crea un meniu de "share links" asemanator celor oferite de siturile gen AddThis ori Share This (si alte cateva). O scurta explicatie, prin "Share links" ma refer la link-urile ce va trimit catre siturile pe care puteti sa publicati paginile/siturile dvs. favorite, precum Facebook, Twitter, Digg si multe altele. Stiu, nu sunt greu de facut, insa codul meu (de fapt al celor de la Craigslist, de unde l-am imprumutat) este mult mai rapid si nu ingreuneaza incarcarea paginii web care il contine.
Dezavantajul siturilor AddThis, ShareThis, etc, este ca de multe ori scriptul lor se incarca foarte greu.
Asadar, sa trecem la codul propriu-zis. Apropos de cod, sunt necesare librariile jQuery pentru ca acesta sa functioneze; majoritatea siturilor folosesc deja javascriptul jQuery, asa ca probabil puteti sterge linia din acest cod care include jQuery, pentru a nu-l incarca de 2 ori pe aceeasi pagina/site. Deasemenea, puteti modifica acest cod ori aspectul acestuia (stilul CSS) dupa cum doriti si va sfatuiesc si sa descarcati poza cu icoanele siturilor de socializare din <style></style>, s-o reincarcati pe situl dvs. (ori pe contul Flickr, Photobucker, Picasa s.a.m.d.) si s-o folositi pe a dvs. deoarece este posibil sa renunt in viitor la Flickr si sa sterg aceasta poza.

Share links cu jQuery

<style>
div#shareSocial{border:2px #ccc solid;float:right;font-size:x-small;font-family:sans-serif;display:none;background:#FFF;width:10em;margin:7px;padding:7px;}div#shareSocial #sstitle{font-size:small;}div#shareSocial #ssmain{border-top:2px #ccc solid;margin-top:6px;}div#shareSocial #ssGetMore{padding:2px 0 0 20px;}div#shareSocial a{color:#4c4c4c!important;text-decoration:none;background:url(http://farm9.staticflickr.com/8162/7252758694_794ca304f3_b.jpg) no-repeat top left;line-height:16px;display:block;height:16px;border-bottom:1px #eee solid;margin:3px;padding:0 0 0 20px;}div#shareSocial a.more{display:none;}#shareSocial a#delicious{background-position:0 -176px;}#shareSocial a#diigo{background-position:0 -208px;}#shareSocial a#digg{background-position:0 -192px;}#shareSocial a#email{background-position:0 -224px;}#shareSocial a#facebook{background-position:0 -240px;}#shareSocial a#fark{background-position:0 -256px;}#shareSocial a#friendfeed{background-position:0 -304px;}#shareSocial a#mixx{background-position:0 -464px;}#shareSocial a#myspace{background-position:0 -496px;}#shareSocial a#stumbleupon{background-position:0 -704px;}#shareSocial a#propellor{background-position:0 -576px;}#shareSocial a#reddit{background-position:0 -592px;}#shareSocial a#technorati{background-position:0 -752px;}#shareSocial a#twitter{background-position:0 -784px;}div#shareSocial a:hover{background:#eee;}
</style>

<div id="shareSocial">
<div id="sstitle">Share this on: </div>
<div id="ssmain">
<a title="Email" rel="nofollow" href="mailto:?subject=#T#&body=Read this: #U#" id="email">Email</a>
<a title="Diigo" rel="nofollow" target="_blank" class="more" href="http://www.diigo.com/post?url=#U#&amp;title=#T#" id="diigo">Diigo</a>
<a title="Digg" rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=#U#&amp;title=#T#" id="digg">Digg</a>
<a title="delicious" rel="nofollow" target="_blank" href="http://del.icio.us/save?v=5&amp;noui&amp;jump=close&amp;url=#U#&amp;title=#T#" id="delicious">delicious</a>
<a title="Facebook" rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=#U#&t=#T#" id="facebook">Facebook</a>
<a title="Fark" rel="nofollow" target="_blank" class="more" href="http://cgi.fark.com/cgi/fark/farkit.pl?u=#U#" id="fark">Fark</a>
<a title="FriendFeed" rel="nofollow" target="_blank" class="more" href="http://friendfeed.com?url=#U#&amp;title=#T#" id="friendfeed">FriendFeed</a>
<a title="Mixx" rel="nofollow" target="_blank" class="more" href="http://www.mixx.com/submit/story?page_url=#U#" id="mixx">Mixx</a>
<a title="MySpace" rel="nofollow" target="_blank" href="http://www.myspace.com/index.cfm?fuseaction=postto&amp;t=#T#" id="myspace">MySpace</a>
<a title="Propellor" rel="nofollow" target="_blank" class="more" href="http://www.propeller.com/story/submit/?url=#U#&amp;title=#T#" id="propellor">Propellor</a>
<a title="reddit" rel="nofollow" target="_blank" class="more" href="http://reddit.com/submit?url=#U#&amp;title=#T#" id="reddit">reddit</a>
<a title="StumbleUpon" rel="nofollow" target="_blank" class="more" href="http://www.stumbleupon.com/submit?url=#U#&amp;title=#T#" id="stumbleupon">StumbleUpon</a>
<a title="technorati" rel="nofollow" target="_blank" class="more" href="http://technorati.com/faves?add=#U#" id="technorati">technorati</a>
<a title="Twitter" rel="nofollow" target="_blank" href="http://twitter.com/home?status=#U#" id="twitter">Twitter</a>
<div id="ssGetMore">More...</div>
</div>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){$("#shareSocial").show()
.mouseleave(function(){$("#ssGetMore").show(50);$("#ssmain a.more").hide(50);});$("#shareSocial a").each(function(){h=$(this).attr('href');h=h.replace(/#U#/g,encodeURIComponent(self.location.href));h=h.replace(/#T#/g,encodeURIComponent($("head title").html()));$(this).attr('href',h);}).mouseover(function(){window.status='';return false;});$("#ssGetMore").mouseenter(function(){$("#ssGetMore").hide(50);$("#ssmain a.more").show(50);});});
</script>
In codul de mai sus aveti, in ordinea scrierii, codul CSS ce va permite sa schimbati aspectul casutei cu link-urile de sharing, DIV-ul ce contine link-urile, javascriptul jQuery gazduit de Google (stergeti-l daca il aveti deja inclus in pagina) si inca un script compatibil cu jQuery care extrage link-ul paginii si titlul acesteia, pentru a crea link-urile de sharing.
Atat!
Meniul drop-down cu link-urile de share va aparea precum in poza.
© all rights reserved
made with by templateszoo