RSS

Nicer sottolineando

11 marzo

Ciao, Grazie per aver visitato - Spero che troverete utili informazioni. Lascia un commento, ma se avete commenti su questo argomento.

Il regolarmente darmi fastidio piuttosto brutto e non grande Tipograficamente sottolineando che si trovano normalmente sul web. In particolare, mi dà fastidio che i discendenti dei personaggi si incrociano fuori e tutto l'effetto sollecitato da molto. Per questo motivo, mi avvicinai al effettivamente destinati a tale scopo e giorni comuni CSS text-decoration: underline; di boicottare. Penso che sia molto più bello di sottolineatura il comando per implementare border-bottom.

Per il punto tipografico di vista questo non è ancora la soluzione ottimale, in quanto non soddisfano i discendenti e la sottolineatura. Pertanto, il campo d'applicazione potrebbe ancora mettere su un pixel verso il basso. A seconda della dimensione del carattere, carattere e spaziatura tra le righe, ma che può mangiarsi troppo spazio. Così ho usato su questa distanza Siete no.

Le 3 varianti a confronto:

? di visualizzazione del codice HTML 
  text-decoration: underline;
 border-bottom: 1px solid;
 border-bottom: 1px solid; padding-bottom: 1px;

Tipografia

Non è così bello ...

Tipografia

Perfetto ... in questo punto di vista, al di piccole dimensioni, ma anche toccando e sottolineando discendenti.

Tipografia

Per i piccoli Schriftgröen motivi preferiti gioco ... la scelta migliore

E 'questa volta, ma solo un po', ma questa piccola nota dal mio punto di vista e ho subito iniziare a chiamare per "sottolinea più bello". Oltre a questo ci sono ancora molti altri peccati tipografici sul Web, ma in un altro tempo.

Nessun commento

Inviato in Design e Grafica

Google Analytics Filter rendere la vita più facile!

4 marzo

Filtri in Google Analytics è uno strumento molto pratico e potente allo stesso tempo. In questo modo è possibile manipolare i dati statistici, estrarre, o anche integrare. Per questa ragione ho compilato alcuni esempi pratici per spiegare il funzionamento del filtro in Google Analytics.

In sostanza, i filtri in grado di filtrare manager, che è collegato alla pagina Panoramica Google Analytics nel sito sono stati creati profili. Gli esempi seguenti devono essere assegnati a ciascun alla fine di un profilo sito, solo i dati di manipolazione profilo corrispondente.

Le richieste dei loro indirizzi IP da escludere
Questo è il classico del filtro, l'auto-inflitto il traffico è escluso.

Tipo filtro: Escludi tutto il traffico proveniente da un indirizzo IP
Indirizzo IP: 193.0.0.0

Google Analytics - IP ausfiltern

Ulteriori informazioni comprendono una spiegazione su come escludere intervalli di indirizzi IP che ho spiegato in questo articolo:
Google Analytics filtrare proprio IP (Part 2)

Pieno referrer Mostra

Il referrer non è Google Analytics rappresentato completamente. Questo filtro è una soluzione per l'intera URL di riferimento impersonate definito dall'utente segmento.

Tipo di filtro: Filtro personalizzato -> Avanzate
Campo A -> Estrai A: link (*).
Campo B -> B extrahierern: lasciare in bianco
Output in - Costruttore>: Definito dall'utente $ segmento A1
Campo A obbligatorio: Sì
Campo B obbligatorio: No
Sostituisci campo di output: Sì
Maiuscole e minuscole: No

Google Analytics - Filter für vollständige Referrer

Poi ottenere le statistiche in cui si Google Analytics all'interno della pagina di provenienza statistiche, la dimensione del Referrerauflistung sul "Valore Custom" circondati.

Url accorciamento

Se tutte le pagine possono essere monitorati nella stessa sottodirectory degli URL mostrato per chiarezza sarà ridotto. Il seguente esempio presuppone che tutte le pagine di questo blog in / blog / menzogna. Attraverso il filtro, il nome della directory è stato rimosso.

Tipo di filtro: Filtro personalizzato -> Trova e sostituisci
Campo filtro: URI della richiesta
Stringa di ricerca: grafixx.at / blog /
Sostituzione stringa: /
Maiuscole e minuscole: No

Google Analytics Filter: Url verkürzen

SEO classifiche di monitoraggio

