Just for you: Blogging

Se afișează postările cu eticheta Blogging. Afișați toate postările

sâmbătă, 14 noiembrie 2009

1 Blogger Hack

2. Hide the Navbar on Blogger / Ascunde sau sterge Navbar-ul de pe blog-ul tau!

3. Add Yahoo Smileys in commments on Blogger ! / Adauga Yahoo Smiley in comentarii pe Blogger

4. Add 3 new widgets at the bottom on Blogger / Adauga 3 noi widgets in partea de jos a blogului

5. How to Add 'Related Posts' / Cum sa adaugi "Related Posts" dupa fiecare postare

6.How to add videos on Blogger !!! / Cum sa adaugi video-uri in Blogger

0 Adauga 3 noi widgets in partea de jos a blogului

3 noi widgets yahoo smiley Navbar-ul Download UploadAcest lucru este folositor pentru ca oamenii dupa ce au terminat de citit un post sa gaseasca altele si mai interesante inainte sa paraseasca pagina.

1. Logati-va in Blogger.

2. Duceti-va la Layout, Edit HTML.

3. Apasati Ctrl+F si cautati acest cod:

<b:section class='footer' id='footer'/>

</div>

4. Inlocuiti intregul rand rosu cu acest cod:

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>

</div>

<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>

</div>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>

</div>

<b:section class='footer' id='col-bottom' preferred='yes'>

<b:widget id='Text2' locked='false' title='' type='Text'/>

</b:section>

</div>

</div>

Ar trebui sa arate asa:

5. Dati click pe PREVIEW iar daca nu sunt afisate erori mergeti mai departe:

6. Cautati ca mai inainte acest cod(Ctrl+F):

]]></b:skin>

7. Imediat inaintea lui inserati acest cod:

#footer-column-container {

clear:both;

}

.footer-column {

padding: 10px;

}

Salvati template-ul, apoi mergeti la Page elements (tot la Layout) si veti vedea 3 noi widgeturi:

0 Cum sa adaugi "Related Posts" dupa fiecare postare

In primul rand va trebui sa downloadati aceasta fila:

RelatedPosts_ForBlogger.zip

Faceti upload la acea fila pe un site cum ar fi Mydatanest.com , SigMirror.com sau HotLinkFiles.com si luati Linkul Direct (Direct Link URL)de la acea fila.

1.Logati-va la Blogger.

2.Intrati la Layout si apoi la Edit HTML.

3.Va recomand sa faceti un Backup la template adica sa dati Download Template inainte.

4.Bifati

5. Gasiti acest cod(Ctrl+F):

</head>

6.Acum chiar inainte de acest cod inserati:

<style>

#related-posts {

float : left;

width : 540px;

margin-top:20px;

margin-left : 5px;

margin-bottom:20px;

font : 11px Verdana;

margin-bottom:10px;

}

#related-posts .widget {

list-style-type : none;

margin : 5px 0 5px 0;

padding : 0;

}

#related-posts .widget h2, #related-posts h2 {

color : #940f04;

font-size : 20px;

font-weight : normal;

margin : 5px 7px 0;

padding : 0 0 5px;

}

#related-posts a {

color : #054474;

font-size : 11px;

text-decoration : none;

}

#related-posts a:hover {

color : #054474;

text-decoration : none;

}

#related-posts ul {

border : medium none;

margin : 10px;

padding : 0;

}

#related-posts ul li {

display : block;

background : url("http://www.gigaimage.com/image/brrl1rtaziisu0yj6kj6.gif")

no-repeat 0 0;

margin : 0;

padding-top : 0;

padding-right : 0;

padding-bottom : 1px;

padding-left : 16px;

margin-bottom : 5px;

line-height : 2em;

border-bottom:1px dotted #cccccc;

}

</style>

type='text/javascript'/>

7. Inlocuiti Url-ul scris cu rosu cu Direct Link-ul obtinut.

8.Cautati acest cod:

<data:post.body/>

9.Dupa aceasta inserati acest cod:

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Posts: </b></font><font color='#FFFFFF'><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> </font>

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

10. Ca sa schimbati numarul de posturi afisate modificati max-results=xx.
11. Salvati si veti vedea "Related Posts" dupa fiecare post al dumneavoastra.(Nu uitati sa adaugati etichte(labels) dupa postari in timpul publicari acestora)

6 Adauga Yahoo Smiley in comentarii pe Blogger

Cred ca toata lumea isi doreste sa fac acest post deoarece aceste smiley-uri au devenit un lucru de care nu ne mai putem desparti.

Din pacate Blogger nu a introdus si acesta functie dar cu un mic truc la putem avea la comentarii;)

In prima faza intati la Blogger-Layout si apoi Edit HTML unde va recomand sa salvati o copie a template-ului.

Apoi bifati casuta de extindere:

Cautati cu Ctrl+F urmatorul cod:

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

si chiar intre ele copiati urmatorul cod:

Acum copiati aceasta fila in format zip:Smiley.js

Extrageti din folderul zip fila Smiley.js si uploadati-o pe site-ul Mydatanest.com.

Va recomand sa va duceti la setarile folderului in care ati facut Upload (pe Mydatanest)

si sa selectati "Hidden" nu "Private" ca in imaginile de mai jos:

Selectati fila Smiley.js , duceti-va la fereastra de mai sus si apasati Get Codes. Va trebuie URL-ul de la Just the Direct URLs:

Acum duceti-va inapoi la Edit HTML si cautati(Ctrl+F) acest cod:

</body>

Si chiar inainte de el plasati acest cod:

In loc de URl-ul meu scris cu rosu trebuie sa puneti URL-ul vostru obtinut de la Mydatanest.com (Direct URL) de care v-am spus mai sus.

In final salvati template-ul :)

Bucurati-va de smile-uri!!!

0 How to Download Free and Upload a template

Pentru inceput cred ca orice nou blogger vrea sa aiba "fatada" reusita. Asa ca m-am gandit sa pun un site bun pentru template-uri:

Acum sa vedem cum se schimba un template:

Dati click pe Layout link de la "Dashboard".
Apoi veti vedea o imagine ca aceasta:

Acum trebuie sa dati edit la linkurile aratate si sa salvati intr-un document tot ce se afla in ele, in caz ca nu reusiti sa salvati noul template.
Dati click pe Edit HTML in meniul de mai sus.
Apoi dati click pe Download template pentru a avea copia template-ului initial.