BLOG SAU STORE

Trucul postari asemanatoare sau related links

noreply@blogger.com (MIRELA) — Fri, 12 Jun 2009 11:33:00 +0000

Am primit cateva emailuri in care imi cereti sa va scriu despre integrarea in sablon a scriptului related links sau postari asemanatoare .Pentru cei nefamiliarizati cu acesti termeni, acest cod va genera linkuri catre alte postari scrise de voi,postari mai vechi,incluse intr-o categorie asemanatoare.Primul pas pe care trebuie sa-l faci este sa deschizi sectiunea editati Html si sa adaugati codul urmator:

#similar {
background:#fff333 url(link-imagine-aici) repeat-x scroll 0 0;
margin-top:1px;
margin-left:0px;
margin-bottom:1px;
font-family:Corbel,'Trebuchet MS',Arial;
line-height:1.7em;}

#similar .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;}

#similar .widget h2 {
color:#C9BB96;
font-size :17px;
font-family:Corbel,'Trebuchet MS',Arial;
font-weight :normal;
margin :5px 7px 0;
padding :0 0 5px;}

#similar h2 {background-image:url(link-imagine-aici) ;
background-repeat:no-repeat;
background-color:#bc0707;
color:#FFFFFF;
font-size :18px;
font-family:Corbel,'Trebuchet MS',Arial;
font-weight :normal;
margin :5px 7px 0;
padding : 0 0 0 5px;}

#similar a {
color : #000000;
font-size : 13px;
text-decoration : none;}

#similar a:hover {
color : #BC0707;
text-decoration : none;}

#similar ul {
margin : 9px;
padding : 0;}

#similar ul li {
display : block;
background-image:url(link-imagine-bullet);
background-position:10px 10px;
background-repeat:no-repeat;
margin : 0;
padding:4px 10px 12px 35px;
line-height : 1.9em;
border-bottom:1px dashed #ffffff;}

.Acum salveaza sablonul, redeschide-l,bifeaza casuta expand widget template si treci la pasul 2.Cauta linia

]]></b:skin>

si adauga urmatorul script dupa aceata:

.
Salveaza sablonul si treci la ultimul pas.Cauta linia

si imediat sub ea adauga codul:

<div id='similar'>
<h2>Vezi si alte articole: <div style='display:none;'> <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop></div> </h2>

<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div>

Acum salveaza sablonul si verifica postarile.La acest cod poti schimba culorile,adaptandu-le la designul blogului tau,iar in locul liniilor colorate in rosu,poti adauga link catre o imagine (bullet,background).Daca aveti nelamuriri,lasati-mi un mesaj.

Start edit your Blogger

noreply@blogger.com (MIRELA) — Thu, 12 Mar 2009 16:05:00 +0000

Invata cum sa construiesti rapid un blog pe Blogger Blogspot.Nu necesita nici prea mult timp ,nici pre multe cunostinte in IT.
Daca vrei sa fie unul profesionist,in sensul de a avea si un sablon modern,este absolut obligatoriu sa citesti si celelate articole din acest blog,articole ce iti pun la dispozitie atat informatii referitoare la modalitati de schimbare a sablonului (template) cat si sabloane adaptate platformei Blogger.

Integrate Twitter in blogger

noreply@blogger.com (MIRELA) — Sun, 25 Jan 2009 11:58:00 +0000

CSS Alpha Hover Effect

noreply@blogger.com (MIRELA) — Sun, 25 Jan 2009 11:01:00 +0000

Setting this up is very easy and you can apply this to all image links in blogger.First move your mouse over the images here or here then open your template -edit html section and find this:

img {
border : 0;
}

,or something similar(in the css section),delete and replace it with this:

a img:hover {
filter:alpha(opacity=80); ..-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;
}

That's all so save your template now.The only problem is that it does not validate but works in many modern browsers. If viewed in a browser that does not support the code the image will simply remain the same.U can download Firefox cause its the best browser.The credit for this post goes to Benblogged.com.

Blogger templates 2 columns

noreply@blogger.com (MIRELA) — Sun, 18 Jan 2009 10:46:00 +0000

This blogger templates are
my favorites and are free for blogger
users.Click to see the demo
and author notes.
Enjoy it !

Autor: Falconhive.com
Name: Linetech
Demo and Download here

Autor: Falconhive.com
Name: Simple Jojo
Demo and Download here

