Author - Lorena Strechie

http://i48.tinypic.com/xefkpd.jpgRead more about me »

Lorena Featured Work

Facebook Twitter Hi5 Youtube

Just for you

sâmbătă, 14 noiembrie 2009

1 Blogger Hack


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:

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

4. Inlocuiti intregul rand rosu cu acest cod:

<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</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:
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:
          <!--RelatedPostsStarts-->
          <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(&quot;http://www.gigaimage.com/image/brrl1rtaziisu0yj6kj6.gif&quot;)
          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>
          <script src='http://sigmirror.com/............/relatedPosts_ForBlogger2.js'
          type='text/javascript'/><!--RelatedPostsStops-->

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:
<!--RELATED-POSTS-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script></div></b:if><!--RELATED-POSTS-STOPS-->
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: 

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>

<b>

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)


<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)


<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/


<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(


<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))


</b>

</div>


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:

<script src='http://www.mydatanest.com/files/loryjustforyou/41825_mloyj/smiley.js'type='text/javascript'/><noscript><a href="http://bloggerstop.net" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>

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

  1. 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:
  2. 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.
  • Acum dati click pe Upload ca sa luati noul template.Daca va cere sa stergeti orice "widget" atunci dati Remove si Save. :)

0 Ascunde sau sterge Navbar-ul de pe Blog-ul tau!

Nu trebuie decat sa urmati acesti simpli pasi:
1.Logati-va in contul Blogger.
2.Selectati optiunea Layout de la blogul dorit din "Dashboard".
3.Mergeti la sectiunea Edit HTML.
4.Sub Edit Template veti vedea aceste coduri:
5.Intre sectiunea care se termina cu  * Updated by: Blogger Team si sectiunea /* Variable definitions va trebui sa adaugati acest cod:

#navbar-iframe {
display: none !important;
}

6.Deci pagina va arata asa:
7.Click SAVE TEMPLATE si gata!

Related Posts with Thumbnails