Questo filtro è più complessa, ma anche più potente di quello precedente. Qui, l'URL di riferimento saranno trattati come espressione regolare. Se vi è un accesso tramite Google, viene rilasciata entro Google Analytics, la posizione della voce nei risultati di ricerca di Google.

Tipo di filtro: Filtro personalizzato -> Avanzate
Campo A -> Estrai A: Reference (? \ | &) Q = ([^ &] *)
Campo B -> Estrai B: (? \ | &) Riferimento Start = ([^ &] *)
Output in -> Constructor: Definito dall'utente (Pagina: $ B2) segmento $ A2
Campo A obbligatorio: Sì
Campo B obbligatorio: No
Sostituisci campo di output: Sì
Maiuscole e minuscole: No

Google Analytics Filter: Seo Tracking

Poi ottenere le statistiche in cui si Google Analytics sul lato interno della pagina statistiche sulle parole chiave, la dimensione della lista di parole chiave "Value Custom" circondati. In questo Satistik La pagina specificata è la prima pagina, oltre i 10 è la pagina 2, pagina 20 per 3, ecc

URL convertito in caratteri minuscoli

Un filtro relativamente semplice ma la chiarezza è notevolmente aumentata. Con questo filtro, tutti gli URL in minuscolo e quindi non solo elencato una sola volta.

Tipo di filtro: Filtro personalizzato -> Avanzate
Campo filtro: URI della richiesta

Google Analytics Filter: Urls klein schreiben

Il traffico proveniente Social traccia media piattaforme

Con questa richiesta di filtrazione prodotti dal piattaforme di social networking (in questo esempio: Facebook, Twitter e Xing) sono riassunti nella Statstik campagne con il supporto di lungo termine sociali.

Tipo di filtro: Filtro personalizzato -> Avanzate
Campo A -> Estrai A: La sorgente della campagna facebook | twitter | XING
Campo B -> Estrai B: lasciare in bianco
Output in -> Costruttore: Media campagna Social Media
Campo A obbligatorio: Sì
Campo B obbligatorio: No
Sostituisci campo di output: Sì
Maiuscole e minuscole: No

Google Analytics Filter: Social Media Tracking

Poi ottenere le statistiche in cui si Google Analytics all'interno della pagina della campagna statistiche, la dimensione della lista di parole chiave "Medium" circondati.

Erano anche alcuni per il filtro Ora si spera utile. Questo può o deve naturalmente essere adattata alle esigenze specifiche del relativo sito.

27 Comments

Inviato nel Web Analytics

Tipografia: Embedding Font su siti web

17 febbraio

Dopo il fastidioso problema della selezione del carattere limitato ai siti web potrebbe ancora essere risolti non completa, ma almeno ora sembra un po 'luce alla fine del tunnel per dare. Dopo Safari 3.1 supporta il primo browser ad integrare un metodo per la scrittura di siti web sarà ora seguire l'esempio Firefox dalla versione 3.1. Motivo sufficiente, le possibilità attuali e future di integrazione scrittura di far luce.

Sono stati attualmente "font non standard" (ad esempio generato tramite PHP) per lo più come immagini o Flash come file incorporati. Queste soluzioni funzionano, ma sono ottimizzati per i motori di ricerca, ma non ancora dal punto di vista delle prestazioni. Per contrastare questo fenomeno, ci sono tre definizioni di Stile CSS il simpatico "@ font-face". Con questo comando è possibile incorporare caratteri direttamente sul sito.

Quindi, in primo luogo, gli scritti e gli stili dei caratteri desiderati sono definiti. Poi, gli stili definiti sono utilizzati come al solito nel foglio di stile.
Il tutto potrebbe assomigliare a questo:

? di visualizzazione del codice HTML 
  @ Font-face {
 font-family: 'Fontin-Regular';
 src: url ('Fontin-Regular.otf') format ("OpenType");
 }

 h1 {
 font-family: 'Fontin-Bold', Georgia, serif;
 }

In sostanza, TrueType, OpenType, PostScript e OpenType font TT sono supportati. Tuttavia, oltre al supporto browser relativamente bassa (IE ritardo rispetto wiedermal) lato licenza legale sono osservate. Esso non può essere fatto a tutti i caratteri di grandi dimensioni vengono memorizzati sul server. Pertanto si raccomanda che i diritti per utilizzare il carattere da utilizzare per mettere in discussione esattamente. Attualmente, quindi, di offrire in particolare font che sono disponibili attraverso la licenza Open Font.

