Descrierea Sitului

Posted by Author On Month - Day - Year

In ultimul timp,o puzderie de "bloggeri" si-au inceput activitatea pe internet. Actionand doar pe o anumita nisa sau abordand subiecte diverse,blogerii din Romania,indemnati de mirajul faimei pe care o poate aduce un Blog(sau ori care alt site web) au umplut web-ul cu un mare "NIMIC".Nimic pe care il intalnesc des,Nimic care ma irita si ma face sa fiu cat se poate de pesimist asupra viitorului online romanesc...Dar...

http://games-database.blogspot.com

Blogger Template:Magasin Cuatro

Posted by PetreCruciu On May - 09 - 2009

Pe AjutorBlogger veti gasi cele mai noi si cele mai bune Sabloane pentru platforma Blogger. Am decis sa nu postez Sabloane vechi sau cu erori,ci doar sabloane Gold sau Silver perfect optimizate si usor de folosit. Un sablon care mi-a atras rapid atentia este Magasin Cuatro...

http://games-database.blogspot.com

Google Page Rank UPDATE

Publicat de Cruciu Petre On 18:02 7 comentarii
Astazi,am observat ca Google a facut un nou update al pagerank-ului.
Prima reactie a fost sa verific daca mi-a crescut pagerank-ul la Ajutor Blogger ,din nefericire am obserat ca a ramas la 0,desi am incercat sa fac un link building solid.
      Partea proasta este ca google a luat in considerarea toate link-urile catre situl tau,pana in data de 25 martie anul curent,astfel am avut o crestere al pagerank-ului numai pe Games Database(de la 1 la 3) deoarece blogul este mult mai vechi ca Ajutor Blogger si contine back link-uri de la site-uri cu renume in web.
    Oricum,nu sunt dezamagit,deoarece in viitorul apropiat Ajutor Blogger va creste in importanta pe web si totul va decurge normal,desi nu inteleg partea in care Google a luat in considerare pentru acest Update numai link-urile venite catre site,pana in data de 25 martie.
   Va astept si pe voi sa imi spuneti ce v-a mai adus acest PAGE RANK UPDATE.
| edit post

Widget:Google News-Blogger

Publicat de Cruciu Petre On 22:28 4 comentarii
      Cred ca iti va placea foarte mult acest widget,deoarece este foarte practic si 100% customizabil.
Astfel,vei putea adauga cele mai noi stiri din lume sortate pe domenii de interes,incat,daca vei dori sa iti apara pe blog numai stiri din sport,vei avea posibilitarea sa iti selectezi doar acest tip de stiri.


     Viziteaza ACEST LINK si customizeaza widgetul dupa cerintele tale si ale blogului tau.
Merigi la ASPECT>>Elemente de Pagina>>Adauga obiect gadget>>Html/Javascript si lipeste aici codul obtinut pe pagina google.

Bafta!!!

Tools:Alert LCD Text

Publicat de Cruciu Petre On 23:07 3 comentarii
Desi putea foarte bine sa fie introdus la categoria widgets,acesta "Alert LCD Text", este o "unelta" pe care o folosesti utilizand anumite situri web.
Daca doresti sa le comunici un mesaj vizitatorilor blogului tau,fara a fi nevoit sa faci un post sau prin orice alta metoda,Alert LCD Text este cea mai buna alternativa.
In imaginile de mai jos,aveti cateva exemple de Alert text pe care le puteti adauga blogului vostru.

Pentru inceput,este nevoie sa vizitati acest site:LCD Text Generator.
Aici veti avea de ales dintr-o gama variata de texte animate.Selectati animatia LCD dorita prin butonul SELECT.
Acum veti avea la dispozitie un panou de culori,pentru ca sa va persona textul si un Text box unde sa il scrieti.Puteti alege diferite fonturi ,pentru ca sa se potriveasca cat mai bine cu blogul vostru.

Blogger Template-EPSILON ALPHA

Publicat de Cruciu Petre On 22:24 1 comentarii
Pe AjutorBlogger veti gasi cele mai noi si cele mai bune Sabloane pentru platforma Blogger.
Am decis sa nu postez Sabloane vechi sau cu erori,ci doar sabloane Gold sau Silver perfect optimizate si usor de folosit.

Un sablon care mi-a atras rapid atentia este EPSILON ALPHA

DOWNLOAD
PREVIEW








Features :
  1. Multi-level drop-down javascript navigation menu.
  2. Featured post section with javascript gallery
  3. Site wide customizable 125 x 125 banner ads.
  4. Site wide customizable 468 x 60 adsense banner.
  5. Customizable 468 x 60 adsense banner on inner pages.
  6. Featured video section
  7. Customizable About me section
  8. Thumbnail images with auto crop.
  9. Widgetized sidebar.
  10. Tabbed contents
This Template has been tested and passed in this following browser :
  • IE 6 , running well but flash image in tags cloud won't show.
  • Opera 9.0, running well
  • Mozilla 2.xx, running well

Blogger Template-Conservative American

Publicat de Cruciu Petre On 00:24 2 comentarii
Pe AjutorBlogger veti gasi cele mai noi si cele mai bune Sabloane pentru platforma Blogger.
Am decis sa nu postez Sabloane vechi sau cu erori,ci doar sabloane Gold sau Silver perfect optimizate si usor de folosit.

Un sablon care mi-a atras rapid atentia este Conservative American

PREVIEW


DOWNLOAD

Widget:Taguri flash animate-Blogger

Publicat de Cruciu Petre On 19:40 5 comentarii
In cazul in care vrei sa adaugi niste taguri,care sa nu iti ocupe spatiu mult si care sa aiba un aspect frumos,trebuie neaparat sa introduci acest widget in blogul tau.
Tagurile vor arata ca in poza de mai jos(sunt sigur ca le a-ti mai vazut si pe alte bloguri):
Cum sa instalam widget-ul:
Logati-va in contul blogger
Selectati Aspect
Clic pe Editare HTML
Clic pe download full template ca sa creem un back-up in cazut in care nu instalezi bine widget-ul
Cauta un cod asemanator cu cel de mai jos,fara sa expandezi sabloanele control

<b:section class='sidebar' id='sidebar' preferred='yes'>

Acum lipeste codul de mai jos,imediat dupa codul in rosu:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://ajutorblogger.blogspot.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://ajutorblogger.blogspot.com'&gt;Cruciu Petru&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt;


</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>


Acum,previzualizeaza-ti blogul,si daca totul este ok salveaza-l.
Ceea ce apare in rosu in codul de mai sus ,reprezinta marimea si culoarea din background a  widgetului.
Bafta!!!

Hack:Posturi Recente-Blogger

Publicat de Cruciu Petre On 23:31 0 comentarii
Afisarea Posturilor Recente pe blogul tau are mai multe beneficii:pe langa ca usureaza navigarea pe blog a vizitatorilor,mai aduce pe deasupra si cele mai noi stiri pentru cei care au devenit cititori fideli ai blogului tau.
Daca nu folosesti acest hack.te asigur ca pierzi multe,deoarece este foarte folositor .
Mai jos voi posta un tutorial de instalare.

