Blog-sau-store|Blogger help

Adauga trucul postari asemanatoare sau related links

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 adauga 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 de tip:bullet,background....Daca aveti nelamuriri,lasati-mi un mesaj.

ADD COMMENTS

Start edit your Blogger

How to make our own Blogspot Blog

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.

ADD COMMENTS

Integrate Twitter in blogger

Twitter, Widgets

ADD COMMENTS

CSS Alpha Hover Effect

Blogger Tutorials, Opacityit effect

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.

ADD COMMENTS

Blogger templates 2 columns

Download template

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

ADD COMMENTS

Free Blogger Template Magazine Style

Download template, Template Magazin Style

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

Zinmag Remedy DEMO AND DOWNLOAD

4.Autor: Wordpresstoblogger.com

Arthemia magazine blogger template
DEMO AND DOWNLOAD

5.Autor: Themelib.com
Maggo magazine blogger template

DEMO AND DOWNLOAD

6.Autor: Woork,blogspot.com

DEMO AND DOWNLOAD/a>