• Categorie - Tutoriale 11.01.2010 Nici un comentariu

    Cu ajutorul proprietăţii Border Radius în CSS3 se pot crea casete cu colţuri rotunjite fără a avea nevoie de nici o imagine, totul se face din CSS.
    Proprietatea Border Radius funcţioneaza pentru versiunile superioare de browsere: Firefox 3.0, Safari 3.1, si Chrome.
    Internet Explorer este exclus, ar fi trebuit implementat si in Opera 10 dar am constatat ca nu merge deocamdata.
    Nici in Chrome nu merg decât primele 2 exemple.

    Începem prin a crea HTML-ul pentru un BOX:

    <div id="box"></div>

    Si css-ul aferent:

    #box {
    width:400px;
    height:100px;
    background-color:#91C8FF;
    }

    De unde rezultă o casetă normală cu colţuri drepte:

     

    Un Border Radius se poate concepe în mai multe feluri adăugând în CSS o singură linie, în funcţie de ce dorim să obţinem. De fapt doua linii, una pentru Firefox si alta care este de fapt acelasi lucru pentru Safari si Chrome. E necesar deoarece CSS3 nu este inca un standard.
    Mai jos urmează 7 exemple care sper să vă convingă de utilitatea proprietăţii Border Radius.

    #box { -moz-border-radius: 20px; } /*pt Firefox*/
    #box { -webkit-border-radius: 20px; } /*pt Safari si Chrome*/

     

    #box { -moz-border-radius:20px 40px; } /*pt Firefox*/
    #box { -webkit-border-radius:20px 40px; } /*pt Safari si Chrome*/

     

    #box { -moz-border-radius:20px 40px 5px; } /*pt Firefox*/
    #box { -webkit-border-radius:20px 40px 5px; } /*pt Safari si Chrome*/

     

    #box { -moz-border-radius:10px 20px 30px 40px; } /*pt Firefox*/
    #box { -webkit-border-radius:10px 20px 30px 40px; } /*pt Safari si Chrome*/

     

    #box { -moz-border-radius-topright: 30px; } /*pt Firefox*/
    #box { -webkit-border-radius-topright: 30px; } /*pt Safari si Chrome*/

     

    #box { -moz-border-radius-topleft: 30px; } /*pt Firefox*/
    #box { -webkit-border-radius-topleft: 30px; } /*pt Safari si Chrome*/

     

    #box { -moz-border-radius: 30px / 15px; } /*pt Firefox*/
    #box { -webkit-border-radius: 30px / 15px; } /*pt Safari si Chrome*/

     

    La ce se poate folosi o asemenea casetă?
    La multe, mai jos un exemplu.
    Si css-ul complet utilizat pentru a printa ce se vede.

    #box {
    width:400px;
    height:100px;
    background-color:#91C8FF;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    line-height:1.2em;
    padding:10px;
    border:3px solid #0000FF;
    }
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi facilisis lobortis tempor. Nam porta quam at dui. Aenean tincidunt ultrices ultrices. Aliquam magna enim, rhoncus quis pretium sit amet, consectetur sit amet felis. Pellentesque congue tortor nec eros eleifend ac auctor consectetur adipiscing elit odio blandit.

     
    Tutorial este tradus şi adaptat după: bloggingcss.com

    Am testat functionalitatea Border Radius in Firefox 3.5.6, Chrome last vers, Netscape.

    În browserele la care nu funcţionează, la toate exemplele de mai sus de casete cu colţuri rotunjite, colţurile se văd drepte la 90 grade.

    Eventual vă rog lăsaţi un comentariu pentru alte tipuri de browsere, sisteme de operare, pentru e se cunoaşte cu exactitate problema. Teoretic ar trebui să meargă şi pe Safari/MAC dar n-am MAC, n-am cum sa ştiu.

    Etichete: , ,

  • Categorie - Tutoriale 10.01.2010 6 comentarii

     

    Modem SmartAX MT882

    Kit accesorii Modem SmartAX MT882

     
    Modemul ADSL SmartAX MT882 poate fi configurat in trei moduri diferite.
    Se pot utiliza la alegere:
    - conexiunea USB intre modem si PC,
    - conexiunea retea/LAN in mod de utilizare a soft-ului PPP dial-up din computer,
    - conexiunea retea/LAN in mod de utilizare a soft-ului intern din modem.
    (eu o recomand pe ultima)

     

      1. Mod USB, instalarea driverului

     
    Se face de pe CD-ul existent in kit-ul de la romtelecom. CD-ul contine driver separat pentru WinXP2003_64bit, Win98Me, Win2KXP2003_32bit, Vista64, Vista32, in plus MAC si Linux.
    Nu se conecteaza modemul inainte de instalare driver. Se introduce CD-ul, click pe Setup.exe. Se selecteaza Language+Next, Typical+Next, Conectati modemul si porniti-l, se deschide o fereastra, apasati Continue Anyway, in final apasa “Finish”.

     

      2. Mod retea/LAN cu software PPP dial-up din PC

     
    Se deschide Control Panel => Network Connections, se apasa in stanga “Create a New Connection”,
    - se deschide un New Connection Wizard, se apasa Next,
    - se bifeaza Connect to the Internet, se apasa Next,
    - se bifeaza “Connect using a broadband connection that requires a username and password”, se apasa Next,
    - se introduce un nume de ISP, se apasa Next,
    - se introduce Username si Password existente pe contractul dvs cu providerul romtelecom, se apasa Next,
    - se poate bifa optional “Add a shortcut to this connection to my desktop”, se apasa Finish.

     

      3. Mod retea/LAN cu software PPP intern modem MT882

     
    Se porneste modemul si se conecteaza cablul LAN intre acesta si computer.
    Se deschide Control Panel => Network Connections, se da dreapta click pe iconul placii de retea, se apasa Properties si se deschide o fereastra.
    In General se bifeaza Internet Protocol (TCP/IP). Se apasa butonul Properties.
    Se deschide o noua fereastra, se bifeaza “Use the following IP address” si se introduc datele precum in imaginea de mai jos.
     

    TCP-IP Properties

     
    Apas OK de doua ori sa inchid cele doua ferestre.

    Ce am facut pana acum concret, am setat o cale de comunicare intre PC si Modem pentru a transmite modemului setarile care urmeaza.
    Deschid Internet Explorer, sau Firefox, comunicarea cu modemul in vederea setarii lui se face prin intermediul unui browser.
    - sus in bara la browser la adresa scriu: http://192.168.1.1 (adresa Web prestabilita a MT882)
    - se deschide o fereastra de logare unde se introduce Username: admin si Password: admin , se apasa OK.
    Am intrat in modem. In continuare consider ca este mai edificator sa faceti setarile conform imaginii de mai jos, deci nu mai redau textual pas cu pas.
    Dupa fiecare se apasa “Submit”, in fereastra a doua trebuie introduse Username si Parola de pe contractul dvs cu Romtelecom.
    La sfarsit se apasa “Restart”
     

    Click pe imagine pentru marire.

    Configurari soft intern

     
    In final se deschide din nou Control Panel => Network Connections, se da dreapta click pe iconul placii de retea, se apasa Properties si se deschide fereastra unde am mai fost.
    In General se bifeaza Internet Protocol (TCP/IP). Se apasa butonul Properties.

    Trebuie sa stergem si sa debifam ce am setat anterior, (am terminat de comunicat PC=>Modem), astfel incat fereastra sa arate precum initial. (imaginea de mai jos)
    Apas OK de doua ori sa inchid cele doua ferestre.
     

    TCP-IP Properties

     
    SETARE INCHEIATA

    Din acest moment daca in browser introduc o adresa web si dau Enter ar trebui sa fiu online.

    Observatii finale:
    La inceputul acestui tutorial faceam o paranteza in care scriam ca recomand aceasta ultima modalitate de setare a modemului de la punctul 3. Desi pare mai complicata, nu este. Fata de primele 2 prezinta avantajul ca setarile in acest caz le memoreaza modemul, iar in cazul unei eventuale reinstalari de windows nu mai am de facut absolut nimic, doar introduc cablul de retea in LAN si am Net.
    Cand pornesc PC-ul nu mai am nici un fel de icon de dat dublu click si apasat Conect, am internet direct.
    Pot scoate cablu din Desktop si sa il introduc intr-un eventual Laptop, am Net fara a mai misca un deget.
    La acest tip de modem se pot utiliza simultan pentru doua calculatoare atat iesirea de LAN cat si cea de USB.

    Citeşte şi: NOKIA 6300 gratis de la romtelecom

    Etichete: , , , , , , , , , , ,

  • Categorie - Tutoriale 29.11.2009 6 comentarii

    Disable Post Revisions, Deleting Post Revisions

     
    În mod normal, “by default” când scriem un post, wordpress-ul face în mod automat o autosalvare o dată la 60 de secunde. Lucru util până la o limită, dacă ar fi să luăm în calcul un posibil fail de browser, windows crash, pană de curent, etc, să nu se piardă tot ce-am scris dacă nu avem obiceiul să mai dăm un “Save Draft” din când în când.

    Alt motiv “binefăcător” al acestor autosalvări chiar că nu văd din moment ce la mine pe blog sunt singurul autor, ştiu ce fac şi n-o să mă intereseze niciodată să văd după un timp cum am modificat/corectat posturile în timp. (daca ar fi cazul)

    Dacă scriu sau editez un post vreme mai îndelungată, aceste autosalvări se scriu de ordinul zecilor. Informaţie care ocupă mult mai mult loc în baza de date decât postul final, respectiv informaţia utilă.

    Dacă vreau să evit supraîncărcarea bazei de date cu chestii inutile, să fac în mod sigur şi site-ul să se încarce mai rapid, am de facut două lucruri simple.
    Şi cum sunt un fan convins al rezolvării problemelor fără plugin pe cât posibil, am căutat, m-am documentat, am experimentat şi merge.

    Cum spuneam, există două probleme distincte, adică dezactivarea “Post Revisions” pentru ca WP să nu le mai facă în viitor şi ştergerea celor existente (şi inutile din baza de date mySQL).

    1. Disable Post Revisions, se copiază linia de mai jos în fila wp-config.php din root, oriunde pe un rând liber între <?php şi ?>

    define('WP_POST_REVISIONS',false);

    WordPress-ul nu va mai face autosalvări fără comanda “Save Draft”

    2. Deleting Post Revisions, ştergerea celor deja existente, care ocupă loc deloc neglijabil, curăţarea bazei de date.
    Deschid cPanel, phpMyAdmin, apăs sus SQL ca în imaginea de mai jos şi cu copy/paste introduc comanda de mai jos:

    DELETE a,b,c FROM wp_posts a LEFT JOIN wp_term_relationships b ON (a.ID=b.object_id) LEFT JOIN wp_postmeta c ON (a.ID=c.post_id) WHERE a.post_type='revision';
     

    Deleting Post Revisions

     
    Apăs “Go”, şi asta e tot.

    Ulterior în 2-30 secunde se va afişa un mesaj cu numarul intrarilor sterse.

    Am făcut-o pentru 4 bloguri în mai puţin de jumătate de oră fără nici o problemă.

    Pentru fiecare din cele 4 site-uri am obţinut o scădere a volumului bazei de date după cum urmează:

    430 Kb => 366Kb
    2,75 Mb => 1,10 Mb
    2,37 Mb => 940 Kb
    5,41 Mb => 1,39 Mb
    18,5 Mb => 2,64 Mb (!) – chiar pt acest blog, nu mi-a venit să cred că toate articolele erau totuşi la locul lor dupa efectuarea curăţeniei.
    Eu zic că merită făcut.

    M-am gândit de mult la treaba asta că părea destul de ciudat, cum e posibil dacă scriu 2 articole de 5-10 Kb fiecare, baza de date să crească cu 50-100 Kb.
    M-am documentat de aici, hotărârea “să mă apuc de treabă” am luat-o văzând că îi mai preocupă problema şi pe alţii. Un schimb de replici între @eCostin şi @zoso pe twitter !

    Etichete: , , ,

  • Categorie - Tutoriale 21.11.2009 8 comentarii

    Cum afişez tweets, twitter pe blog

     
    Pentru a afişa pe blog ultimele tweet-uri ale contului tău de twitter voi prezenta mai jos procedura de instalare/configurare a script-ului necesar, este un script, practic nu este plugin de wordpress cu toate că se numeşte
    Tweetable – A jQuery plugin.
    Nu vă sfătuiesc să citiţi sfaturile de instalare de la pagina autorului deoarece tot scriptul a fost conceput şi explicat pentru a fi introdus în pagină separat pe un document .html. WordPress-ul nici măcar nu îl vede ca plugin. Se instalează manual urmând paşii de mai jos.

    1. Se descarcă zip-ul care conţine întreg scriptul, se dezarhivează.
    2. Fila index.php se deschide cu notepad şi se modifică ({username: ‘andrianz’, cu user-namele dvs de twitter. Se mai poate modifica numărul de tweet-uri afişate, limit:10 Se salvează şi se închide.
    3. ÎNTREG FOLDERUL tweetable cu toate filele incluse se urcă pe server în root sau public_html.
    4. Pentru a afişa pe blog/site se copiază linia de mai jos în locul unde doriţi să apară, header, footer, sidebar, post, etc:

    <iframe src='http://www.blogultau.ro/tweetable/' width=510 height=230 scrolling='no' frameborder='0'></iframe>

    În linia de cod de mai sus, deasemenea se configurează:
    - www.blogultau.ro cu adresa blogului tău (posibil subfolder);
    - width=510 , lăţime casetă în pixeli;
    - height=230 , înălţime casetă în pixeli;
    - scrolling=’no’ sau scrolling=’yes’ , scrollbar vertical casetă, da sau nu.

    Scripul este full custom, utilizatorii mai pretenţioşi cu oarece cunoştinţe de HTML, CSS, mai pot schimba câte ceva în fila style.css din folder tweetable:
    - font, culoare, culoare linkuri, distanţa dintre tweet-uri, etc.
    - dacă se şterge linia background-color: #FFFFFF; din body, fereastra devine transparentă.

    La unele site-uri am vazut acest script implementat sus în header, o bară de 1 cm înălţime, lată cât ecranul care arată doar ultimul tweet, totul pe o singură linie text, cu sau fără poză/icon. Se poate configura orice combinaţie de stil.

    Etichete: , , , , ,

  • Categorie - Tutoriale 31.10.2009 10 comentarii

    Motivele pentru care la un moment dat cineva este nevoit să schimbe adresă, domeniu blog/site pot fi multiple (we know things changes) cum spune şi google, iar în această situaţie se impune redirectarea traficului de la vechea spre noua adresă, absolut necesar măcar pentru o perioadă de timp până cei care vă vizitau blogul vor lua notă de schimbare, modifică linkuri, Favorites, Bookmarks, etc.

    În cazul blogurilor cel mai adesea am văzut situaţia în care bloggerul care se mută scrie un ultim post şi-l lasă deasupra.
     

    Blogul meu s-a mutat la http:// , click aici.

     
    Cu puţin rafinament, Redirectarea se poate face automat, extrem de simplu:
    Cu siguranţă a-ţi accesat măcar o dată un site “expirat” unde a-ţi fost întâmpinat cu mesajul:
     

    Site-ul cutare s-a mutat la http://
    ve-ţi fi redirectat automat în 5 secunde.

     
    Redirectul în 5 secunde (sau câte doriţi) se face adăugând în HEAD la vechiul blog/site o singură linie de cod:

    <meta content='5;url=http://adresa-noua.ro/' http-equiv='refresh'/>

    La orice site în HTML (sau PHP) se copiază linia manual cu un editor HTML în fila index, în HEAD, adică pe un rând gol deasupra </head>

    La WordPress se editează fila header.php din Wp-admin/Appearance/Editor
    Se copiază linia manual, copy/paste pe un rând gol deasupra </head>
    Dupa care se apasă Update file
    Sau se editează fila în pc după care se urcă pe server modificată, (overwrite).

    La Blogger.com (blogspot) modificarea se face în panoul de control Aspect/Editaţi HTML/Editaţi Şablon
    Se copiază linia manual, copy/paste pe un rând gol deasupra </head>
    După care se apasă SALVAŢI ŞABLON

    Etichete: , , ,

  • Categorie - Tutoriale 26.10.2009 14 comentarii

    Un alt tutorial “how to”, să învăţăm să facem lucruri simple fără să apelăm la pluginuri consumatoare de resurse.

    Implementarea unui script de pop-up window pe blogul tău se face în trei paşi deosebit de simpli.

    Pasul 1:

    Codul de mai jos este un cod javascript care se copiază cu copy/paste în head-ul siteului între tagurile <head> şi </head> indiferent că avem un site simplu în HTML sau platforma WordPress.
    În cazul WordPress codul trebuie copiat în fila header.php din folderul temei, prin editare în wp-admin/Appearance/Editor, sau editarea separat cu notepad şi upload (owerwritte) pe server pentru cei mai experientaţi care folosesc curent un program FTP Uploader.
    Deci copy/paste pe un rând gol imediat deasupra </head>


    <script language='javascript'>
    function popUp(URL) {
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0, scrollbars=0, location=0, statusbar=0, menubar=0, resizable=0, width=430, height=530, left=300, top=50');");
    }

    </script>

    Se pot edita/modifica următorii parametrii:
    width=430 (lăţime fereastră pop-up)
    height=530 (înălţime fereastra pop-up)
    left=300 (poziţia faţă de margine stânga ecran în pixeli unde să apară)
    top=50 (poziţia faţă de margine sus ecran în pixeli unde să apară)

    Pasul 2:

    Pop-up window-ul respectiv trebuie să se deschida atunci când dau click pe un link text sau poză cu link. Indiferent de unde, din post, din sidebar, etc.
    În loc de un link normal link-ul text (în caz de text) trebuie scris în felul următor:
    <a href="javascript:popUp('http://www.site.ro/folder/document.html')">Click aici</a>

    Se configurează:
    nume document.html (poate fi şi .php), DOCUMENTUL DIN CARE ESTE CONSTITUIT POP-UP-UL propriu-zis
    folder, numele folderului unde se află documentul
    Dacă am nevoie de o simplă poză care să se deschidă în pop-up, nu mai am nevoie de nici un document, în loc de document.html scriu direct numepoza.jpg , dar trebuie corelată dimensiunea pop-up-ului (la pasul 1) cu dimensiunea în pixeli a pozei. (să nu fie fereastra mai mică decât poza).

    Pasul 3:

    Crearea documentul .html sau .php din care este constituit pop-up-ul.
    Dau un exemplu simplu mai jos, se poate edita cu notepad şi se salvează cu numele document.html sau document.php

    În cazul salvării acestuia ca document.html documentul nu se mai poate deschide ulterior cu notepad pentru o eventuală modificare ulterioară, doar cu un program editor html. Odată creat documentul, se urcă pe server la locul dorit.

    Mai jos, exemplu de document pentru pop-up, se schimbă conţinutul în funcţie de necesităţi: (normal asta necesită abilităţi de webdeveloper dar dacă aveti nevoie de ceva simplu nu cred că nu vă daţi seama ce trebuie schimbat)

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Titlu Pop-Up Window care apare sus in Title bar</title>
    </head>
    <body>
    <h2>Acesta este un Pop-Up Window</h2>
    <br><br>
    <h3>Text</h3>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    <br>Pellentesque facilisis iaculis molestie.
    <br>Nullam non justo quis leo accumsan rutrum a non nisl.
    <br><br>
    <h3>Imagine</h3>
    <a href="http://www.blogwidget.ro/" target="_blank" title="Un widget cool pentru blogul tau!"><img src="http://www.blogwidget.ro/wp-banners/bwr125_new.png" border="0" alt="Un widget cool pentru blogul tau!"></a>
    </body>
    </html>

    Test:

    Click aici, testează Pop-Up Window

    Etichete: , , , ,

  • Categorie - Tutoriale 24.10.2009 6 comentarii

    Cum aranjez bannerele pe două coloane în sidebar

    Cum poziţionez imagini în post, orizontal, vertical

     
    Table înseamnă tabel. Cunoaşterea modului în care se scrie un table în cod HTML direct în post la WordPress este deosebit de utilă atunci când doresc să poziţionez nişte elemente în post cum doresc, să am controlul total asupra lor.

    O altă situaţie des întâlnită este atunci când doresc să aşez bannerele din sidebar pe două coloane verticale (sau câte două pe un rând), bineînţeles dacă lăţimea sidebarului permite acest lucru, caz în care editez cu notepad codul respectiv direct în fila sidebar.php

    În primul caz, dacă doresc să scriu orice fel de cod în post trebuie selectată în wp-admin opţiunea “HTML”. Dacă vreau s-o scot de tot se poate din wp-admin/profile, se bifează “Disable visual editor”.
     

    Visual editor

     
    Mai jos avem un table care conţine 2 imagini pe orizontală şi două pe verticală. Fără fond colorat, fără border.

    p1 p2
       
    p3 p4

     
    Pentru a insera acest table am utilizat codul de mai jos, care poate fi folosit aşa cum este atât într-un post, cât şi la aranjarea de bannere în sidebar. El este scris într-un anume fel, ceva cât se poate de simplist, fără elemente custom, care în cazul utilizării în post ar fi restricţionate oricum de CSS-ul temei.

    <div align="center">
    <table width="220">
    <tr>
    <td>
    <img src="http://www.site.ro/folder/poza1.jpg">
    </td>
    <td>
    <img src="http://www.site.ro/folder/poza2.jpg">
    </td>
    </tr>
    <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
    <tr>
    <td>
    <img src="http://www.site.ro/folder/poza3.jpg">
    </td>
    <td>
    <img src="http://www.site.ro/folder/poza4.jpg">
    </td>
    </tr>
    </table>
    </div>

    Unde fiecare element înseamnă:

    <div align="center"> – div de poziţionare table în centrul postului
    <table> – început table
    <tr> – început rând
    <td> – început coloană
    </td> – sfârşit coloană
    </tr> – sfârşit rând
    <tr><td>&nbsp;</td><td>&nbsp;</td></tr> – un rând gol de doua coloane pentru a crea un spaţiu pe verticală între imagini (in sidebar se poate utiliza si <br><br> în loc de rând gol)
    </table> – sfârşit table
    </div> – sfârşit div centru
    width=220 – lăţime table în pixeli pe orizontală, am folosit o valoare ceva mai mare decât suma lăţimilor pozelor pentru a crea un spaţiu pe orizontală între imagini.

    Prin analogie se poate modifica codul exemplificat în funcţie de numărul de coloane şi rânduri dorit.

    Mai pot utiliza la wordpress în post următoarele elemente:

    <table bgcolor="#FF0000"> – pentru a seta un background colorat, (culoarea exprimată în HTML).

    <table background="http://site.ro/folder/imagine.jpg"> – pentru a seta un background o imagine oarecare, (dacă imaginea este mai mică în dimensiuni decât table, aceasta se va repeta pe orizontală şi verticală).

    <tr height="200"> – stabilirea unei înălţimi custom pentru un anume rând.

    Restul elementelor care contribuie la crearea unui table “Full Custom”, precum border, border-color, padding, margin, position, align, formatare font, etc, se pot configura numai prin intermediul CSS, prin adăugare şi configurare parametrii în fila style.css din folderul temei. Subiectul este vast, ar putea face parte dintr-un tutorial viitor.

    În acest tutorial, cum e precizat şi în titlu am descris doar ce e testat şi merge la wp în post fără a modifica sau a crea conflicte cu css-ul temei.

    Etichete: , , , ,

  • Categorie - Tutoriale 23.09.2009 45 comentarii

    În prezentul tutorial voi descrie ataşarea unui radio pe blog prin interfaţa Windows Media Player.
    Procesul este 90% identic cu problema dezbatută într-un tutorial precedent,
    Cum pun Media Player pe blog, diferenţa constă în faptul că, în acel caz am exemplificat cazul în care playerul redă nişte file mp3 sau de alt tip.

    Pentru radio pe blog am nevoie de două lucruri:
    Un cod de Windows Media Player embed
    Un playlist în format .m3u (de obicei) care se downloadează din homepage-ul radioului online respectiv, după care se uploadează şi se hostează pe propriul server.

    Exemplu concret:
    Doresc să implementez pe blog radioul online Electro Radio

    Accesez site-ul respectiv, descarc playlist-ul radioului respectiv, fila stream.m3u de aici: http://www.electroradio.ch/stream.m3u (click pe link)

    Uploadez fila stream.m3u pe propriul server unde am hosting, să zicem în root sau public_html.

    Copiez copy/paste codul de mai jos într-una din filele blogului unde doresc să apară (header, sidebar, footer, post, etc).

    Trebuie doar configurat în cod url-ul blogului tău, în două locuri, porţiunea marcată cu roşu, value=”…. şi src=”….

    <object id="player" width="280" height="64" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" align="middle">
    <param name="URL" value="
    http://www.blogultau.ro/stream.m3u">
    <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/stream.m3u" align="middle" autostart="0" showstatusbar="1" loop="1" height="64" width="280"></embed>
    </object>

    În cod se pot ajusta nişte parametrii precum lăţime, showstatusbar, autostart, dacă stiţi cum. Fără nici o modificare radioul va apărea sub forma de mai jos.
    Asta e tot.

    *Este posibil ca exemplul oferit de mine mai jos sau orice alt radio online sa NU emita nonstop 24/7.

     

    Electro Radio

     

    Alte radiouri online de preluat pe blog:

    Radio DJ Romania, descarcă fila .m3u: http://www.radiodj.ro/asculta.m3u
    Radio Energy FM, descarcă fila .m3u: http://www.energyfm.ro/energy.m3u
    Electro Radio, descarcă fila .m3u: http://www.electroradio.ch/stream.m3u

    … şi multe altele la: http://www.radiourionline.com/
     

    Un alt mod de utilizare cod, exemplu:

    Radio Whisper, se editează value= şi src="http://81.196.144.228:7788/" , fără filă separat.

    Etichete: , , , , , ,

Pagina 1 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!