Logheaza-te in contul tau blogger>>selecteaza ASPECT>>Editare HTML>>dai clic pe Download Full template,ca sa faci un back-up in caz ca nu ti-ai instalat corect hack-ul>>selecteaza Expand Widgets>>apasa apoi Ctrl+F.


Cauta,apoi urmatoarele coduri:

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
 Dupa ce esti sigur ca ai gasit codul in ROSU,deschide acest link si copiaza tot ceea ce gasesti in acest fisier.
Dupa ce ai copiat codul lipeste-l imediat dupa codul in rosu:


<div class='post-body entry-content'>
<data:post.body/>
<---Lipeste aici codul copiat din fisierul de mai sus--->
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Vizualizeaza-ti sablonul si apoi,daca totul este in regula salveaza-l.

*Nota:daca folosesti hack-ul cu read more s-ar putea sa gasesti de doua ori codul:<data:post.body/>.
Pentru ca acest hack sa functioneze lipeste codul copiat din fisier dupa al doilea <data:post.body/>.

Tools:Obtine faviconul oricarui site web

Publicat de Cruciu Petre On 16:26 0 comentarii
Daca te-ai plictisit de faviconul clasicului Blogger si doresti ceva mai personalizat,sau pur si simplu iti place faviconul unui site si vrei sa ti-l pui pe blogul tau exista o optiunea foarte usor de folosit .
Situl care te va ajuta se numeste GetFavicon.Intra pe site si iti va aparea o imagine ca cea de mai jos:
 Aici introdu adresa URL completa(adica si cu www si cu html://) a sitului de la care vrei sa imprumuti faviconul ...selecteaza GET FAVICON si gata vei obtine mica imagine direct la tine in calculator...
Usor dar eficient ;)

Blogger Template-Magasin Tres

Publicat de Cruciu Petre On 22:37 1 comentarii
Pe AjutorBlogger veti gasi cele mai noi si cele mai bune Sabloane pentru platforma Blogger.
Am decis sa nu postez Sabloane vechi sau cu erori,ci doar sabloane Gold sau Silver perfect optimizate si usor de folosit.

Un sablon care mi-a atras rapid atentia este Magasin Cuatro.

PREVIEW
DOWNLOAD
 1Template Support Available2
2Compatible with IE71
3Compatible with Firefox1
4Floating Content within post area1
5Auto adjustment within the post area1
6Proper Image Alignment1
7Proper Display of Commenting System1
8Proper Display of Links and Quick Editing1
9Proper Display of Blog Archive and Followers Gadget

Widget:Slide show cu posturile tale-blogger

Publicat de Cruciu Petre On 22:30 4 comentarii
Widget-ul pe care ti-l voi prezenta mai jos este foarte folositor,atat pentru ca are un aspect stilat,cat si pentru ca are o utilizabilitate sfoarte mare.
Posturile tale de pe blog,vor fi afisate sub forma unui slide,ca sidurile pe care le creezi pentru poze si se va derula incontinuu dupa o anumita perioda pe timp pe care tu o alegi.

Trasaturile acestui widget:
  1. Arata un singur post deodata
  2. Pune un link catre post
  3. La fiecare 5 secunde arata alt post
  4. Cicul de miscare iti va arata toate posturile blogului
  5. Odata cincarcat va continua sa deruleze posturile chiar daca vei ramane fara conexiune la net.
  6. Foloseste tehnologia Google AJAX
  7. Poate fi folosit si pe alte platforme(wordpress)
INSTALARE:
ASPECT>>ELEMENTE DE PAGINA>>ADAUGA UN OBIECT GADGET>>Html/Javascript
Adauga codul de mai jos si salveaza:


<style type="text/css">
.gfg-root {
width : 100%;
height : auto;
position : relative;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 20px;
border: 1px solid #BCCDF0;
}

.gfg-title {
font-size: 24px;
font-weight : bold;
color : #3366cc;
background-color: #E5ECF9;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
}

.gfg-title a {
color : #3366cc;
}

.gfg-subtitle {
font-size: 20px;
font-weight : bold;
color : #3366cc;
background-color: #E5ECF9;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
margin-bottom : 0px;
}

.gfg-subtitle a {
color : #3366cc;
display:none !important;
}

.gfg-entry {
background-color : white;
width : 100%;
height : 6.9em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 3px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : auto;
height : 100%;
padding-left : 20px;
padding-right : 5px;
}

.gfg-list {
position : relative;
overflow : hidden;
text-align : left;
margin-bottom : 5px;
display:none !important;
}

.gfg-listentry {
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
padding-left : 15px;
padding-right : 5px;
margin-left : 5px;
margin-right : 5px;
}

.gfg-listentry-odd {
background-color : #F6F6F6;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight {
background-image : url('garrow.gif');
background-repeat: no-repeat;
background-position : center left;
}

/*
* FeedControl customizations.
*/

.gfg-root .gfg-entry .gf-result .gf-title {
font-size: 24px;
line-height : 1.2em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
margin-bottom : 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
height : 3.8em;
color: #000000;
margin-top : 3px;
}

/*
* Easy way to get horizontal mode, applicable via js options to gadget.
*/

.gfg-horizontal-container {
position : relative;
}

.gfg-horizontal-root {
height : 1.5em;
_height : 100%;
position : relative;
white-space : nowrap;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 13px;
border: 1px solid #AAAAAA;
padding : 5px;
margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
font-weight : bold;
background-color: #FFFFFF;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
float : left;
padding-left : 10px;
padding-right : 12px;
border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
color : #444444;
text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
width : auto;
height : 1.5em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 0px;
margin-left : 0px;
padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : 100%;
height : 100%;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
display : none;
}

/*
* FeedControl customizations.
*/

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
display : none;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-title {
color: #0000cc;
margin-right : 3px;
float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
display : block;
color: #AAAAAA;
}

.gfg-branding {
white-space : nowrap;
overflow : hidden;
text-align : left;
position : absolute;
right : 0px;
top : 0px;
width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
background-repeat : no-repeat;
background-position : center;
cursor : pointer;
float : right;
width : 17px;
height : 20px;
}

.gfg-collapse-open {
background-image : url('arrow_open.gif');
}

.gfg-collapse-closed {
background-image : url('arrow_close.gif');
}

.gfg-collapse-href {
float : left;
}

.clearFloat {
clear : both;
}
#feedGadget {
margin-top : 5px;
margin-left: auto;
margin-right: auto;
width : 440px;
font-size: 10px;
color: #9CADD0;
}
</style>
<noscript><a href="http://ajutorblogger.blogspot.com" target="_blank">Blogger Hacks</a></noscript>
<script src="http://www.google.com/jsapi/?key=internal-sample"
type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>

<script type="text/javascript">