Autor: Falconhive.com
Name: Masinop
Demo and Download here

Autor: Falconhive.com
Name: Mahinahon
Demo and Download here

UPDATES SOON

Free Blogger Template Magazine Style

noreply@blogger.com (MIRELA) — Sat, 17 Jan 2009 15:31:00 +0000

1.Green-Press template
Convert to blogger by: Blog-sau-store.blogspot.com
W.Theme Autor: Wordpress.reviewitonline.net

DEMO / DOWNLOAD (soon 2-3 days)

2.Orange-Press Template
Convert to blogger by: Blog-sau-store.blogspot.com
W.Theme Autor: Wordpress.reviewitonline.net

Read this notes:
- change the url of the image, with your own image ;
- find this tag: 'http://www.hablogs.com/demo/wp-content/themes/Orange-Press/js /tabcontent.js' and replace with your own link;
-find all tags like this 'YOUR-LINK-HERE' and replace with your link.
License:
-free to use but u must keep footer intact AS IS.
If u need more support,leave a message.
DEMO / DOWNLOAD template-Orange-press.xml - Hosted on SaveFile.com

3.Autor: Alvaris Falcon/ Falconhive.com

DEMO AND DOWNLOAD

4.Autor: Wordpresstoblogger.com

DEMO AND DOWNLOAD

5.Autor: Themelib.com

DEMO AND DOWNLOAD

6.Autor: Woork,blogspot.com

DEMO AND DOWNLOAD/a>

Autor: Evaneckard.com
Sursa download: Magznetwork.com

DEMO AND DOWNLOAD

DEMO AND DOWNLOAD

DEMO / DOWNLOAD

8.Autor: O-om.com
DEMO AND DOWNLOAD

9.Autor:Gosublogger.com

DEMO AND DOWNLOAD

10.Autor: Bloggerbuster.com

DEMO AND DOWNLOAD

11.Autor: Eblogtemplates.com

DEMO AND DOWNLOAD

12.Autor: Bloggertricks.com

DOWNLOAD / DEMO

13.Autor: Bloggertemplates.itmag.org

DEMO AND DOWNLOAD

14.Autor: Ourblogtemplates.com

DEMO AND DOWNLOAD

15.Autor: Blogtemplate4u.com

DEMO AND DOWNLOAD

16.Autor: Templatesparanovoblogger.blogspot.com

Demo Download

17.Autor: Tempsvc.blogspot.com

DEMO AND DOWNLOAD

18Autor: Usuariocompulsivo.blogspot.com

Download Template Esqueleto Compulsivo Dark
Download Template Esqueleto Compulsivo Albino

19.Autor: Hajunik.com

DOWNLOAD / DEMO

Autor: Prlamnguyen.blogspot.com

Demo / Download

Autor: Dunnodt.blogspot.com

DEMO AND DOWNLOAD

Add social bookmark area-my style

noreply@blogger.com (MIRELA) — Sat, 17 Jan 2009 13:13:00 +0000

This is my style so if u like it read how to add the code, here.Open the template -edit HTML section and find the tag

]]></b:skin>

and copy/paste next code before it.

#social_bookmarks {
float:right;
}
#social_text {
float:left;
width:410px;
}
#social_text h2 {
font-size:2.2em;
font-weight:normal;
margin:0;
}
#social_text p {
padding-bottom:11px;
}
.social_links {
background:#c2c2c2 none repeat scroll 0 0;
border:1px solid #368faf;
float:left;
margin:0;
padding:15px 14px 12px;
color:#00a0e6;
}
#social_bookmarks ul {
float:left;
margin:0;
padding:0;
width:100px;
}
#social_bookmarks ul li {
background:##368faf none repeat scroll 0 0;
float:left;
margin:0;
padding:0;
}

Now find this tag

or somethig similar and copy next tags after this tag:

<div id='social_text'>
<h2>Do u love this post?</h2>
<p>Dont miss my next posts! Leave me a message or subscribe to</p>
</div>
<div class='social_links'><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Post RSS'>Rss</a> |
<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Digg</a>|
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'>Technorati</a>|
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>del.icio.us</a>|
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Stumbleupon</a>|
<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Reddit</a>|
<a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url=" + data:post.url + "&Title=" + data:post.title' target='_blank'>BlinkList</a>|
<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.title + "&u=" + data:post.url' target='_blank'>Yahoo</a>|<a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title'>Twit This!</a>

