Blogger Hack

Nu am stabilit o data cand voi lansa bloggerica.com deoarece, nu ma pot lansa cu-n articol, tema nasoala si fara nimic special. Influentat de "cum iti vei asterne asa vei dormi" mi s-a rupt euforia, si am stagnat . Dar in sensul bun al cuvintului. Mai multe o sa vedeti atunci .

In imaginea alaturata avem un favicon, asta pentru a sti ce este un favicon. Este faviconul default de la Blogger . Pentru a-l schimba, ai nevoie de o imagine de marimea 16*16, sau eventual de o imagine personalizata . Nu e nevoie sa fii mare expert in photoshop. Iti recomand Favicon Generator pentru a crea un favicon. Pana acolo mai e putin. Urmeaza pasii pentru a instala un nou favicon pe blogger . 1. Mergi la draft.Blogger.com -->>Aspect-->>Editati HTML . 2. Gaseste linia urmatoare in Codul HTML a blogului. Ctrl+C (Copy) . Pentru Cautare foloseste Ctrl+F. Si Paste in caseta ce apare . <title><data:blog.pageTitle/></title> 3. Sub aceasta linie adauga urmatorul cod. Atentie ! nu modifica nimic, decat http://favicon.gif cu adresa faviconului tau, depinde unde ai incarcat faviconul iti recomand Google Pages, si ce tip de imagine e. <link href='http://favicon.gif ' rel='shortcut icon'/> Asa arata la mine codul pentru Favicon. <link href='http://dionisiuszeus.googlepages.com/densufav.gif' rel='shortcut icon'/> Faviconul meu

4. Acum Salvati Sablon . vezi cum e, daca ai ceva probleme spune.

 Castiga foarte usor cu domeniu.eu propriul tau domeniu, alegeti adresa blogului asa cum vrei tu fara acea sintagma blogspot [ex. http://adresata.blogspot.com]. Participantii sint putini asa ca ai sanse sa castigi intr-un timp relativ scurt un domeniu propriu. Inscriete acum nu ezita, lasi ocazia sa-ti scape, iar tu ramai cu aceiasi adresa  default  blogger. E un mic sfat pentru cei care-i pasioneaza concursurile, dar nu numai pentru ca ar fi bine daca ati participa, daca nu stiati adresa blogului vostru conteaza foarte mult pentru cei care va viziteaza, intra mai usor in memorie adresa ta micuta, decat o adresa blogger lunga si neinteleasa, fa-te un brand. Dupa ce castigi poti alege din varietatea extensiilor de domeniu, .com .net .org si altele. Esti instiintat printr-un e-mail. Fratikule ai castigat alegeti adresa. Aici este adresa pentru a te inscrie

      Recent am gasit un hack pentru Blogger, ceva ce place si e util unui blog. Acest widget e intalnit pe platforma Wordpress. Sa nu palavragesc aiurea iata despre ce e vorba: Insereaza numarul paginilor sub articole [postari]. sau altfel spus numeroteaza-le. Exemplu vedeti aici [blogul meu] .  Arata frumos.

   Iata pasii pentru realizarea acestui hack:              1.Te loghezi in contul tau draft.Blogger -> Aspect.              2.Adaugati un obiect gadget. de tip HTML/JavaScript .              3.Ia codul de mai jos, si insereazal in textul HMTL. <br /> <br /> <style> .showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px; } .showpageArea a {border: 1px solid #505050; color: #000000;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageArea a:hover { font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpageNum a {border: 1px solid #505050; color: #000000;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageNum a:hover { font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpagePoint {font-size:11px; padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #333; color: #fff; background-color: #000000; } .showpage a:hover {font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpageNum a:link,.showpage a:link { font-size:11px; padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;} .showpageNum a:hover {font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } </style><br /> <br /> <br /> <br /> <script type="text/javascript"> function showpageCount(json) { var thisUrl = location.href; var htmlMap = new Array(); var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/"; var isLablePage = thisUrl.indexOf("/search/label/")!=-1; var isPage = thisUrl.indexOf("/search?updated")!=-1; var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : ""; thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable; var thisNum = 1; var postNum=1; var itemCount = 0; var fFlag = 0; var eFlag = 0; var html= ''; var upPageHtml =''; var downPageHtml =''; var pageCount=5; var displayPageNum=3; var firstPageWord = 'First'; var endPageWord = 'Last'; var upPageWord ='Previous'; var downPageWord ='Next'; var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">'; for(var i=0, post; post = json.feed.entry[i]; i++) { var timestamp = post.published.$t.substr(0,10); var title = post.title.$t; if(isLablePage){ if(title!=''){ if(post.category){ for(var c=0, post_category; post_category = post.category[c]; c++) { if(encodeURIComponent(post_category.term)==thisLable){ if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } postNum++; htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; } } } }//end if(post.category){ itemCount++; } }else{ if(title!=''){ if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } if(title!='') postNum++; htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; } } itemCount++; } } for(var p =0;p< htmlMap.length;p++){ if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ if(fFlag ==0 && p == thisNum-2){ if(thisNum==2){ if(isLablePage){ upPageHtml = labelHtml + upPageWord +'</a></span>'; }else{ upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>'; } }else{ upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>'; } fFlag++; } if(p==(thisNum-1)){ html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>'; }else{ if(p==0){ if(isLablePage){ html = labelHtml+'1</a></span>'; }else{ html += '<span class="showpageNum"><a href="/">1</a></span>'; } }else{ html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>'; } } if(eFlag ==0 && p == thisNum){ downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>'; eFlag++; } }//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ }//end for(var p =0;p< htmlMap.length;p++){ if(thisNum>1){ if(!isLablePage){ html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' '; }else{ html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' '; } } html = '<div class="showpageArea"><span style="font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html; if(thisNum<(postNum-1)){ html += downPageHtml; html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>'; } if(postNum==1) postNum++; html += '</div>'; if(isPage || isFirstPage || isLablePage){ var pageArea = document.getElementsByName("pageArea"); var blogPager = document.getElementById("blog-pager"); if(postNum <= 2){ html =''; } for(var p =0;p< pageArea.length;p++){ pageArea[p].innerHTML = html; } if(pageArea&&pageArea.length>0){ html =''; } if(blogPager){ blogPager.innerHTML = html; } } } </script><br /> <br /> <script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script><br /> <div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"><a href="http://rias-techno-wizard.blogspot.com/2008/07/page-navigation-hack-for-blogger.html">Grab this Widget ~ Blogger Accessories</a></div><br />           4. Si ultimul pas e mutarea lui sub articole. vezi in imaginea de alaturi.

        Acum salveaza sablonul, si gata. Done. Sper ca ti-a placut .                Pentru setarea nr. de articole afisate intr-o pagina, cauta urmatoarea [ poti folosi ctrl + F in FireFox pentru a cauta ceva ]                           var pageCount = 5;   Tu pune de fapt, atitea cat ai pe prima pagina.  

Buna! Sunt Juga si sunt membru al acestui blog! Astazi vom invata cum sa schimbam faviconul! Ce este un favicon? Un favicon este o imagine pentru site care apare in fata URL-ului in browser sau langa numele site-ului intr-o lista de bookmarks. Este o imagine de tip ico. (icon) de marimea 16X16 px sau 32x32 px!

Cum schimbam faviconul? Calea este simpla: Aspect>Editaţi HTML si cautati coloana <b:include data="'blog'" name="'all-head-content'/"><br /> <title><data:blog.pagetitle/></title> iar imediat sub ea puneti codul <span class="fullpost"><link href="'<span style=">adresa_poza.ext</span>'" rel="'shortcut"> <br /> <link href="'adresa_poza.ext'" rel="'icon'/"></span>! P.S.: adresa_poza.ext se inlocuieste cu URL-ul unde se gaseste poza! Gata, acum aveti un favicon! Tutorial realizat in totalitate de Juga ATENTIE! Metoda aceasta functioneaza doar pentru platforma Blogger! Pentru WordPress e alta metoda!

Nu stiu daca am ales cel mai bun titlu dar totul se refera la "rubrica de contact".Puteti adauga totul pe prima pagina print-un element de pagina sau intr-o pagina secundara.A doua varianta este mai grea deoarece trebuie umblat putin prin codul html. Asadar sunt 2 coduri simple,unul pentru email si unul pentru messenger care arata daca sunteti sau nu on line facand in acelasi timp legatura catre programul de chat.Code pentru messenger:<a href="ymsgr:sendIM?IDUL TAU"><img border="0" src="http://opi.yahoo.com/online?u=IDUL TAU&m=g&t=1" /></a>A se inlocui "IDUL TAU" cu idul tau:))Code pentru email: Sau pe mail:<a href="mailto:YOUR EMAIL">TEXT</a>A se inlocui YOUR EMAIL cu emailu tau si TEXT cu textul care apare pe pagina(EX: Mail me)

Dupa ce am avut cateva probleme cu feedul de pe alt blog m-am gandit ca fiecare dintre bloggeri incepatori ar dori sa afle cu ce se manaca acet feed burner.Pentru inceput intri pe http://www.feedburner.com/si iti faci un cont .Dupa ce te loghezi ar trebui sa gasesti ceva de genul asta unde iti introduci adresa blogului.

Pasul 2:Bifati RSS apoi apasati "Next" Pasul 3:Activarea feedului cu ajutorul butonului "Activate feed" Acum aveti feedul creeat si activat.Pentru ca cititorii sa se aboneze v-a trebuie sa mai urmaezi niste pasi.Asadar in pagina precedata de apasarea butonului "Activate feed" la step 3(apasati next) bifati Clickthroughs. Daca nu este inclus in tema casuta speciala facuta de creator pentru abonarea prin mail v-a trebuie sa o introduceti singuri din pagina feed burner.La butonul Publicize gasiti pe coloana din stanga rubrica Email Subscriptions unde dupa apasarea butonului Activate gasiti widgetul corespunzator abonarii prin email.Dupa introducere in paginile blogului cititorii fideli se pot abona prin intoducerea emailului.

PageRankul este o metoda de atribuire a unei valori numerice fiecarui element dintr-un set de documente cu hyperlinkuri, cum ar fi World Wide Web, cu scopul de a "masura" importanta acestuia in cadrul sitului. Prin aceasta metoda Google stabileste relevanta sa in cadrul unei pagini web si in cadrul cautarilor. Un hyperlink catre o pagina web este considerat un vot de suport. Astfel, PageRankul unei pagini este definit recursiv si depinde de numarul si de PageRankul paginilor care au legaturi catre ea. O pagina care are legaturi in mai multe pagini cu PageRank mai mare primeste, la randul ei, un PageRank mare. Pagina nu are suport in cazul in care nu exista legaturi catre ea. Siturile importante, de o calitate ridicata, primesc un PageRank mai mare, pe care Google le memoreaza de fiecare data cand se efectueaza o cautare. Desigur, paginile importante nu inseamna nimic pentru un utilizator daca nu se potrivesc cerintelor cautarii. Astfel, Google combina PageRankul cu tehnici sofisticate de cautare in text pentru a gasi paginile care sunt totodata si importante si relevante cautarii. Google merge mai departe decat numarul de aparitii ale unui termen pe o pagina si examineaza toate aspectele continutului paginii (si continutul paginilor care au legaturi catre ea) pentru a determina daca este o potrivire buna cautarii. sursa

Japanese Fleur Blogger Template e un sablon Blogger cu un aspect oriental, e rezultatul unei conversii de tema Wordpress. Descarca-l sau vezi un demo, [mai jos]. screenshot

O colaborare intre frumosul oriental si aspectul fresh cu o imbinare de verde si o arta de calitate inalta. Initial ea fost o tema Wordpress creata de catre toptut.com, si supusa unei conversii de catre cei de la bloggertricks, mai jos ai link-urile de download si demo. click aici pentru a vedea demo a acestui sablonclick aici pentru a descarca sablonul in format Bloggerclick aici pentru a descarca sablonul in format Wordpress

Poate ai aflta ceva in legatura cu editul codului html din templateul blogger sau cu totul alt ceva si vrei sa zici la altii printru-un post la tine pe blog.Nu o sa poti niciodaa sa introduci codul html intr-un post daca il scrii pur si simplu fara sa stii putin din limbajul html. Asadar sa incepem cu inceputul.In acest post o sa folosesc ceea ce va invat pentru a introduce codul html respectiv.Pentru a introduce un cod html vizibil intr-un post trebuie sa folositi asa numitul "textarea". <textarea rows="X" cols="Y">Codul pe care vrei sa il pui in post.EX: <a> <html> </html> <body> </body> <textarea> <img> <br /> si asa mai departe. In loc de X si Y se pun cifrele corespunzatoare dimensiunuii pe care doriti sa o aiba textarea.

La inceput am tot cautat pe net tutoriale de inserat emoticoane in blogspot.Gasisem ceva care pentru moment mi s-a parut destul de fascinant,dar pe parcurs am inceput sa ma cam satur de el pentru ca semnele pentru emoticoane nu erau ca la messenger si in plus nu mergeau de fiecare data(nu se vedeau mereu).Am mai cautat si in sfarsit am gasit ceva mai interesant,este un script cu toate emoticoanele de la meesenger(si cele ascune).Pentru inceput trebuie sa aveti instalat Firefox(va recomand Firefox 2 pentru ca suplimentele sunt facute pentru el) apoi sa instalati Greasemonkey. Dupa instalare trebuie repornit Firefoxul.Ca sa iti dai seama ca Greasemonkey este instalat in partea din dreapta jos a browserului apare fata unei miamute.Dupa instalarea suplimentului trebuie instalat scriptul cu emoticoanele de la yahoo mesenger.Acesta se instaleaza fosrte usor iar dupa aceea pagina de creare a unui mesaj ar trebui sa arate asa.

Succes si spor la treaba.

Itheme Blogger Template este un template cu o tema web 2.0 foarte frumoasa. Acest template vine-n 5 variante diferite. Se caracterizeaza prin sidebar-urile expandabile. Pentru al vedea demo click pe imaginea care o vrei. 3 coloane, continutul pe mijloc

3 coloane, continutul pe stanga

3 coloane, continutul pe dreapta

2 Coloane, Continutul pe stanga

2 coloane, continutul pe dreapta

Original, e o tema Wordpress creata de catre nDesign Studio si actualizata pentru Blogger de catre Magznetwork. Mai jos poti descarca toate cele 5 template-uri. intr-un singur file arhivat. Dar daca vrei asa tare sa le descarci unul cate unul, mergi pe pagina originala template page. Si ca totul sa decurga bine si fara ceva probleme mai jos ai instructiunile de instalare a acestui template. Bafta la instalare.

Instructiuni Instalare a template-ului Descarca si dezarhiveaza. Intra in contul tau Google Page si incarca toate imaginele din mapa images. Acum inlocuieste http://YOURGOOGLEPAGES.googlepages.com cu contul tau.Edit the XML file and replace http://YOURGOOGLEPAGES.googlepages.com with your Google account.Intra in Tabloul de Bord Blogger.Aspect >

Editati HTMLIncarca template-ul XML (Nu Copia si Salva textul in editorul HTML.)Inca ceva NU VIZUALIZA BLOGUL [mai e putin]. Dute la Aspect >

Elemente de paginaEditeaza elementul “Top Menu” . Adauga cel putin un link, spre exemplu poti pune un link catre pagina Blogului tau cu sintagma "Home".Editeaza elementul “Archives” . Alege “Flat List” Style and “LL AA” Date Format style, de exemplu “Februarie 2008″Editeaza elementul “Recent Posts” . Schimba adresa de Feed in http://NUMELEBLOGULUI.blogspot.com/feeds/posts/defaultEditeaza elementul “Recent Comments” . Si schimba adresa de FEED in http://NUMELEBLOGULUI.blogspot.com/feeds/comments/defaultSetari >

Formatare, si alege formatul: “marti, iulie 22, 2008″Finish. Acum veti vizualiza blogul sa vezi ce frumos arata.

Cred ca cea mai buna forma de publicitate pentru un blog nou este un banner care trebuie pus pe un alt blog partener(acel banner exchange).Am sa va explic in continuare cum poti face un banner pentru blogul tau si cum sa faci un cod de tip html pentru acel banner. Cum creezi bannerul? De obicei bannerele au o dimensiune standard de 125*125 pixeli,asta fiind singura "conditie" pentru un banner exchange(schimb de bannere inre bloguri).Il poti face foarte usor in paint sau in orice alt fel de program de editat fotografii.

Ce trebuie sa contina un banner? In principiu un banner simplu nu trebuie sa contina decat un text static sau animat cu numele blogului tau si optinonal texte de genu "click" "intra" "Join" si lista poate continua.

Ce culori pot folosi? Aici depinde doar de imaginatia si de talentul tau de a desena.Personal recomand culori care sa "se asorteze" cu templateul(tema) blogului ,sau culori care sa iti ia ochii cand vezi bannerul pe un alt blog. Cum pot genera codul HTML? Dupa ce ai terminat capodopera(bannerul) primul pas este sa il uplodezi pe un site de gazduit gratuit fotografii (eu folosesc asta),si sa cauti adresa bannerului acolo pe site dupa upload.Urmatorul pas este crearea codului propriui zis: <a href="ADRESA-BLOGULUI-TAU"><img src="ADRESA-BANNERULUI" /></a> BRAVO!!!Tocmai ai creat un banner pentru blogul tau,acum nu mai ramane decat sa cauti alti bloggeri dornici de parteneriat cu tine.Succes.