Conclusione:
Una volta che l'intero argomento aveva ricevuto poca attenzione, a volte, sembra di nuovo essere qualche movimento è venuto al tema. Con il rilascio di Firefox 3.1 Firefox avrà un po 'il naso davanti a Safari, Firefox, perché sosterrà a differenza di legature. Sebbene questi due browser e alcuni dettagli potrebbero essere migliorati, così ha il sostegno di @ font-face, ma un buon segno. A proposito, altri produttori di browser metterà pressione e prima o poi, si spera, supporta anche Internet Explorer.

Related Links:
W3C definizione
Rispetto Safari / Firefox
Typografie.info - embedding dei font nelle pagine web

Nessun commento

Inviato in Design e Grafica

Ottimizzazione dei processi di registrazione

11 febbraio

Il design di pagine di registrazione è, purtroppo, molto spesso troppo poca attenzione. Accade spesso che un grande sforzo nel rendere la progettazione di un sito è iscritto, ma sotto-pagine come Registrieungsseiten sono purtroppo dimenticati. Proprio in tali situazioni, accade che le pagine siano poi poste dal programmatore in 0.815 Scheme alla rete esistente grafica. Poi basta contare il Registirerungsprozesse le pagine più importanti di molti siti - ma va poi ai nuovi clienti - qualcosa che sembra incomprensibile. Pertanto, si dovrebbero prendere molto consapevole del tempo e considerare la pagina appropriata nel design e design dello schermo.

In questo articolo, definire le pagine di registrazione, come pagine di informazioni, la cui missione è di fornire le informazioni necessarie ai visitatori e convincere. Il modulo di iscrizione effettivo è di solito una pagina separata. In forme molto brevi, come ad esempio: iscrizione newsletter, può anche fare un sacco di senso sia uno spettacolo di lato.

Come un po 'di ispirazione, ora elenco di elementi di contenuto da potenziali / pagine di registrazione. Naturalmente, non tutti gli elementi per uno scopo utile a servire ogni qualsiasi scopo dopo la registrazione, in parte, diversi punti saranno più rilevanti di altre.

  • Elevator Pitch

Questa è una breve sintesi del possibile significato del sito / applicazione, ecc per la registrazione. Ad esempio, Flickr è l'opzione "Mostra le tue foto. Guarda il mondo ".

  • Descrizione Generale

Una descrizione generale del prodotto dovrebbe essere formulato come vivace e facile da capire. Le descrizioni possono essere molto buono in questo caso fornire supporto con le icone. Qui di seguito ho mostrato un esempio di TripIt. Questo sito è il modello attuato a mio avviso.

  • Elenco dei servizi

Elenco dei servizi e delle funzioni per la registrazione a disposizione per aiutare l'utente a registrarsi per confermare.

  • Elenco delle prestazioni per l'utente

lo stesso vale qui con il punto sui servizi. Tuttavia, questo dovrebbe essere il vantaggio per l'utente con la registrazione deve indicare chiaramente evidenziato.

  • Chiamata all'azione

Con un pulsante di rilievo grafico è reso disponibile per l'utente il più possibile solo per arrivare al modulo di registrazione. Penso che sia ancora meglio se una piccola versione del modulo è costruito direttamente sulla pagina di registrazione. Così, per esempio, il nome utente e indirizzo e-mail interrogato direttamente. Dopo aver completato questi dati, l'utente può quindi essere indirizzate a una forma dettagliata con il resto dei campi. Questa procedura riduce la soglia per uno per cominciare il processo di registrazione, dall'altro può costituire incidenti sono statisticamente registrate e inviate via e-mail ad una data successiva, un promemoria sarà. In questo caso, la consegna dei messaggi di posta elettronica saranno accettate direttamente nella prima fase con la casella di controllo.

  • Testimonianze / Referenze

Testimonianze e / o riferimenti sono particolarmente nel settore dei servizi commerciali già diventati standard. I clienti soddisfatti la fiducia e influisce sicuramente positivo.

  • Tour / Screenshots

