• Categorie - Tutoriale 24.07.2009 11 comentarii

    Ştiu că 99% din bloggeri/webmasteri preferă să urce fila pe youtube sau trilulilu şi să-i facă embed de acolo fără să-şi mai bată capul.

    Acest mic script este util în cazul în care aveţi o filă audio hostată la dvs pe server sau în altă parte şi NU mai doriţi să instalaţi plugin wordpress audio player.

    Un alt atu al folosirii Windows Mediaplayer embed este că nu mai depinzi de un third part server.

    Pentru a afişa pe blog sau într-un post mediaplayerul de mai jos care să redea una sau mai multe piese, în primul rând copiază codul de mai jos copy/paste în post sau unde doreşti să apară. Cod testat în Mozilla şi IE6.

    <object id="player" width="320" height="64" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" align="middle">
    <param name="URL" value="
    http://www.blogultau.ro/mediaplayer/playlist.wpl">
    <param name="DefaultFrame" value="mainFrame">
    <param name="AutoStart" value="False">
    <param name="loop" value="1">
    <param name="showstatusbar" value="True">

    <embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://www.blogultau.ro/mediaplayer/playlist.wpl" align="middle" autostart="0" showstatusbar="1" loop="1" height="64" width="320"></embed>
    </object>

    Codul de mediaplayer practic este împărţit în două, jumătatea de sus pentru IE şi a doua jumătate pentru Mozilla. Toate setările practic se repetă. Aceasta e procedura standard. Autostart-ul este dezactivat, e destul de enervant să deschizi un blog şi să urle boxele. Se poate ajusta lăţimea casetei (width=”320″) în pixeli.

    Trebuie modificat doar ce am scris cu roşu, respctiv url playlist.
    Codul de mediaplayer propriuzis linkează către un playlist, iar în playlist se configurează numele şi path-ul melodiei.
    Exemplu concret folosit în codul de mai sus: În root (public_html) la blogul meu creez un folder “mediaplayer”, în care urc fila playlist.wpl.

    Cum fac/configurez playlist-ul:

    Deschid un notepad, îl salvez cu denumirea playlist.wpl, în care scriu codul de mai jos. Ulterior pot să îl deschid dacă vreau să îl modific tot cu notepad, Dreapta Click/Open With – Select: Notepad.
    (.wpl este formatul tipic de playlist Windows Mediaplayer 6, 7, 9, 10, 11, dar merg şi alte formate, .m3u de exemplu)

    <?wpl version="1.0"?>
    <smil>
    <head>
    <meta name="Generator" content="Microsoft Windows Media Player -- 9.0.0.3250"/>
    <author/>
    <title>track</title>
    </head>
    <body>
    <seq>
    <media src="
    nume_fila.mp3"/>
    </seq>
    </body>
    </smil>

    În playlist trebuie modificat doar numele filei şi extensia de filă.
    Dacă fila mp3 o urc în acelaşi folder cu playlist-ul, respectiv folderul “mediaplayer”, nu mai e necesar să scriu în ghilimele full path cu http… în faţă.
    Dacă doresc să adaug mai multe melodii în playlist se pot adăuga câte una pe rând, mai multe rânduri în jos, rândul care începe cu:
    <media src="...
    Le adaug în ordinea în care doresc să fie redate de player.
    Player-ul acceptă comenzi PREV/NEXT (în caz că sunt mai multe).
    Player-ul afişază în status bar numele de MP3 al piesei, NU numele de filă, filename. MP3 name se poate edita cu un tag editor.

    Mai jos exemplu funcţional, o singură piesă, Elvis Presley – It’s Now Or Never

     

     

    Etichete: , , , , , , , ,

  • Categorie - Tutoriale 23.07.2009 15 comentarii

    În acest tutorial o să încerc să descriu pe înţelesul tuturor problema “Cum îmi fac banner pentru blog”, datorită căreia se ajunge destul de des pe acest site.

    Primul pas este stabilirea dimensiunilor banner-ului care ar fi bine să fie 125×125 pixeli, mărime preferată de 99% din amatorii de schimb de bannere. Trebuie să te gândeşti că bannerul făcut de tine va sta alături de alte bannere unde va trebui să se încadreze în peisaj. Poţi încerca dimensiuni de până la 160x160px, cam asta ar fi maximum de mărime care se poate încadra într-o casetă de sidebar de wordpress.

    Imaginea propriuzisă dacă este statică se crează cu programul dorit, paint, photoshop, se aduce la dimensiunea dorită. În paint se pot face lucruri minunate, singura condiţie este ca imaginea rezultată să fie salvată în format .bmp/24 bit, şi se converteşte ulterior cu altceva în .jpg sau .png. Paint-ul are nişte filtre de compresie .jpg mizerabile, în rest e ok.

    Dacă imaginea este animată în format .GIF se pot folosi programele UleadGIF, Swish, nu necesită cine ştie ce cunoştinţe speciale.

    Dacă banner-ul se doreşte a fi transparent, adică fără border şi fond trebuie recurs la photoshop care are în meniu File/Export/GIF89a Export…

    Dacă imaginea dorită constă doar din text, recomand o aplicaţie online care se găseşte aici

    Dacă banner-ul se doreşte a fi o imagine trucată, un editor de imagini online cu multe opţiuni, aici

    Mai rămâne o problemă, editarea, generarea codului de banner.
    Codul de copiat, inserat pe alt site care trebuie să îl pui la dispoziţie.

    Recomand să nu scrii codul direct în post ca pe un text oarecare, sunt teme de wordpress care semnele ” le transformă în altceva. Varianta optimă este introducerea codului într-un TEXTAREA precum mai jos.

     

     

    Pentru a insera acest TEXTAREA direct în post sau pagina unde doreşti să-l afişezi, copiază copy/paste codul cu albastru de mai jos:

    <div align="center"><textarea cols="65" rows="4"><a href="http://www.blogultau.ro/" target="_blank" title="Titlul blogului tau"><img src="http://www.blogultau.ro/imagini/banner.png" border="0" alt="Titlul blogului tau"></a></textarea></div>

    Bineînteles că modifici:
    - url blog cu un / la sfârşit;
    - Titlu blog;
    - nume folder imagine banner;
    - nume imagine banner;
    - extensie filă imagine banner (.jpg sau .png sau .gif) în funcţie de caz.

    În tag-ul de “title” şi “alt”, respectiv titlul blogului tău, nu folosi diacritice, codul tău urmează a fi copiat de alţii într-o filă .php care nu suportă aşa ceva. Dacă totuşi doreşti să pui diacritice se poate prin simboluri html,
    exemplu, litera ă = &#259;

    Dacă ai blog pe domeniu propriu să NU ai activat în cPanel modulul Security/Hot Link Protection pe tipul de filă imagine banner. Din Default NU este activat, deci dacă nu ai umblat acolo nu trebuie să îţi faci probleme. Imaginea banner-ului care este hostată la tine urmează a fi încarcată de un alt site şi Hot Link Protection ar împiedica acest lucru.

    Etichete: , , ,

Pagina 2 din 212
Go to Top

Web conections

Alte articole

Comentarii recente

  • Imi plac la nebunie motoarele, dar mi-e frica de d... »
  • @yooo - absolut toate detaliile sunt descrise aman... »
  • Daaaa m-am convins.....si eu am primit unul din pl... »
  • Salut all...am si eu o intrebare...cum fac sa moni... »
  • @Dyeve - si mie imi place vintage-ul, o lume facin... »
  • Awwww! Ce mistoace sunt! Benefice sau nu aceste re... »
  • @Versuri - se spune Hayabusa, aia le da clasa la t... »
  • Le-am mai vazut:)).Caterinci pe acolo. »

Mie îmi plac filmele vechi!