function showGadget() {
var feeds = [
{title:'title',
url:'http://ajutorblogger.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999'},

];

new GFdynamicFeedControl(feeds, 'feedGadget',
{numResults : 1000, stacked : true,
title: "BLOG_TITLE ~ Random Posts."});
}
google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>
<noscript><a href="http://ajutorblogger.blogspot.com" target="_blank">Blogger Hacks</a></noscript>
<div id="feedGadget">Loading...</div>
<div id="feedGadget"><a href="http://ajutorblogger.blogspot.com/2009/05/widgetslide-show-cu-posturile-tale.html" target="_blank">Click Here To Grab This Widget</a>~Design By-<a href="http://www.ajutorblogger.blogspot.com" target="_blank">Blogdoctor</a>.</div>
Acum,doar inlocuieste partile in rosu si modifica marimea dupa bunul plac!!!
| edit post

Widger:Random Posts-Blogger

Publicat de Cruciu Petre On 22:14 1 comentarii
Multi oameni doresc sa isi faca blogul cat mai navigabil,sa le ofere cititorilor cat mai multe informatii,de aceea acest widget: Random Posts este printre cele mai bune in afisarea continutului blogului tau.
Instalarea este usoara si nu presupune decat adaugarea unui cod html+java script in blogul tau.
Cand va da clic pe link-ul "Clic pentru mai multe posturi" cititorului i se va dechide o pagina la nimereala(random).
Mergi la Aspect>>Elemente de pagina>>Adauga un obiect gadget>>selecteaza HTML/Javascript si introdu codul de mai jos:
<div id="Clic pentru mai multe posturi"></div> <script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Are ya feeling lucky, punk?'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script><noscript><a href="http://ajutorblogger.blogspot.com" target="_blank">Blogger Hacks</a></noscript>

Widger:Popular Post-Blogger

Publicat de Cruciu Petre On 21:58 0 comentarii
Acest widget este foarte bun pentru cei care doresc sa isi afiseze cele mai populare articole sau posturi,pe baza numarului de comentarii avute la acel post.
Widgetul este usor de instalat,deoarece trebuie sa adaugi doar un scurt java script!!!

Acum,instalarea:

Merigi la Aspect>>Adauga obiect gadget>>Html/Javascript si introdu codul de mai jos:


<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=1a1c6e4e6d4f148e3650fda46910e15f&url=http%3A%2F%2Fajutorblogger.blogspot.com&num=10" type="text/javascript"></script>
<noscript><a href="http://ajutorblogger.blogspot.com" target="_blank">Blogger Hacks</a></noscript>
Schimba adresa in rosu cu adresa ta ,iar numarul in verde reprezinta cate posturi vrei sa iti arate pe sidebar

Blogger Template-SCARLETT

Publicat de Cruciu Petre On 14:55 3 comentarii
Pe AjutorBlogger veti gasi cele mai noi si cele mai bune Sabloane pentru platforma Blogger.
Am decis sa nu postez Sabloane vechi sau cu erori,ci doar sabloane Gold sau Silver perfect optimizate si usor de folosit.

Un sablon care mi-a atras rapid atentia este SCARLETT.
CONTINUT :
1.Tema blogger(template) premium
2.Meniu de navigare full java script pentru o navigare placuta
3.Slide customizabil cu imagini
4.Loc pentru banner 125x125
5. Trei locuri pentru plasarea ideala a anunturilor adsense: 728x15 link unit pe pagina principala,468x60 langa titlu si 300x250 langa posturi.
6.Spatiu special pentru Tag-uri, Featured Video si Posturi Populare
7.Trei bari laterale customizabile
8.Read More setat automat
9.Sablonul a fost optimizat pentru toate browsere-le:
   a)Toate variantele de Internet Explorer(de la 6 in sus)
   b)Toate variantele de Firefox(del a 2.0 in sus)
   c)Toate variantele de Opera(de la 9 in sus)

Ghid de folosire:

1.Schimbarea Headerului(imaginea in care scrie SCARLET)
Dimensiunea imaginii este de 202 px lungime si 35px latime,pentru a incarca imaginea ta intra la ASPECT>>Editare HTML si cauta asta:

http://2.bp.blogspot.com/_xfdD6S9fOk4/SdlaB-KbXOI/AAAAAAAAAnc/M7XGhmhf-Ls/s1600/logo.jpg
Acum modifica aceasta adresa cu adresa imaginii tale.

2.Schimba titlul Tag-ul de navigare
Mergi la Aspect>>Editare HTML si cauta asta:
<li class='rec'><a href=' #popular'> RECENT </a></li>
 Sub acest cod vei gasi:
<li class='rec'><a href=' #popular'> RECENT </a></li>
<li class='fea'><a href='#tags'> TAGS CLOUD </a></li>
<li class='pop'><a href='#recent'> LABEL </a></li>
Modifica cuvintele Recent,Tags Cloud,Label cu cuvintele tale.Salveaza si previzualizeaza.

3. Editarea Meniului (click AICI)
4.Crearea unui slide de imagini (Click AICI)
5.Adaugarea unui TAG NAVIGATION (Click AICI)
6.Posturi aleatorii animate (Click AICI)

Widget-Crearea unui meniu lateral-Blogger

Publicat de Cruciu Petre On 18:39 0 comentarii
Meniurile laterale sunt foarte folositoare,mai ales daca vrei ca cititorii tai sa poata naviga si urmari,cat mai multe pagini ale blogului tau.
In cele ce urmeaza,o sa va prezint un meniu lateral creat in java script foarte folositor pentru bloggeri.
Din nou,principala functie a acestui widget,ca si cel cu Ad Bannerul Rotitor este economisirea de spatiu.
Spatiul este pretios si nu trebuie umplut cu cine stie ce,alte chesti nefolositoare.
Meniul va arata ca cel din poza de mai jos:

Pentru inceput download-ati acest fisier in calculatorul dumneavoastra:
ssmItems.js

Acum,deschide-ti    ssmItems  cu notepad,dupa ce il veti deschide veti vedea codul scris mai jos:

<!--

/*
Configure menu styles below
NOTE: To edit the link colors, go to the STYLE tags and edit the ssm2Items colors
*/
YOffset=150; // no quotes!!
XOffset=0;
staticYOffset=30; // no quotes!!
slideSpeed=20 // no quotes!!
waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
menuBGColor="black";
menuIsStatic="yes"; //this sets whether menu should stay static on the screen
menuWidth=150; // Must be a multiple of 10! no quotes!!
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="white";
hdrBGColor="#170088";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="white";
linkOverBGColor="#FFFF99";
linkTarget="_top";
linkAlign="Left";
barBGColor="#444444";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="white";
barVAlign="center";
barWidth=20; // no quotes!!
barText="SIDE MENU"; // <IMG> tag supported. Put exact html for an image to show.

///////////////////////////

// ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
ssmItems[0]=["MENU"] //create header
ssmItems[1]=["Home", "http://ajutorblogger.blogspot.com", ""]
ssmItems[2]=["Blogger Widgets", "http://ajutorblogger.blogspot.com/search/label/widget",""]
ssmItems[3]=["Blogger Hacks", "http://ajutorblogger.blogspot.com/search/label/blogger-hack", ""]
ssmItems[4]=["Blogger Tutorials", "http://ajutorblogger.blogspot.com/search/label/Tutorial-blogger", "_new"]
ssmItems[5]=["Grab This Menu Here", "http://ajutorblogger.blogspot.com/", ""]
ssmItems[6]=["Contact", "http://ajutorblogger.blogspot.com/2009/05/descrierea-sitului.html", ""]