Visite virtuali dei prodotti in offerta a prodotti software. Soprattutto in questo segmento, è spesso difficile per l'utente per avere un'idea di cosa aspettarsi. Questo può essere contrastato con screenshot e tour virtuali molto bene.

  • Visualizzare i passi necessari per il completamento

Seguendo il motto "3 passi al tuo sito", questi passaggi possono essere elencati direttamente sulla pagina di registrazione. Questo porta l'utente proprio all'inizio del timore di innumerevoli forme e complicati da utilizzare.

Esempi:

Flickr Registrierungsseite

Flickr pagina di registrazione

Tripit

TripIt

Linkedin Registrierungsseite

Linkedin pagina di registrazione

Suggerimenti per l'ottimizzazione pagina Modulo ho riassunto in un post precedente. Questa funzione è disponibile qui: aumentare le conversioni attraverso forme migliori .

2 commenti

Inviato in Design & Utilizzabilità

Costruzione di una comunità sull'esempio di World of Warcraft

6 febbraio

Attualmente mi dedico alla comunità per la realizzazione e cercare di individuare alcune strategie anche su World of Warcraft. L'intero piano è quello di servire come spunto di riflessione per coloro che operano o anche una comunità.

World of Warcraft è uno dei giochi online di maggior successo di tutti i tempi. Valore attuale di pagare più di 11 milioni di giocatori in tutto il mondo e le cifre parlano chiaramente far capire che questo gioco deve esercitare un fascino particolare per i giocatori. Il sottostante è un grande gioco (sì, mi era un tempo dipendente, ma ora sono di nuovo puliti: o)) e soprattutto un concetto di comunità fenomenale. Per questo motivo, ho cercato di identificare gli aspetti più importanti di questo gioco e per mostrare come si fa i milioni di giocatori Blizzard produttore di acquisire e farli felici.

Attiva di sviluppo - non obiettivo finale fissa
Per creare un punto logico per un gioco di successo per anni è lo sviluppo continuo. Offre quindi World of Warcraft (WoW) già dall'inizio un sacco di opportunità di sviluppo per i personaggi virtuali di ogni giocatore. In aggiunta, ci sono aggiornamenti regolari per incorporare nuovi elementi da sempre nel mondo di gioco. Quindi, non ci sono correzioni obiettivo finale, c'è sempre nuovi obiettivi per i giocatori.

La pressione sociale build - Attività di gruppo
Il più grande influenza nel gioco a mio parere, ma la componente sociale. In WoW ci sono molte attività che possono essere affrontati in gruppo. In parte per questo motivo che i giocatori stanno lavorando insieme per chiudere le cosiddette corporazioni. All'interno di queste corporazioni nascono molto spesso vicino social network. E 'pratica comune a chiacchierare accanto ai giochi tramite il "Voice over IP" software (come ad esempio Teamspeak) per altri giocatori. Questo scambio è utilizzata principalmente per lo scambio rapido di strategie tattiche durante la partita. Anche se è in tempo di riproduzione totale di oltre 200 ore per ogni giocatore, è inevitabile che forma ancora più approfonditi contatti. Visto in WoW è uno dei più grandi social network.
Basta con la conseguenza stretto legame con la sua gilda spesso costituito all'interno del gruppo da non sottovalutare pressione sociale. Così, spesso gli appuntamenti per incontrare, per esempio, dove 25 giocatori online in un compito specifico da compiere. Queste attività possono spesso essere soddisfatte solo, ma se i giocatori sono in linea. Caduta da un lettore, può accadere che 24 altri giocatori devono aspettare. Di conseguenza, molte gilde sono messo a punto un sistema di punti premio per i giocatori più affidabili. Il giocatore con il maggior numero di punti riceverà premi i migliori, dopo un compito è stato assolto, ecc ... Basta andare e poi gli stessi giocatori in un ciclo senza che Blizzard ha bisogno di fare qualcosa di attivo.

In schlachtzügen können bis zu 25 (früher 40) Spieler zusammen spielen.

In battaglia i treni in grado di riprodurre fino a 25 (ex 40) i giocatori insieme.

Creazione di eroi virtuali
Infine, la comunità elegge i loro eroi virtuali. Così, ad esempio, particolarmente riuscito gilde o in parte in tutto il mondo conosciuto tra i giocatori hardcore. Il successo sui propri siti web saranno registrati e registrato da altre gilde. Questo eroismo è arricchita da grafici visualizzabili on-line e le statistiche. L'intero modello è simile all'effetto di stelle dello sport nella vita reale e promuove anche l'ambizione di molti giocatori.