That's all !

qTip - CSS Tooltips effect in blogger

noreply@blogger.com (MIRELA) — Mon, 12 Jan 2009 13:51:00 +0000

This effect will allow you to have a very cool hover effect using javascript and css and is very easy to apply.First unpload the Qtip.js from here on your server/host.After this step open template edit HTML section and put the following script after first head :

Now,in the CSS section add this:

div#qTip {
padding: 13px;
border: 1px solid #000;
border-right-width: 2px;
border-bottom-width: 2px;
display: none;
background: #ff5781;
color: #FFF;
font: bold 9px Verdana, Arial, sans-serif;
text-align: left;
position: absolute;
z-index: 1000;
}

Now u save the template and find a tag like this:

<a href='#' title='put your text here'>About</a></li>

and write your text in the blue area .Push this qTip Example Page to see this effect in action.U can change the color of CSS code if u want.The credit goes to Craig Erskine and Sazzad Hossain.

Opacityit image mouseOver effect

noreply@blogger.com (MIRELA) — Mon, 29 Dec 2008 17:55:00 +0000

This truc works only in Firefox ,so download the Firefox Browser.
Open template,edit HTML section and find the tag

]]></b:skin>

.Now before this tag put this code

.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

and save the template.Now we must make the effect works,so we must insert the HTML code so open again the template and add this:

Change the tag LINK TO YOUR IMAGE with your image adresse and click save.That's all!.I used this effect here to adv.images so my code look like this

Dont forget to subscribe to my feed for the next posts:)

WEBCONTACT.RO

noreply@blogger.com (MIRELA) — Sat, 27 Dec 2008 12:28:00 +0000

The first romanian messenger:)
Primul messenger romanesc...
WebContact este 100% gratuit
foarte simplu in utilizare
te tine in legatura permanenta
cu prietenii tai si poti sa iti faci si cunostinte noi
ai posibilitatea de a trimite fisiere la alti utilizatori
stii cine este on-line si accesibil.

Mie personal nu-mi foloseste prea mult insa arata f.bine si e destul de complex asa ca ii prevad un viitor bun.

Digsby.com-chat

noreply@blogger.com (MIRELA) — Sat, 27 Dec 2008 12:17:00 +0000

Chat with your friends inside your webpage. Copy and past widget code.Digsby is a multiprotocol IM client that lets you chat with all your friends on AIM, MSN, Yahoo, ICQ, Google Talk, and Jabber with one simple to manage buddy list.

Download ScribeFire -blog editor

noreply@blogger.com (MIRELA) — Sat, 27 Dec 2008 11:22:00 +0000

Categorize and tag your blog posts
Upload images
Set timestamps
Save works-in-progress as notes
Post an entry as a draft
Share your posts on social websites
Upload files via FTP

SNOW EFFECT

noreply@blogger.com (MIRELA) — Thu, 25 Dec 2008 15:32:00 +0000

E iarna???Daaaaaaaa....:) nice!!!Am adus fulgisorii si in blog ptr. a mentine atmosfera asta minunata.Vrei si tu fulgisori??Daca-i vrei citeste despre metoda aducerii lor in pagina ,aici.Creditul nu-mi apartine asa ca nu voi mai pune codul aici.Eu am sa-ti scriu 2 metode ale inserarii codului,iar tu ai dreptul s-o alegi pe cea preferata.
Prima este aceasta: acceseaza de aici pagina Dynamicdrive.com,copiaza codul in notepad si salveaza-l sub forma :snow.js. Odata salvat incarca-l in hostul tau(ex.yahoo geocities).Acum deschide sectiunea edit HTML in template si adauga urmatorul cod:

in sectiune body.FINISH!!
A doua alternativa va este explicata pe site.ul Peters1.dk

YOUCONVERTIT.COM

noreply@blogger.com (MIRELA) — Mon, 22 Dec 2008 09:03:00 +0000

Un progam complex /online file converter cu ajutorul caruia poti face o serie de "manevre";).adica poti converti orice fila in format media(documente,imagini,audio si video) online si gratis.Poti transforma un .mp3 in .wav,.ra,.wma ...si invers...cu alte cuvinte acceseaza-l si vezi ce poate face.

ADD VOICE IN BLOG-VOZME

noreply@blogger.com (MIRELA) — Mon, 22 Dec 2008 08:43:00 +0000

Vozme.comeste un site cu ajutorul caruia puteti convertii un text in sunet/voce.Cum puteti adauga sunetul in blog?Accesati acest site,scrieti un text in engeza (ex: welcome to my blog)si apasati caseta "create mp3".Odata generat acest link, adaugati-l exact cum v-am relatat in subiectul anterior/ cum pot adauga muzica in blog.

Adauga muzica in blogger blog

noreply@blogger.com (MIRELA) — Sun, 21 Dec 2008 22:36:00 +0000

Desi nu pot raspunde in totalitate la mail.urile primite,am incercat sa gasesc o cale de mijloc,anume sa va raspund la unul dintre cele mai comentate subiecte:"cum pot adauga muzica in blog?".Pentru cei decisi in acest sens,un prim pas este acela de a gasii melodia preferata in format mp3. si de a o salva pe net.Acum
deschide sablonul blogger ,apasa tastele CTRL+F si cauta linia

</head>

,imediat dupa aceasta linie agauga codul urmator

si salveaza.Acum fi atent la modificarile ce trebuiesc facute:
-linia src="http......mp3. se inlocuie cu adresa melodiei tale ;
-autostart="true" indica faptul ca melodia incepe automat la incarcarea paginii,ea neputand fi controlata de vizitatori.
-loop="true" il puteti inlocuii cu loop="1" sau loop="2" in functie de cum va doriti voi sa se repete melodia.
Eu personal. in blogul reduceri-imbracaminte am optat ca melodia sa se repete ,voi aveti libera alegere sa schimbati codul dupa bunul plac:)
Daca vrei sa ca vizitatorii sa aiba acces la butoane(on/off),optati ptr. urmatoarea varianta:

Acest cod il adaugati exact inainte de ultimul "/body" din sablon/ template.urmand sa modificati doar adresa URL( ex: http://mp3...inlocuit de http:// linkul catre hostul melodiei tele).Cred ca am incercat sa fiu cat se poate de explicita...totusi in caz contrar astept intrebari.

Icons, Validation Icons, Validate Web Icons, w3c Icons

noreply@blogger.com (MIRELA) — Sat, 20 Dec 2008 09:21:00 +0000

Icons, Validation Icons, Validate Web Icons, w3c Icons

Adauga page navigator

noreply@blogger.com (MIRELA) — Thu, 18 Dec 2008 18:23:00 +0000

Deschide sectiunea edit html in template cauta tagul

]]></b:skin>

si adauga urmatorul cod inaintea acestei linii:

.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;
}

.showpageArea a {border: 2px solid #00ffd8;
color: #000000;font-weight:normal;
padding: 2px 2px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:15px;
border: 2px solid #00ffd8;
color: #ff3300;
background-color: #00ffd8;
}

.showpageNum a {border: 2px solid #00ffd8;
color: #000000;font-weight:normal;
padding: 2px 2px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:15px;
border: 1px solid #00ffd8;
color: #000000;
background-color: #00ffd8;

}
.showpagePoint {font-size:15px;
padding: 2px 2px 2px 2px;
margin: 2px;
font-weight: bold;
border: 2px solid #00ffd8;
color: #000000;
background-color: #00ffd8;
text-decoration: none;
}

.showpage a:hover {font-size:15px;
border: 2px solid #00ffd8;
color: #000000;
background-color: #00ffd8;

}
.showpageNum a:link,.showpage a:link {
font-size:13px;
padding: 2px 2px 2px 2px;
margin: 0px;
text-decoration: none;
border: 1px solid #00ffd8;
color: #000000;
background-color: #00ffd8;}

.showpageNum a:hover {font-size:13px;
border: 2px solid #00ffd8;
color: #000000;
background-color: #00ffd8;
}

Acum salveaza sablonul si redeschide-l,apasa tastele CTRL+F si cauta linia

<b:widget id='Blog1' locked='true' title='Postari de blog' type='Blog'/>

.In cazul in care nu apare asa cum este scrisa aici atunci cauta doar linia"postari de blog"si vezi ca in imediata apropiere a acesteia este terminatia "b:section".Odata gasita adauga acest cod

Acum salveaza sablonul si vezi cum apare.Culorile sunt cele folosite de mine in blogul:blogvot.blogspot.com,daca nu se potrivesc sablonului tau,revii la editarea acestuia si modifici culorile primului cod adaugat(codul de sus- ex:in locul culorii
#00ffd8 adaugi codul culorii tale s.a.m.d ).Acum ramane sa-mi scrii daca este ok.

CUM POTI SCHIMBA SABLONUL

noreply@blogger.com (MIRELA) — Tue, 16 Dec 2008 12:00:00 +0000

Crezi ca e timpul sa-i dai un nou "chip"blogului tau?Ok,urmareste cu atentie instructiunile de mai jos si intr-un timp foarte scurt vei avea un blog profesional.Ca sa schimbi un sablon in Blogger nu este nevoie sa ai mari cunostite in domeniu ,asa ca nu te speria,ai nevoie doar de timp liber:) .Inainte a face modificari in sablon ,salveaza pe un alt blog widget.urile .Odata salvate,revin-o la blogul pe care vrei sa-l modifici ,intra in sectiunea aspect-edit html,bifeaza casuta expand widget template si da click pe descarcati sablonul complet.Acum sterege sablonul vechi, apasa rasfoire si incarca sablonul pe care ti-l doreai.De cele mai multe ori,dupa incarcarea sablonului va aparea o casuta rosie confirmati si salvati,apasa pe ea ptr. a incheia aceasta actiune.Acum previzualizeaza sablonul si vezi daca este ok,apoi da save.In cazul in care apare eroare nu renunta ci incearca sa repeti actiunea.Un mic sfat ar fi sa lucrezi pe blog cu browserul Firefox este mult mai bun.Bafta !

SUBSCRIBE TO FEED SUB POSTARI

noreply@blogger.com (MIRELA) — Mon, 15 Dec 2008 20:50:00 +0000

Cea mai simpla metoda de adaugare a acestui truc

in blogger este urmatoarea:mergi la sectiunea edit html template,cauta linia:

si adauga urmatorul cod dupa aceasta.

Acum trebuie sa inlocui linia albastra cu adresa feed.ului tau si sa salvezi imaginea in hostul tau.Acest model este creat special ptr.cititorii acestui blog. Astept intrebari in cazul in care aveti nelamuriri.

Logogenerador.com

noreply@blogger.com (MIRELA) — Thu, 11 Dec 2008 13:24:00 +0000

Generator online logo Web2.0-usor de utilizat,acest program iti da posibilitatea sa creezi un logo simplu pentru blogul tau.

Daca preferi un banner in locul unui logo,viziteaza urmatorul site pentru ca iti va fi foarte util in acest sens,crede-ma.

Google friend connect

noreply@blogger.com (MIRELA) — Mon, 08 Dec 2008 12:10:00 +0000

Genereaza mai mult trafic cu GOOGLE FRIEND CONNECT.O noua retea sociala prin care blogul va atrage asupra sa mult mai multi vizitatori.Tot ce trebuie sa faci este sa te inregistrezi cu id.ul de google email,si sa copiezi gadgetul(vezi mai jos unul dintre exemple) in blog.

NOFOLLOW- elimina acest tag

noreply@blogger.com (MIRELA) — Sat, 29 Nov 2008 16:24:00 +0000

Ai un comentariu nou in blog? Ok,e timpul sa urmaresti comentatorul inlaturand tagul "nofollow" din sablon.Apasa CTRL+F ,localizeaza liniile urmatoare:

si elimina linia ~~rel="nofollow"~~ .

Social button in blogger

noreply@blogger.com (MIRELA) — Thu, 27 Nov 2008 20:01:00 +0000

Creditul acestui widget se indreapta catre Smartbloggerez ulterior putin simplificat de mine.Acum cauta linia

si adauga codul urmator imediat dupa aceasta.Urmareste cu atentie liniile din cod,similare cu cele subliniate in galben,(http://your-link-here.com/) pentru ca trebuiesc inlocuite cu linkul imaginilor tale.

Add subscribe to feed widget

noreply@blogger.com (MIRELA) — Mon, 24 Nov 2008 09:44:00 +0000

Daca iti place acest widget

atunci apasa acest link si completeaza rubricile,apoi apasa "customizar".Poti inlocuii imaginea cu cea preferata de tine.Pentru a copia feed icon intra pe Dryicon.com sau Iconspedia.Creditul widgetului se indreapta catre UsarioCompulsivo/Dicas.