Ascude codul sursa

                                       Cum ascund codul sursa dintr-un iframe?

 In acest tutorial am sa va arat, tot ce trebuie sa stiti și sa va ofer script-uri, pentru a ascunde codul sursă dintr-un iframe. Acest tutorial este dedicat in special pentru bloggeri si nu numai.
Hide Your Source Code on Iframe.

Script video player html5

                              Video player pentru blog,site sau forum.

Daca intr-o alta postare va prezentam audio player html5,astazi va pun la dispozitie cateva scripturi html5 pentru redare video pe blog,site sau forum. Multi bloggeri se-ntreaba,cum pun un videoclip pe blog? Sau cum pun video pe blog? HTML5 video player,indeplineste aceasta solutie.

Cum functioneaza?

Cum pun buton de download pe blog?

Butoane pe blog,site sau forum.

Live Demo    Download  

Pentru adaugarea acestor butoane in blog-ul Blogger urmati pasii urmatori:
Ne logam la contul blogger;
Clik pe sablon;
Inainte de a edita html-ul ar fi bine sa va salvati o copie a sablonului in calculator, in caz ca ceva nu merge bine,sau apasati pe butonul Salvati fara a Previzualiza. Astfel puteti reveni la vechiul sablon oricand doriti. Dati clic pe, 
"Descărcaţi şablonul complet" si salvati o copie;
Clik pe editati html;
Dam un clik in interiorul html-ul-ui;
Apoi apasam simultan tastele Ctrl si F,iar in casuta care va aparea scriem urmatorul cod:

Cum sa-ti faci sablonul responsive.

                    Cum sa faci sablonul,blogul blogger responsive.

 Responsive Web Design (RWD) a devenit parte integranta pe web cu Internet,acum accesibil prin mai multe platforme de dimensiuni multi-screen, cum ar fii telefonie mobila, TV si tablete / iPad.Cu o singura versiune în HTML și CSS se acoperă toate rezolutiile de ecran, adică, blogul web creat va fi optimizat pentru toate tipurile de dispozitive: PC, tablete, telefoane mobile, etc. Acest lucru va îmbunătăți experiența utilizatorului spre deosebire de ceea ce se întâmplă cu site-urile fixe atunci când sunt accesate de pe dispozitive mobile.  Asa cum vorbim despre web receptiv,sunt milioane de Bloggeri si bloguri,care au o caracteristica distincta a siteului mobil si esueaza lamentabil atunci când vine vorba de alte dimensiuni, cum ar fi ecran mai mare Tablet, TV, etc.

Link cu deschidere automata intr-o fila noua

Candva mi-am pus o intrebare curioasa!
Exista posibilitatea de a pune un link iar atunci cand se trece cu mouse-ul peste el sa se deschida automat? Deschide linkul intr-o fereastra noua / open link in new tab.
Sincer nu-mi trecea prin cap ca asa ceva se poate,dar pentru ca aveam nevoie de asa ceva  am inceput cautarile unui astfel de cod care sa faca asta. Si tot cautand am gasit acest cod modificat de cineva probabil cu un mic truc  "onmouseover" si rezultatul este urmatorul:

Fa o proba,treci cu sageata mouse-ul-ui peste imaginea de mai jos.

Titlu blogului pe centrul header-ul-ui

 Descrierea/numele blogului pe centru de antet.

Dupa cum spune si numele postari daca doriti si voi sa aveti numele/descrierea blogului vostru in centru de antet asa cum este pe acest blog trebuie doar sa urmati pasii de mai jos. Acesti pasi sunt valabili pentru sabloanele modificate cu creatorul de design al sablonului.
Deci:

Ne logam la contul blogger;
Clik pe sablon;
Inainte de a edita html-ul ar fi bine sa va salvati o copie a sablonului in calculator, in caz ca ceva nu merge bine,sau apasati pe butonul Salvati fara a Previzualiza. Astfel puteti reveni la vechiul sablon oricand doriti. Dati clic pe,

"Descărcaţi şablonul complet" si salvati o copie;

Clik pe editati html;
Dam un lik in interiorul html-ul-ui;
Apoi apasam simultan tastele Ctrl si F,iar in casuta care va aparea scriem urmatorul cod:

.header-inner .Header .descriptionwrapper

Indexativa Blogul Pe Coogle.

        Folositi Bot Google pentru indexarea blogului