Conclusione
I 3 punti sono il World of Warcraft hanno avuto molto successo abbastanza. Naturalmente ci sono molti altri aspetti quali: l'attuazione di tecnicamente molto buone, particolari ricchi del mondo virtuale, molti eventi stagionali come il Natale, fuochi d'artificio di Capodanno, ecc. In aggiunta, ci sono anche molti giocatori "medi" che riescono a giocare solo occasionalmente, e quei modelli virtuali non importa. Questi giocatori sono poi affrontate nella maggior parte dei casi, da altri aspetti, come i contatti sociali, ecc.

Nessun commento

Inviato in This & That

Carenza come un mezzo per aumentare le vendite

1 febbraio

La carenza in termini di riduzione dei beni disponibili è un mezzo classico per aumentare le vendite in home shopping. Tuttavia, questa strategia anche in linea continua ad aumentare. Giganti dell'industria come Whoot! come ampiamente esposte e pieno.

Il principio di base è semplice:

Più bassa è la disponibilità di un'offerta, maggiore è la pressione durante clienti potenziali dello sciopero più rapidamente possibile.

Questa carenza può anche essere prodotto artificialmente. Voglio sottolineare un certo numero di processo più o meno aggressivo di esempi.

Whoot!
Il principio base è: Whoot offre ogni giorno un unico prodotto. Questo prodotto è disponibile solo in questo giorno e il giorno dopo c'è qualcosa di nuovo. La crisi qui è di durata limitata e il numero di pezzi, che spinge probabilmente il tutto sulla punta e per la maggior parte dei negozi "tradizionali" troppo radicali. Ma Whoot! potrebbe sedersi in passato più e più volte con una crescita delle vendite e ha ora raggiunto le vendite annuali di decine di milioni di metà campo di dollari.

Scrrenshot Woot!

Scrrenshot Woot!

Anche se l'esempio di Whoot! estremo è visto che una cosa del genere può funzionare praticamente. Perché dovrebbe qualcosa che non è integrato in una versione più mite nel suo negozio. Alcune caratteristiche rilevanti sono spesso inosservati già disponibili in molti negozi.

Ottimizzare inventario di annunci
Un indicatore di stock è già di per sé una buona forma ed è integrato in molti negozi. Ma di solito solo come nota a margine, in stile: "Solo 3 rimasti in magazzino." In tal caso è utile sottolineare un lato le informazioni disponibilità visivamente ed in aggiunta a combinare con un avvertimento. Così, ad esempio, la disponibilità di meno di 5 pezzi, l'avvertimento: "Attenzione: ci sono solo x altri articoli disponibili. Il rischio svendita è: High ". A 5 - 10 è il sell-rischio dei fondi e più di 10 pezzi sarà nessun avvertimento, ma non il numero esatto rilasciato.
Inoltre, tutti i prodotti potrebbero, che minacciava una rapida sell-out in una categoria separata, "solo una disponibilità limitata" o essere applicato direttamente alla home page.

Ora, alcuni probabilmente pensano che è meglio, ma poi lo stock artificialmente basso per mantenere l'utente a premere per una rapida decisione. Dal mio punto di vista, si può fare per i singoli prodotti. Fondamentalmente, ritengo più utile per i livelli di scorte elevate non si specifica il numero esatto. Non si dovrebbe mai vendere per il cliente che è stupido. Se un prodotto è sempre disponibile in un numero molto piccolo, l'avviso sarà anche il cliente e nella migliore delle ipotesi, lo stock non più annunci pertinenti allegati. Nel peggiore dei casi, negozio on-line il cliente può anche classificare come inaffidabili e non sarà mai più.

Promozioni limitate nel tempo
Un'altra opzione sono azioni temporanee. Un esempio potrebbe essere un'azione in base al "Prodotto della settimana" del titolo. In una simile azione potrebbe essere offerto ogni settimana, un prodotto della linea esistente a condizioni particolarmente favorevoli. Questa è una decisione di mettere pressione sul cliente, d'altro canto, il cliente è motivato a visitare il sito ogni settimana per scoprire quali occasioni ci sono. Naturalmente, un'azione di questo tipo può anche affrontare la generazione di dati per la newsletter, ecc sono utilizzati.