ssmItems[7]=["FAQ", "#nogo", "", 1, "no"] //create two column row
ssmItems[8]=["Email", "#nogo", "",1]

ssmItems[9]=["External Links", "", ""] //create header
ssmItems[10]=["Online Jobs", "http://ajutorblogger.blogspot.com/search/label/blogger-tips", ""]
ssmItems[11]=["Funny Blog", "http://ajutorblogger.blogspot.com/2009/05/widget-creare-ad-banner-rotitor.html", ""]
ssmItems[12]=["Earn Money", "http://ajutorblogger.blogspot.com/2009/05/widgetstatistici-blog-blogger.html", ""]

buildMenu();

//-->
Acum,doar editeaza link-urile in rosu,punandu-le pe ale tale in schimb,iar in locul textului cu albastru scrie ce vrei sa iti afiseze pentru acele link-uri.
Dupa ce ai editat,salveaza fisierul.Ai grija sa uploadezi ssmItems.js pe un alt server dupa ce l-ai editat...eu va recomand http://www.gigafilehost.net.


Acum mergi la:
Aspect>>Editare HTML si cauta tag-ul </head> ,imediat sub el pune urmatorul cod:

<style type="text/css">
<!--
A.ssmItems:link {color:black;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:black;text-decoration:none;}
//-->
</style>


<SCRIPT SRC="http://www.gigafilehost.net/files/167/ssm.js" language="JavaScript1.2">
//Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/)
//Updated July 8th, 03' for doctype bug
//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com
</SCRIPT>
<SCRIPT SRC="http://www.gigafilehost.net/files/167/ssmItems.js" language="JavaScript1.2"></SCRIPT>




Link-ul in rosu schimbati-l cu link-ul rezultat in urma upload-ului fisierului ssmItems.js.
Acum salvati si GATA,ati facut un minunat Meniu Lateral Full Java Script si Full Profesional.
| edit post

Widget-Creare Ad Banner Rotitor

Publicat de Cruciu Petre On 18:02 1 comentarii
Sa presupunem ca aveti un blog mare.Cand spun mare,ma gandesc la cateva mii de vizitatori pe zi.
Sa presupunem din nou ca adviserii se bat intre ei ca sa isi posteze bannere la tine pe blog...
Tu ce faci?Spatiul este limitat si nu iti ajunge pentru toti,astfel o sa pierzi niste bani.
Ajutor Blogger iti prezinta alternativa...
Crearea unui widget care sa iti afiseze pe rand toate bannerele in spatiul pe care l-ar ocupa numai unui.
Nu intelegi ce vreau sa spun...?Citeste in continuare si te vei lamuri!!!

Urmeaza urmatorii pasi:
Aspect>>Adauga un element gadget>>HTML/JAVASCRIPT
In fereastra aparuta,adauga urmatorul cod:


<script type="text/javascript">
var imgs1 = new Array("http://www.gigafilehost.net/files/167/reclama-ta.PNG","https://www.sfimg.com/Images/Banners/Banner12.gif","https://www.sfimg.com/Images/Banners/Banner13.gif","http://www.gigafilehost.net/files/167/Untitled-2.gif");
var lnks1 = new Array("http://games-database.blogspot.com/","http://ajutorblogger.blogspot.com","http://google.ro","http://ajutorblogger.blogspot.com","http://games-database.blogspot.com/");
var alt1 = new Array();
var currentAd1 = 0;
var imgCt1 = 5;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",9000);
</script>
<a id="adLink1" href="http://anshuldudeja.blogspot.com" target="_blank">
<img id="adBanner1" border="0" width="125" src="http://anshuldudeja55.googlepages.com/anshuldudeja.com.png" height="125"/></a>

INSTALAREA:
1.Link-urile in rosu reprezinta adresa url a imaginilor banerelor
2.Link-urile in verde reprezinta  adresele carora adviserii vor sa le faca reclama
3. var imgCt1 = 5 in maro reprezinta numarul de imagini pe care vrei sa il areti in widget
4.window.setInterval("cycle1()",9000); in portocaliu este timpul de schimbare al bannerelor...il poti seta dupa nevoie.
5.Lungimea si latimea bannerelor este setata la 125,poti de asemeanea sa o modifici 

Sper sa puteti acum sa afisati toate bannerele sponsorilor. 
 
                                                  Petre Cruciu

Blogger-Hack:Posturi expandabile/Read more

Publicat de Cruciu Petre On 21:21 4 comentarii
Posturi expandabile/read more (aratarea doar a unor anumite parti a posturilor) au fost disponibile mult timp doar pe platforma wordpress,dar acum sunt disponibile si usor de utilizat si pe blogger .
Posturile expandabile/read more pot fi adaugate foarte usor.
Haidati sa incepem instalarea:
Mergeti la Aspect>>Editare HTML>>acum selectati Extindeti Sabloanele Control

Pentru READ MORE:
Cautati in codul sablonului tagu-ul </head> si lipiti imediat dupa el urmatorul cod:

<!-- JavaScript Posts Summaries -->
<script language='javascript' src='http://www.sigmirror.com/files/16723_kc9lz/jquery-1.2.3.pack.js' type='text/javascript'/>
<script language='javascript' src='http://www.sigmirror.com/files/16722_nbdvm/jquery.extractor.js' type='text/javascript'/>

<script type='text/javascript'>
$(document).ready(function() {

$(&#39;.excerpt&#39;).expander({
slicePoint: 450, // default is 100
expandEffect: &#39;fadeIn&#39;,
expandText: &#39;[...]&#39;, // default is &#39;read more...&#39;
userCollapseText: &#39;[^]&#39; // default is &#39;[collapse expanded text]&#39;
});

});
</script>
<!-- End JavaScript Posts Summaries -->

Acum cautati acesta parte de cod(sau ceva similar) in sablonul vostru:

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>



Inlocuiti codul in verde cu cel de mai jos:
<b:if cond='data:blog.pageType != "item"'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<a expr:href="data:post.url">Read More..</a>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>


 
Acum dati previzualizare si vedeti link-ul de Read More sub fiecare post,ca in imaginea de mai jos:


Daca nu va place hack-ul cu Read more si vreti ca posturile sa va devina expandabile urmariti instructiunile:
La inceputul hack-ului a-ti adaugat un cod java script imediat dupa tag-ul  </head>,acum,cautati aceasta parte din cod:

<script language='javascript' src='http://www.sigmirror.com/files/16722_nbdvm/jquery.extractor.js' type='text/javascript'/> 

si inlocuiti-o cu acest cod:

<script language='javascript' src='http://www.sigmirror.com/files/16742_fgkbf/jquery.expander.js' type='text/javascript'/>

Acum cautati codul de mai jos si stergeti ceea ce este colorat cu rosu
<b:if cond='data:blog.pageType != "item"'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<a expr:href="data:post.url">Read More..</a>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>
 