Acest hack este des utilizat pe web, efectul o sa il vedeti foarte rapid, la urmatoarea indexare google, doar uitati-va la modul in care va arata rezultatul cautarii... este usor de folosit pentru ca are un efect vizibil, optimizand modul in care botul Google iti va indexa paginile.

Urmati pasi de mai jos:

Spune motoarelor de cautare ce limba "vorbeste" blogul tau

Cu cat oferiti mai multe informatii crawler-ului de la Google sau alte motoare de cautare cu atat va asigurati o mai buna indexare si o pozitionare mai corecta in rezultatele cautarilor.In postari anterioare,v-am mai prezentat si alte meta tag-uri cu care puteti oferi informatii relevante despre pagina voastra,crawler-ului,cum ar fi descriere,keywords,nume si alte lucruri! Acum va voi prezenta niste meta tag-uri cu ajutorul carora puteti arata motoarelor de cautare in ce limba este continutul blogului,geolocatia blogului,si unde vreti sa distribuiti continutul!
Pentru a adauga aceste meta tag-uri urmati instructiunile de mai jos:

Cum sa-ti faci blogul cunoscut ?

                         Fati Blogul Cunoscut.

Dupa ce ti-ai creat un blog,chiar daca l-ai inscris in tot felul de directoare si comunitati ale bloggerilor,chiar daca l-ai optimizat SEO,tot nu este de-ajuns pentru a directiona trafic catre blogul tau,adevaratul trafic incepe sa vina abia dupa ce blogul a fost indexat dar problema e ca asta se poate intampla in cateva zile sau chiar saptamani,nu se stie niciodata cand! Pentru a grabi indexarea,trebuie sa aduceti la cunostiinta motoarelor de cautare ca blogul a fost creat sau i s-a adaugat continut nou! Asta o puteti face prin a adauga URL-ul vostru (Ping your blog) in urmatoarele site-uri(majoritatea nu necesita cont si toate sunt gratis)

Cum Scot Navbarul Din Blogger (Blogspot) ?

              Elimina sau ascunde Navbarul. 

Navbar-ul care apare deasupra blogurilor in Blogger pe Blogspot este afisat implicit atunci cand creezi un blog. Este o unealta folositoare pentru vizitatori pentru ca pot sa marcheze blogurile care au un continut neadecvat si pot naviga la un alt blog din reteaua Blogger.
Pentru a scapa de acest NavBar trebuie sa intrati pe Blogger.com sa va logati.
Dati click pe Design iar dupa, Editati HTML

Inainte de a modifica Template-ul ar fi bine sa va salvati o copie a sablonului in calculator, in caz ca ceva nu merge bine,sau apasati pe butonul Salvati fara a Previzualiza. Astfel puteti reveni la vechiul sablon oricand doriti. Dati clic pe "Descărcaţi şablonul complet" si salvati o copie.

Dupa ce ati salvat sablonul cautati in Html.

Cum pun Mos Craciun cu saniuta pe blog

Adauga Mos Craciun zburand cu saniuta pe blog

Doriti un decor de Craciun, pe blog-ul vostru, puteti instala un mic script cu Mos Craciun zburand pe blog si aruncand mici stelute in mers.
La fel ca cel de pe blogul meu.

Script-ul  este destul de frumos si este foarte simplu de instalat uramand acesti pasi:

 Mergi la Desing  
 Editati HTML
 Apasa Ctrl+F  
 Cauta linia   </head> si exact deasupra ei adauga urmatorul script:

<!-- Santa Claus-http://www.diversepc.com/-->
<script type="text/javascript" src="http://blogparts.giffy.me/0017/parts.js" />
<!-- Santa Claus-http://www.diversepc.com/-->

Cum pun Facebook Like box pe blog

Adauga Facebook Like box pe blogul tau.

 Acest "social plugin" poate fi folosit doar dupa ce in prealabil ti-ai creat o pagina pe Facebook pentru blogul tau. Vezi aici cum i-ti poti crea o pagina de Facebook.
 Acest  Facebook Like box te ajuta sa vezi cati vizitatori ai blogului au dat Like paginii tale si poti afisa in interiorul ei ultimele posturi din blogul tau.

  In primul rand trebuie sa aflam URL-ul paginii de Facebook pe care a-ti creato:

Cum fac o pagina de Facebook pentru blog

Cum fac pagina de Facebook