Conclusione:
La carenza di tempo o numero di disponibilità del prodotto è uno strumento molto potente, che in varie versioni - può influenzare positivamente le vendite di molti negozi - da aggressive al conservatore. Tuttavia, si applica qui sarà sempre grave, non si vende l'utente per Scemo e adattare il metodo al gruppo target.

Nessun commento

Inviato in eCommerce

Applicazioni di Facebook sono ancora rilevanti?

23 gennaio

Facebook è davvero sulla bocca di tutti in questo momento, tuttavia, i 3a parte delle applicazioni di Facebook da parte di alcuni, mentre altri ancora pubblicizzato quasi predire l'imminente morte di questo.

Applicazioni di Facebook sono sempre una cosa grande e l'idea era impressionante allora. Applicazioni significative e creative sono utilizzati anche nachwievor utile. Nel frattempo, tuttavia, lo standard aperto sta diventando sempre più un ostacolo. Il fatto che quasi chiunque può creare un'applicazione appropriata, stanno facendo decine di applicazioni per molti scopi, più o meno la stessa cosa a disposizione. Qui sta il pericolo. In primo luogo, si tratta di nuove applicazioni e unico sempre più difficili da sviluppare. D'altra parte, si deve considerare ormai una chiara strategia di commercializzare l'applicazione per distinguersi dalla moltitudine di applicazioni. Perché ciò che la migliore applicazione, se ne avvantaggia nessuno?

Un altro problema è la diffusione del dar dell'utente. Attraverso molti utenti simili programmi sono distribuiti. Attualmente ho trovato, per esempio, oltre 70 programmi per il termine "viaggio". Ciò significa che un utente che è interessato a fare un viaggio in forse 2 - 3 applicazioni di viaggio View e, infine, max. 2, probabilmente utilizzare una sola. Proprio questo effetto è a mio avviso, una contraddizione l'idea di base di comunità, condivisione di informazioni, ecc Ci sono molti diversi mini-dar. Piattaforme create tutti uniti insieme, rappresentano un ottimo strumento per gli utenti e gli operatori sarebbero. Pertanto, quasi tutte le applicazioni tendono ad essere ancora relativamente piccolo e quindi rimangono insignificanti.

Ritiene che creare un'applicazione Facebook ancora senso?
La mia opinione è che si può avere un senso. Si deve sempre pensare molto attentamente, ma se può essere personalmente significativo per lui.
Per questo scopo i seguenti criteri deve essere somministrato almeno in parte:

  • Un concetto innovativo, USP
  • Più valore per l'utente dato deve essere chiaro e
  • , Suchtkarakter muss gegeben sein Viral componente: raccomandazione Suchtkarakter caratteristiche devono essere dato
  • , Bonus für die ersten 100 Nutzer, etc.) Marketing concept per creare (Applicare su Facebook, l'ingresso nella directory dell'applicazione, bonus per i primi 100 utenti, ecc)
  • Monetizzazione approccio, definizione degli obiettivi

Applicazioni di successo

Campagna di Burger King su Facebook

Questa applicazione è stata fornita ai primi di gennaio per una grande copertura mediatica. Burger King attribuiti mediante l'applicazione, un certificato regalo per tutti i 10 amici hanno cancellato. Nel frattempo, la domanda è stata interrotta. Si dice che la violazione dei dati hanno portato. Pochi giorni fa, avevo già riferito in merito alla campagna Burger King .

Burger King su Facebook

Burgr King auf Facebook

Burgr King su Facebook

Pensieri di viaggio

Scegli un'attività e una destinazione per un tour virtuale per iniziare. Certo che ci porterà con alcuni amici.
Pensieri di viaggio su Facebook

Gedankenreise auf Facebook

Pensieri di viaggio su Facebook


Conclusione:
E 'sempre difficile sviluppare nuovi concetti e relative applicazioni. Se si gestisce questo, però, può essere un grande vantaggio per essere da esso generati. Burger King ci ha mostrato. Ma, se si pensa a volte rapidamente creato un'applicazione, perché è nel oh-così-innovative Facebook deve essere fatta, dovrebbe piuttosto stare lontano da esso.

Commenti disabilitati

Inviato in eMarketing

  3. A
  4. 2
  5. 3
  6. 4
  7. 5
  8. 6
  9. 7