Acum salvati si vizualizati-va blogul,posturile vor arata ca in imaginea de mai jos:

Acum puteti vedea tot postul fara ca sa mai fiti nevoiti sa vizitati la o alta pagina!!!

Sper sa va Placa!!!

Widget:Drop Menu-Blogger

Publicat de Cruciu Petre On 15:25 3 comentarii
O gramada de oameni m-au intrebat cum ar putea sa creeze un meniu "rabatabil" astfel incat acesta sa ocupe putin spatiu pe blog...le-am explicat,dar sincer, am cam obosit sa tot spun aceleas cuvinte de 100 de ori.
Astfel,m-am gandit sa fac un tutorial.Ce este un drop down menu?
Este un meniu "rabatabil" care contine link-uri catre diferite pagini,cand dai clic pe ele,acestea se deschid sub forma unei noi ferestri.Ca in demo-ul de mai jos.


Cum sa facem aces meniu?
Aspect>>Adauga un element gadget>>HTML /JAVASCRIPT
Adauga urmatorul cod si salveaza:
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
size=1 name=menu>

<option>- Titlul Tau - </option>

<!-- pune link-urile tale -->

<option value="http://linkul tau.com">Titlul 1</option>

<option value="http://linkul tau.com">Titlul 2</option>

<option value="http://linkul tau.com">Titlul 3</option>

<option value="http://ajutorblogger.blogspot.com">blogger widget</option>

</select></form>

Schimba link-urile si textul in rosu cu cele dorite de tine!!!
Poti sa adaugi mai multe elemente in meniu daca adaugi mai multe parti de cod ca acesta:
<option value="http://linkul tau.com">Titlul 1</option>
Acest tutorial te va invata cum sa adaugi anunturi adsense sub forma unor unit link-uri chiar sub descrierea sitului/blogului tau.
Aceasta metoda este foarte folositoare pentru cresterea CTR-ului tau la Adsense,astfel incat iti va aduce mai multe clicuri.

Deci,cum sa adaugam aceste anunturi?
1.Logheaza-te in contul tau blogger
2.Mergi la Aspect
3.Apoi selecteaza Editare HTML
4.Selectati Extindeti sabloanele de control
5.Cautati codul de mai jos

<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>


Acum adaugati codul adsense imediat dupa acest cod rosu.
Anunturile vor arata asa:

Atat pentru azi!!!


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

Asadar,urmati instructiunile:

Mergeti la Aspect>>>Editare Html>>>Ctrl+F

Cautati acest tag: <title><data:blog.pagetitle/></title>
Inlocuiti acest tag,cu codul de mai jos:
<b:if cond='data:blog.pageType == &quot;item&quot;'> <title> <data:blog.pageName/> | <data:blog.title/> </title> <b:else/> <b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if> </b:if>
 
Atat doar,acum asteptati urmatoare indexare google si o sa vedeti rezultatul!!!

Blogger Template-Dark Mistry

Publicat de Cruciu Petre On 20:03 0 comentarii
Pe AjutorBlogger veti gasi cele mai noi si cele mai bune Sabloane pentru platforma Blogger.
Am decis sa nu postez Sabloane vechi sau cu erori,ci doar sabloane Gold sau Silver perfect optimizate si usor de folosit.

Un sablon care mi-a atras rapid atentia este Dark Mistry.

DOWNLOAD

PREVIEW

Deocamdata nu ofer suport pentru sablon,dar daca intampinati probleme cu instalarea,nu ezitati sa ma contactati.

Crearea unui slide de imagini

Publicat de Cruciu Petre On 14:30 0 comentarii
Slidul de imagini este un fel de link,la care i se adauga niste imagini in miniatura.Marimea imaginilor este de 200px lungime si 100px latime.

Cum sa adaugi continut in slide:
<div class="panel">

<a href="POST-LINK-HERE"
rel="bookmark" title="Link to TITLE"><img style="width
height:100px" src="IMAGE-SOURCE-ADDRESS-HERE"
alt=""/></a>

<h2><a href="POST-LINK-HERE"
rel="bookmark" title="Link to TITLE">POST
TITLE</a></h2>

</div>
 Schimba Cuvintele:
  • POST-LINK-HERE-cu adresa postului tau
  • IMAGE-SOURCE-ADDRESS-HERE-cu adresa imaginii tale
  • TITLE-numele titlului cu o scurta descriere,cand cursorul va trece peste imagine,v-a aparea descrierea
  • POST TITLE-Titlul Postului
 Daca vrei sa creezi mai multe poze cu link-uri doar copiaza codul de mai sus si modifica-l dupa bunul plac.


Dupa ce ai modificat codul:
  1. Mergi la Aspect
  2. Elemente de pagina
  3. Adauga un obiect gadget
  4.  Selecteaza EDIT
  5. Copiaza codul tau si salveaza


Exemplu de cod pe care il poti adauga:
<div class="panel">
<img style="width:200px; height:100px" src=" http://4.bp.blogspot.com/_xfdD6S9fOk4/SdpuAr2JThI/AAAAAAAAAqM/MwIh5Xqlpzs/s1600/ZZGAMBAR01_Sun.jpg" alt=""/>
<h2><a href="http://www.cahayabiru.com/" rel="bookmark" title="Link to SUN">SUN </a></h2>
</div>

<div class="panel">
<img style="width:200px; height:100px" src="http://2.bp.blogspot.com/_xfdD6S9fOk4/SdpuAk8bCyI/AAAAAAAAAqU/SO8OJ48miGg/s1600/ZZGAMBAR02_Mercury.jpg" alt=""/>
<h2><a href="http://www.cahayabiru.com/" rel="bookmark" title="Link to MERCURY"> MERCURY </a></h2>
</div>

<div class="panel">
<img style="width:200px; height:100px" src=" http://4.bp.blogspot.com/_xfdD6S9fOk4/SdpuAl7FCsI/AAAAAAAAAqc/wQUqM3qmctU/s1600/ZZGAMBAR03_Venus.jpg" alt=""/>
<h2><a href="http://www.cahayabiru.com/" rel="bookmark" title="Link to VENUS"> VENUS </a></h2>
</div>

<div class="panel">
<img style="width:200px; height:100px" src=" http://1.bp.blogspot.com/_xfdD6S9fOk4/SdpuA3WtKRI/AAAAAAAAAqk/gUi_-Q88Fqc/s1600/ZZGAMBAR04_Earth.jpg" alt=""/>
<h2><a href="http://ajutorblogger.blogspot.com//" rel="bookmark" title="Link to EARTH"> EARTH </a></h2>
</div>

<div class="panel">
<img style="width:200px; height:100px" src=" http://2.bp.blogspot.com/_xfdD6S9fOk4/SdpuA5BqVWI/AAAAAAAAAqs/njBtRLffEhI/s1600/ZZGAMBAR05_Moon.jpg" alt=""/>
<h2><a href="http://ajutorblogger.blogspot.com/" rel="bookmark" title="Link to MOON">MOON</a></h2>
</div>