Aceasta pagina poate fii utilizata  pentru orice tip de site sau blog.Pentru a-ti putea crea o pagina de Facebook pentru blogul, siteul tau, trebuie in primul rand sa ai cont de utilizator pe Facebook.
Daca inca nu ai cont, iti poti crea aici: Facebook.

 Pentru crearea unei pagini pe Facebook urmati acesti pasi:

Acceseaza linkul Create a Page;
Selecteaza Brand or Product si apoi ultima optiune din meniul derulant, Website;
Introdu numele dorit pentru pagina.
Numele ales, ulterior nu il mai poti schimba;
Bifeaza casuta I'm the ... si apasa pe Create Official Page;
Si gata pagina; Acum nu iti mai ramane decat sa introduci informatiile dorite de tine.
.

Adauga meta tag-uri blogului tau

Meta tag-uri pe blogul tau.O parte importanta in optimizarea SEO o au meta tag-urile! Ele ajuta crawler-ul sa indexeze mai corect si mai usor pagina ta si pot directiona o cantitate buna de trafic catre blogul tau! Un blog cu meta tag-uri puse corect va avea parte de o imbunatatire vizibila a traficului de pe blog! Ca sa adaugati meta tag-uri la blogul dumneavoastra urmati pasi de mai jos:

Intra in tabloul de control al blogului
Dati click pe Design >> Edit HTML
Dati Ctrl+F si cautati urmatoarea linie:

<b:include data='blog' name='all-head-content'/>

Imediat sub aceasta linie,adaugati codul urmator:

Afiseaza titlul postarii inaintea numelui blogului

Blogger afiseaza "din fabrica" ,numele blogului inainte de postare ceea ce este un mare dezavantaj! De ce? Pentru ca,omul cand da browse dupa ceva pe Google,nu scrie numele unui site sau blog anume,scrie exact ce vrea sa gaseasca: si chiar daca prin rezultatele cautarii apare si blogul tau cu articolul respectiv,din cauza ca numele blogului este inainte,poate sa nu observe ce mai este dupa el si sa treaca mai departe pana gaseste ce a cautat: De aceea e bine sa modificati si sa faceti sa apara titlul postarii inainte de numele blogului pentru o mai buna relevanta si a nu induce utilizatorii in eroare,plus ca este o imbunatatire SEO! Inainte sa va apucati sa faceti aceasta modificare,verificati cum apare numele la voi,uitandu-va in partea de sus a browser-ului vostru! EX:
Daca apare asa: Numele blogului-Titlul postarii,puteti sa faceti modificarea,

Cum adaugi efectul fulgi de zapada pe blog.

Adauga efectul fulgi de zapada/nea/ninsoare

Codul de mai jos se adauga intr-un widget html / javascript

<script type="text/javascript">

/******************************************
* Snow Effect Script- By Silvian d.o.o. (http://www.diversepc.com/)
* Visit  (http://www.diversepc.com/)
******************************************/

Cum sa elimini "Se afiseaza cele mai noi postari cu eticheta"

Elimina "Se afiseaza cele mai noi postari cu eticheta"
Ati vazut si voi ca atunci cand dati click pe o categorie(eticheta) apar postarile cu acea eticheta iar deasupra lor scrie "Se afiseaza cele mai noi postari cu eticheta".Acest lucru arata urat si strica aspectul blogului! Puteti elimina acest inconvenient,urmand pasii de mai jos:

Te conectezi la contul tau Blogger,
Dai click pe Design---Edit HTML,
Bifati casuta de Extindere sabloane control,

Butonul trimite mass prin Yahoo Messenger pe blogul tau

Tot ceea ce ai de facut este sa mergi in pagina de Design a blogului,
Apoi sa mergi la pagina de Editati HTML,
Odata ajuns acolo, selectati optiunea "Extindeti sabloanele control"
Dupa care apasati Ctrl+f si cautati in caseta html linia

<div class='post-footer'>

Odata gasita, copiati imediat deasupra liniei, codul:

Butonul Like si Send de la Facebook sub fiecare postare

Cum pun butoanele social media,like si share sub fiecare postare?

Te conectezi la Contul de Blogger -> Design -> Editati HTML;
Pentru orice eventualitate fa o copie de siguranta a sablonului;
Bifeaza casuta de Extindere a sablonului control
Apasati Ctrl+F si cautati in sablonul blogului linia:

<data:post.body/>
Imediat dupa aceasta insereaza codul de mai jos: