Casa Social media Come aggiungere il badge StumbleUpon e il widget al tuo sito web - dummies

Come aggiungere il badge StumbleUpon e il widget al tuo sito web - dummies

Sommario:

Video: Installing Plugins in WordPress 2024

Video: Installing Plugins in WordPress 2024
Anonim

Vuoi rendere super facile la visualizzazione e la condivisione dei tuoi contenuti su StumbleUpon direttamente dal tuo blog o sito web? In tal caso, StumbleUpon ha creato un badge e un widget per una facile condivisione.

Come aggiungere il badge StumbleUpon

Per aggiungere il badge StumbleUpon, inserire www. stumbleupon. it / dt / badge nella barra degli indirizzi web nella parte superiore del browser. Dopo aver visualizzato la pagina Badge, fai clic su Inizia: è gratis! pulsante.

Nella pagina successiva, puoi scegliere la dimensione e il tipo di badge che desideri. Dopo aver specificato ciò che desideri, StumbleUpon genera automaticamente il codice HTML necessario per il tuo sito web nella casella a destra della freccia blu.

Ora che hai il codice, puoi posizionare il codice da solo o fare in modo che uno sviluppatore web inserisca il codice nel punto in cui desideri venga visualizzato il badge.

Solitamente, troverete i pulsanti Condividi di altri social network che accompagnano il badge StumbleUpon. Di seguito, ad esempio, viene visualizzato l'aspetto del badge StumbleUpon all'interno del gruppo di pulsanti Condividi.

Come aggiungere il widget StumbleUpon

Dopo aver iniziato ad aggiungere contenuti a StumbleUpon, hai la possibilità di aggiungere un widget al tuo blog o sito web per mostrare il tuo contenuto più popolare. Il processo di installazione è piuttosto semplice, ma assicurati di avere a portata di mano uno sviluppatore web se non hai familiarità con la codifica del sito web.

Innanzitutto, immettere www. stumbleupon. it / dt / widgets nella barra degli indirizzi web nella parte superiore del browser. Dopo aver visualizzato la pagina Widget, fai clic su Inizia ora - È gratis! pulsante.

Nella pagina successiva, hai due opzioni per popolare il widget sul tuo sito web con i contenuti: puoi mostrare il contenuto da singoli account StumbleUpon o da altri siti web.

Per mostrare il contenuto degli utenti StumbleUpon sul widget del sito Web, digitare il nome utente dell'account che si desidera visualizzare. Ad esempio, se si digita socialrobinson , tutti i contenuti condivisi da tale account verranno visualizzati nel riquadro di anteprima.

Per mostrare il contenuto dei siti Web, digitare il nome del dominio del sito Web che si desidera visualizzare. Ad esempio, se si digita techcrunch. com , vedrai tutti i contenuti StumbleUpon condivisi da TechCrunch.

Per aggiungere più siti Web, ad esempio, digitare techcrunch. com , premere Invio e digitare business2community. com e vedrai il contenuto di entrambi i siti. Quello che vedi da entrambi i siti web dipende dalla data di pubblicazione. Tutto il contenuto condiviso dai siti Web digitati verrà visualizzato nel riquadro di anteprima.

Dopo aver scelto se mostrare il contenuto dagli utenti StumbleUpon o dai siti Web, fare clic sul pulsante Avanti. Nella pagina successiva, scegli la dimensione del widget. Hai tre opzioni di ridimensionamento:

  • Rettangolo orizzontale piccolo (300 x 250 pixel)

  • Rettangolo orizzontale grande (600 x 250 pixel)

  • Rettangolo verticale grande (160 x 600 pixel)

Assicurati di scegliere opzione di dimensionamento che si adatta meglio al design del tuo sito web.

Quindi, scegli un titolo per il widget. StumbleUpon genera automaticamente un titolo in base all'indirizzo del sito web. Ad esempio, se il tuo indirizzo web è myblogrocks. com, il titolo sarebbe "myblogrocks". com su StumbleUpon. "Puoi modificare il titolo come preferisci.

Va bene, hai quasi finito. Tieni presente che, dopo aver preso le tue decisioni di dimensionamento e denominazione, StumbleUpon genera il codice necessario e lo inserisce in una casella a destra delle opzioni di ridimensionamento e titolo. Copia quel codice e incollalo nel codice del tuo sito web o consegnalo a uno sviluppatore del sito web per farlo per te. Questo è tutto!

Se utilizzi WordPress, puoi utilizzare diversi plug-in per eseguire questa stessa operazione. L'opzione precedente è più personalizzabile se sei esperto di codice.

Come aggiungere il badge StumbleUpon e il widget al tuo sito web - dummies

Scelta dell'editore

Come utilizzare la notazione oggetto script Java nelle app iOS - dummies

Come utilizzare la notazione oggetto script Java nelle app iOS - dummies

Notazione oggetto javaScript (JSON) è diventato lo standard di fatto in termini di rappresentazione dei dati nelle app iOS. È possibile utilizzare JSON per trasferire dati sul Web e come formato per il salvataggio e il recupero di dati di lunga durata. JSON è al contempo leggibile e facile da capire per le macchine. I dati in JSON possono essere inclusi in uno ...

Come usare Frammenti per programmare la tua app Android - dummies

Come usare Frammenti per programmare la tua app Android - dummies

L'interfaccia utente nel L'esempio di app per Android qui utilizzato ha tre pannelli: un elenco di elementi, un pannello di dettagli che descrive l'elemento selezionato nell'elenco e un pannello di dettagli in profondità. Su un piccolo schermo dello smartphone, ogni pannello potrebbe essere un'attività separata. Ma uno schermo tablet in modalità orizzontale ha spazio per ...

Come utilizzare Xcode Instruments per raccogliere dati per le app iOS - dummies

Come utilizzare Xcode Instruments per raccogliere dati per le app iOS - dummies

Xcode fornisce uno strumento per sviluppatori che consente la traccia dinamica e la profilazione del codice iOS per aiutarti a comprendere il comportamento congiunto sia del codice dell'app che del sistema operativo. Si chiama Instruments. Per utilizzare questo strumento, segui questi passaggi: Scegli Xcode → Apri strumento di sviluppo → Strumenti. Viene visualizzata la finestra Strumenti che mostra una raccolta di modelli. Tu ...

Scelta dell'editore

Filosofia Argomenti da studiare per il Miller Analogies Test (MAT) - dummies

Filosofia Argomenti da studiare per il Miller Analogies Test (MAT) - dummies

You non dovremo sfuggire a qualsiasi confuso testo di filosofia per fare bene con la filosofia sul MAT. Per eccellere nelle analogie MAT sulla filosofia, tutto ciò che devi sapere sono i principali filosofi della storia, i loro lavori e alcuni termini di base della filosofia. Termini filosofici che appaiono nel test MAT Spazzolate le vostre conoscenze ...

Come applicare la conoscenza della certificazione PHR / SPHR sul lavoro - dummy

Come applicare la conoscenza della certificazione PHR / SPHR sul lavoro - dummy

Dopo aver Con successo ottenuto la certificazione PHR / SPHR, il tuo ruolo sul lavoro sta per cambiare. Non è solo perché ora hai le iniziali accanto al tuo nome. Il processo di preparazione ti ha insegnato nuove cose e, come professionista consumato, inizierai a cercare cambiamenti nel tuo gruppo di lavoro. Queste modifiche si applicano in ...

Passando la Parte I del GED - dummies

Passando la Parte I del GED - dummies

Parte I delle Arti del linguaggio, Writing Test ti chiede di leggere e quindi rivedere e modificare i documenti che possono includere informazioni sulle procedure e materiale sul posto di lavoro. Questo test non è malvagio. Solo perché non hai preso la grammatica per anni non significa che non lo sai. Probabilmente sai più di quanto pensi. Le domande sono tutte ...

Scelta dell'editore

Come allineare il contenuto della tabella in colonne e righe in Dreamweaver - dummies

Come allineare il contenuto della tabella in colonne e righe in Dreamweaver - dummies

Pulire l'allineamento degli elementi in colonne e righe rende il tuo tavolo pulito e facile da leggere. Raggiungere quell'aspetto in Dreamweaver può essere complicato perché non si ha il massimo controllo in HTML di un programma come Excel, in cui è possibile allineare i numeri al punto decimale, ad esempio. In un ...

Come allineare elementi con float in Dreamweaver - dummies

Come allineare elementi con float in Dreamweaver - dummies

I designer spesso allineano un'immagine, un tag, o un altro elemento a sinistra oa destra di una pagina Web in Dreamweaver e quindi avvolgere qualsiasi testo o altro contenuto intorno a quell'elemento. L'immagine è allineata a destra della colonna in modo che il testo si sposti accanto a essa a sinistra. In ...

Come verificare la compatibilità CSS in Adobe Dreamweaver CS6 - dummies

Come verificare la compatibilità CSS in Adobe Dreamweaver CS6 - dummies

È Importante assicurarsi che Adobe Il sito Web di Dreamweaver CS6 viene visualizzato correttamente e in modo coerente su tutti i browser più diffusi, come Internet Explorer, Firefox, Chrome e Safari. Sebbene la maggior parte dei browser moderni abbia adottato un supporto abbastanza uniforme per le proprietà CSS2 (e alcuni CSS3), i progettisti dovrebbero comunque testare le loro pagine in una varietà di browser e browser ...