<div class="panel">
<img style="width:200px; height:100px" src=" http://2.bp.blogspot.com/_xfdD6S9fOk4/SdpuFUlQx3I/AAAAAAAAAq0/P2Bio0lpiE4/s1600/ZZGAMBAR06_Mars.jpg" alt=""/>
<h2><a href="http://ajutorblogger.blogspot.com/" rel="bookmark" title="Link to MARS">MARS </a></h2>
</div> 

| edit post

Editarea Meniului

Publicat de Cruciu Petre On 14:12 1 comentarii
Exista 2 feluri de meniuri:
      1.Fox Menu
      2.Meniu de categori

Am setat adaugarea meniului la Adaugati un  obiect gadget,ca sa nu mai fiti nevoiti sa edtiati codul HTML .Sper ca va va placea acesta setare.

Mai jos o sa va explic cum sa adaugati continut meniului:

Pentru meniul FOX

Este usor sa adaugati continut pentru acest meniu,mai jos aveti codul HTML pentru meniul FOX:

<li><a href="YOUR-LINK-LOCATION-HERE">About Me</a></li>
<li><a href="YOUR-LINK-LOCATION-HERE">Contact</a></li>
<li><a href="YOUR-LINK-LOCATION-HERE">Titlul Tau</a></li>
<!-- You could add more list by copy-paste the green text-->
 Schimbati cuvintele doar:
  • YOUR LINK ADDRESS-cu propria ta adresa
  • YOUR-TITLE-cu propriul tau titlu
Meniul de categori
Cum sa faci un meniu gen PARINTE-COPIL

Meniul Parinte este ca un fel de meniu de grup,care de asemeanea are sub-grupuri,in timp ce copilul este un link care te directioneaza spre o pagina oarecare a blogului tau.

Compozitia HTML:
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a>
<ul class='children'>
<li><a href='CHILDREN-LINK-ADDRESS'>CHILDREN TITLE</a></li>
<li><a href='CHILDREN-LINK-ADDRESS'>CHILDREN TITLE</a></li>
<li><a href='CHILDREN-LINK-ADDRESS'>CHILDREN TITLE</a></li>
<li><a href='CHILDREN-LINK-ADDRESS'>CHILDREN TITLE</a></li>
<!-- You could add more list by copy-paste the green text-->
</ul>
</li>
Schimba Cuvintele:
  • PARENT-LINK-ADDRESS-cu adresa categoriei/label proprie
  • PARENT TITLE-cu propriul tau titlu
  • CHILDREN-LINK-ADDRESS-cu adresa postului tau
  • CHILDREN TITLE-cu titlul sub-meniului tau
Cum sa creezi un sub meniu:
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a>
<ul class='children'>
<li><a href='CHILDREN-LINK-ADDRESS'>CHILDREN TITLE</a></li>
<li><a href='CHILDREN-LINK-ADDRESS'>CHILDREN TITLE</a></li>
<li><a href='CHILDREN-LINK-ADDRESS'>CHILDREN TITLE</a></li>

<li><a href='SUB-PARENT-LINK-ADDRESS'>SUB PARENT TITLE</a>
<ul class='children'>
<li><a href='CHILDREN-LINK-ADDRESS'>CHILDREN TITLE</a></li>
<li><a href='CHILDREN-LINK-ADDRESS'>CHILDREN TITLE</a></li>
<li><a href='CHILDREN-LINK-ADDRESS'>CHILDREN TITLE</a></li>
<li><a href='CHILDREN-LINK-ADDRESS'>CHILDREN TITLE</a></li>
<!-- You could add more list by copy-paste the green text in here -->
</ul>
</li>
<!-- You could add more list by copy-paste here -->

<li><a href='SUB-PARENT-LINK-ADDRESS'>SUB PARENT TITLE</a>
<ul class='children'>
<li><a href='CHILDREN-LINK-ADDRESS'>CHILDREN TITLE</a></li>
<li><a href='CHILDREN-LINK-ADDRESS'>CHILDREN TITLE</a></li>
<li><a href='CHILDREN-LINK-ADDRESS'>CHILDREN TITLE</a></li>
<li><a href='CHILDREN-LINK-ADDRESS'>CHILDREN TITLE</a></li>
<!-- You could add more list by copy-paste the green text-->
</ul>
</li>
<!-- You could add more list by copy-paste in here -->

</ul>
</li>

Schimba Cuvintele:
  • PARENT-LINK-ADDRESS-cu adresa categoriei/label proprie
  • SUB-PARENT-LINK-ADDRESS-cu adresa sub-categoriei
  • PARENT TITLE-cu titlul tau
  • CHILDREN-LINK-ADDRESS-cu adresa specifica a postului tau
  • CHILDREN TITLE-cu titlul sub-meniului
| edit post

Widget:Statistici Blog-Blogger

Publicat de Cruciu Petre On 12:58 3 comentarii
Acest widget  are rolul de a arata pe blog numarul de posturi si numarul de comentarii.
Bloggeri care au mii de comentarii si posturi,sigur vor indragi acest widget,deoarece acesta tine o evidenta clara a continutului blogului lor.

Pentru a adauga acest widget pe blogul tau,urmeaza instructiunile:
Logheaza-te in contul tau blogger>selecteaza Aspect>Adauga un obiect Gadget> HTML/JAVASCRIPT>in fereastra deschisa adauga urmatorul cod:

<script style="text/javascript">

function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}

function numberOfComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}

</script>

<ul><li><script src="http://ajutorblogger.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>

<li><script src="http://ajutorblogger.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>
<noscript><a href="http://anshuldudeja.blogspot.com" target="_blank">Blogger Hacks</a></noscript>
Schimba doar adresa in rosu cu adresa ta proprie,si gata...vei avea o statistica clara a posturilor si a comentarilor prezente pe blogul tau.
O problema cu care se confrunta blogeri zilelor noastre este faptul ca teamplate-urile lor nu sunt compatibile cu toate browserele,astfel apar probleme cand vizitatorii navigheaza cu Internet Explorer 6,Opera,Safari,Internet Explorer 7 etc.
Web-designerii creaza sabloane blogger(teamplates) folosind doar un browser(Firefox).Probabil ei nu isi dau seama sau nu vor sa isi dea seama ca,codul css folosit de ei nu se potriveste sau nu este compatibil cu toate browserele care activeaza in prezent.Incompatibilitatile apar mai ales la Internet Explorer 6.
Asadar,in acest post,va voi spune cum sa creati un cod CSS care sa fie compatibil cu toate browserele amintite mai sus.
Pentru inceput,aveti nevoie de 2 browsere,eu am ales Internet Explorer 6 si FireFox 3.
Pentru inceput,haidati sa vedem daca blogul tau este compatibil cu toate browserele.
Pentru asta,va rog vizitati acest site Browser Screen shots.
Introduceti URL-ul sitului vostru si vedeti pozele,care va vor arata felul in care arata situl incarcat pe diferite browsere.


Pasul 2.Daca vedeti vreo incompatibilitate,veti fi nevoiti sa va modificati codul CSS.
Haidati sa vedem un exemplu:


Codul CSS pe care il vom utiliza este:
#example {
float : left;
width : 170px;
margin-left : 5px;
}
Acum,vom presupune ca blogul nostru nu este compatibil cu Internet Explorer versiunea X.
Trebuie sa modificam codul de mai sus,astfel:
#example {
float : left;
width : 170px;
margin-left : 5px;
}
#example {
float : left;
width : 185px;
margin-left : 3px;
}
Primul cod CSS este optimizat pentru Internet Explorer,iar al doilea pentru celelalte browsere:Firefox,Opera,Dildo etc

Pentru a realiza compatibilitatea codului de mai sus(proaspat modificat) trebuie sa ii mai aducem cateva retusuri,folosind metoda child selector command.Nu va voi vorbi despre aceasta metoda ca sa nu va induc in eroare.Modificati codul de mai sus,astfel:
#example {
float : left;
width : 170px;
margin-left : 5px;
}
html > body #example {
width : 185px;
margin-left : 3px;
}
Ceea ce am colorat in verde reprezinta compatiblitatea cu IE,iar ceea ce este cu rosu reprezinta compatibilitatea cu celelalte browsere.
       

Widget:Star Rating pentru posturi-Blogger

Publicat de Cruciu Petre On 23:13 0 comentarii
Daca vrei sa vezi cat de mult le-a placut cititorilor un anumit post,trebuie neaparat sa adaugi acest widget.
Adaugarea acestui widget se face foarte usor.Tot ce trebuie sa faci este sa te loghezi in contul tau.
Pentru ca widgetul sa fie disponibil trebuie sa te loghezi de la adresa draft.blogger.com, varianta mai modernizata de blogger,pe care sunt sigur ca deja ai descoperit-o.

Acum urmeaza aceasta cale:

Aspect > Elemente de Pagina>Editati Postari de Blog>Afisati Evaluarile>Salveaza

Acum vizualizeaza blogul si vei vedea modelul de rating sub fiecare post.

Daca esti umpic mai experimentat in editarea Html a blogului tau,iti voi arata o alta metoda de rating,putin mai rafinata.
Urmeaza aceasta cale:
Aspect>Editare Html>Ctrl+F

Acum cauta <data:post.body />
Imediat dupa aceasta linie verde,adauga urmatorul cod:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>
</b:if>
</span>
</b:if>


 
Acum cauta aceasta linie: <b:include name='nextprev'/> 
Adauga sub aceasta linie codul urmator:

<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1");
function initialize() {
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

Acum salveaza-ti sablonul si daca nu gaseste nici o eroare vizualizeaza-l.
Un superb widget pentru rating,va aparea sub fiecare post.

Tools:Verifica daca google ti-a dat ban

Publicat de Cruciu Petre On 18:37 1 comentarii
Navigand pe internet dupa noi chesti pe care sa le adaug pe blog,am gasit un tool foarte util pentru cei care cred ca au fost bann-ati.
Tool-ul il gasiti Aici si este foarte util celor care vor sa verifice daca si-au terminat socotelile cu google.
Situl verifica atat daca ati luat ban la Adsense cat si daca ai luat ban de la indexarile botului Google.
Daca totul este ok situl iti arata pe deasupra si cate pagini iti sunt indexate de catre GoogleBot.
Tare...nu???

Widget:Recent Posts-Blogger

Publicat de Cruciu Petre On 18:17 0 comentarii
Google iti pune la dispozitie un widget care iti permite sa afisezi nu mai mult de 5 posturi recente,dupa parearea mea foarte putin,de aceea iti voi arata mai jos un widget care are capacitatea sa iti afiseze cate posturi recente vrei tu.
Selectezi Aspect,apoi Elemente de pagina si apoi selectezi Adaugati un obiect gadget(HTML/JAVASCRIPT).

Acum introdu codul de mai jos:
<script src="http://www.sigmirror.com/files/16743_ebb4d/recent-posts.js"></script>

<script>

var numposts = 12;

var showpostdate = false;

var showpostsummary = false;

var numchars = 100;

</script>

<h2>RECENT POSTS</h2>

<script src="http://yourblogname.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>
<noscript><a href="http://ajutorblogger.blogspot.com/" target="_blank">Blogger Hacks</a></noscript>
Scriptul in rosu de sus puteti sa il upload-ati altundeva,ca sa nu aveti probleme cu incarcarea acestuia.
Acolo unde scrie yourblogname puneti adresa blogului vostru,iar la var numposts = 12; alegeti cate posturi vreti sa  apara in widget.

Tutorial:Cum instalam un template blogger

Publicat de Cruciu Petre On 14:19 2 comentarii
Cum instalam:
1. Descarca arhiva .zip care contine tema dorita!

2. Realizeaza Backup la vechiul template
3. Dezarhiveaza pe computerul tau fisierul .zip descarcat

4. Incarca (upload) fisierul .xml de pe computerul tau
Dupa selectarea fisierului, pentru confirmare dati click pe butonul:
 
Daca intre timp v-ati razgandit sa schimbati template-ul, click pe butonul: 
5. Viziteaaza blogul tau pentru a vedea noul design!
 
Dupa instalarea temei dorite, urmeaza sa moderati widget-urile, deoarece e posibil ca in timpul schimbarii template-ului sa se fi pierdut unele dintre ele.
 
 

Parteneriat

Publicat de Cruciu Petre On 14:03 14 comentarii
           Creat sa ajute noii Blogeri,AjutorBlogger va invita sa il sustineti pe web.
Tot ceea ce veti gasi pe acest Blog va va ajuta in acumularea de experienta si in dezvoltarea propriilor voastre Bloguri,totul pe gratis.Experienta mea este impartita cu voi.Pe langa asta veti putea sa va impartasiti ideile,succesele,nelamuririle tot aici,iar eu va voi raspunde,va voi sustine si va voi sfatui.
          Tot ceea ce cer in schimb este recunostinta voastra...si un link exchange.
Schimbul de link este foarte folositor,de aceea sper ca daca ati fost ajutat ce ceea ce am scris pe acest site,sa puneti un link catre AjutorBlogger si sa lasati un mesaj mai jos ca sa pot si eu sa va adaug in lista mea.
                                                                   Multumesc!!!
                                                   Editor
                                                        PetreCruciu
| edit post

Blogger Template:Magasin Cuatro -premium

Publicat de Cruciu Petre On 13:49 0 comentarii
Pe AjutorBlogger veti gasi cele mai noi si cele mai bune Sabloane pentru platforma Blogger.
Am decis sa nu postez Sabloane vechi sau cu erori,ci doar sabloane Gold sau Silver perfect optimizate si usor de folosit.

Un sablon care mi-a atras rapid atentia este Magasin Cuatro.

DOWNLOAD

PREVIEW

Imi pare rau ca nu am apucat sa fac un tutorial de folosire,pentru ca am avut de aface cu acest blog si il cunosc foarte bine.
Va Urma!!!



Template name: Magasin Cuatro
Template Author: Padd IT Solutions
Template Converter: Falcon Hive
Compatible BSP: Blogger
Best Viewed Browser: IE 8, Firefox RC3, Opera 9.6, Google Chrome 0.3.154.9, Safari 4 Public Beta
Column: 3
Feature included:
Unique magazine style design
728×15, 468×60, 160×600 Ads gadget
Navigation Menu
Twitter update section
Email Subscription button
125×125 Ads gadget
Flickr section

Tutorial:Cum sa Folosesti RSS(Blogger)

Publicat de Cruciu Petre On 13:30 0 comentarii
Primul lucru pe care vrei sa il faci cand iti creezi un site este sa le oferi cititorilor tai cat mai rapid,cele mai noi noutati aparute pe site.
Pentru acest lucru ai nevoie de un RSS Reader.
Pe marele Web exista o multime de Feed Readers cu o multime de abordari si de caracteristici,oricum o modalitate buna de a incepe interactionarea cu aceaste "Cititoare" este folosirea unora gratis si usor de utilizat.
Preferatul meu este Google Reader,dar cum am mai spus,exista o varietate imensa din care puteti alege.
Sfatul meu este sa va orientati asupra celor care nu necesita multe setari .
Majoritatea "Cititoarelor Feed"( Feed Reader) actioneaza ca niste email-uri.Cand subscri la un site vei observa ca iti vor aparea niste titluri ingrosate(marcate ca necitite).Daca dai clic pe ele vei vedea cele mai noi update-uri ale sitului preferat chiar in Rss reader,fara a mai fi nevoit sa vizitezi situl in prealabil.
Cea mai usoara metoda de a invata cum functioneaza un Feed Reader este de a o incerca singuri.
Folositi Google Reader sau Bloglines si subscrieti la un site preferat(chiar situl meu) si veti vedea cum functioneaza si veti intelege modul de folosire.

Blogger-Hack:Ascunderea barei de navigare

Publicat de Cruciu Petre On 13:07 3 comentarii
Unele teamplates blogger mai vechi au activate bara de navigare.
Acum sa fiu sincer,daca exista ceva mai inestetic pe blogger ca aceea bara eu o s-o iau la "sanatoasa".
Pentru a ascunde aceea bara:

Trebuie sa te loghezi in contul tau Blogger:
Apoi selectezi Aspect si pe urma dai clic pe Editare html
Foloseste tastele Ctrl+F pentru a cauta tagul body { ,dupa ce l-ai gasit copiaza imediat dupa el urmatorul cod html:


#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}


Widget:Crearea unui Scroll Bar (Blogger)

Publicat de Cruciu Petre On 22:12 0 comentarii
Wdiget-ul pentru Scroll Bar poate fi adaugat in bara laterala in cazul in care vreti sa introduceti un text lung sau sa va adaugati categoriile care de asemeanea sunt prea lungi.Aceasta bara laterala este foarte folositoare daca ai multe categorii(labels) sau multe posturi intr-un spatiu restrans sau limitat.

Pasii pentru adaugarea Widgetu-lui:
Intati in contul blogger,selectati aspect, apoi elemente de pagina si selectati:adaugati un obiect gadget.
In fereastra nou aparuta introduceti urmatorul cod:
<div class="widget-content">
<ul style="height:150px;width:150px; overflow:auto; ">


<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li><span style="font-weight:bold;"></span>

</ul></div></blockquote>

Rezultatul va fi ca aici:










Ceea ce apare cu rosu,reprezinta marimea ScrollBar-ului,marime pe care voi o veti alege alegeti.

Descrierea Sitului

Publicat de Cruciu Petre On 20:15 1 comentarii
                       In ultimul timp,o puzderie de "bloggeri" si-au inceput activitatea pe internet.
Actionand doar pe o anumita nisa sau abordand subiecte diverse,blogerii din Romania,indemnati de mirajul faimei pe care o poate aduce un Blog(sau ori care alt site web) au umplut web-ul cu un mare "NIMIC".Nimic pe care il intalnesc des,Nimic care ma irita si ma face sa fiu cat se poate de pesimist asupra viitorului online romanesc...Dar...
Nu am venit aici sa critic pe cineva sau sa critic vre-un sistem(de asta se ocupa altii)...am venit cu scopul sa AJUT.
                    Situl vine in ajutorul celor neinitiati in acest domeniu.El vine ca o gura de aer proaspata...sau mai epic vorbind ca un sut in fund salvator care sa propulseze tinerii blogeri spre "FAIMA".
 Daca ma credeti...la inceputurile mele ca Blogger...de asta aveam nevoie cel mai mult: un sut in fund si un loc in care sa invat sa fiu profesionist.Aveam nevoie de sfaturi,de pareri,de idei...aveam nevoie de Ajutor.
Asta isi propune acest Site ,sa ajute,atat pe cei care au nevoie cat si pe cei care doar doresc doar sa isi imbunatateasca experienta pe web.
Sper sa colaboram bine!!!


                                                    Editorul sitului
                                                           Petre Cruciu
| edit post

Linkuri Utile

Publicat de Cruciu Petre On 14:07 1 comentarii
Aici vor aparea sustinatorii Ajutor Blog impreuna cu o scurta descriere.
Aceste Situri/Bloguri merita urmarite!!!

Games-Database- un site cu si despre jocuri.Un site interesant pe care sigur il voi urmari!!!
Romanism Comunity daca esti un patriot merita sa vizitezi acest site!!!
Bekali-esti curios..hehe...si eu !!!
Mr.George-seriously...come on!!!
Schimbdelink-un simplu schimb de link
STAR's Blog-  vrei sa vezi cum arata un Star?Just Clic!!!
Romania de astazi, buna, rea sau cum o fi!-titlul spune totul
Filme Noi -Blog de filme noi
AliStar-vrei sa afli stiri interesante?  :-D
Blogu' De Ras-vrei sa razi? Razi aici!!! 
Facultatea de Electrotehnica Blog-titlul spune tot
007m Blog-security articles,funny stuff's etc
Y!M Lover - Skinuri, sunete si sfaturi
Filmotor-Nu sti la ce film sa te uiti? Te sfatuim noi
Video Blog-cred ca sti ce inseamna video blog :-??
Crok's Blog 
Shadow's Glade -un blog cu de toate
Dyio's Blog -stiri despre vedete si nu numai
Analize NeMatematice -eternul feminin
fLn's Blog -“Dragostea cu sila se numeşte VIOL”(nu am putut sa nu-l trec) =))
Ivy-aici gasesti cam orice ;)
Emil CHERICHEȘ
Blogul lui Skykery
Pc Games Requirments-un site intr-adevar dragut,imi place,mai ales ca si eu am lucrat in domeniu
Abstract Shapes Of Life- si aici,titlul spune totul
GamezineTV Station -Streaming all about games!!!
nadolu co-web design, design media, promovare
XEVU.org 
I Rule You Suck-blogul unui hacker



| edit post
      follow me on Twitter

      Enter your email address:

      Delivered by FeedBurner

      http://games-database.blogspot.com http://games-database.blogspot.com http://games-database.blogspot.com http://games-database.blogspot.com

      RECENT POSTS

      Blog Archive