|
BlogWidget.ro - ALEGE CEVA COOL PENTRU BLOGUL TĂU !
| |
-
-
Această secţiune a site-ului am scris-o pentru cei mai puţin experimentaţi care ar dori să-şi pună câte ceva pe site dar nu prea ştiu cum.
Deci o să descriu pe scurt câteva tips&tricks.
HTML-ul nu e prea complicat, dar trebuie acordată atenţia cuvenită fiecărui amănunt.
Nu intru în amănunte prea sofisticate, pentru a nu risca să abandonaţi lectura de la primele rânduri. Promit.Luăm ca exemplu platforma wordpress, pe care funcţionează şi prezentul site.
Marea majoritate a widget-urilor sunt destinate sidebar-ului.
Prin urmare, fila din folderul temei dvs în care trebuie introdus scriptul este fila numită sidebar.php
Bineînţeles, mai trebuie să aveţi un program FTP Upload cu care se urcă fila modificată pe serverul unde aveţi hostingul şi datele de acces in cont, server ftp, username si parolă.
Inainte de a vă apuca de treabă recomand cu căldura efectuarea unei copii de back-up a filei în cauză, un Copy of sidebar.php.Exemplu:
Să zicem că vreau sa introduc în sidebar widget-ul:
View technorati.com
Vreau să-mi apară sub ultima căsuţă de jos denumită ‘Meta’. (exemplific in contextul acestei teme)
Deschid cu notepad (neapărat) fila sidebar.php, şi la un moment dat o să văd bucata de cod care îmi afişază căsuta ‘Meta’.
Aceasta este în cazul temei mele (nu la toate temele codul este identic, dar seamănă oarecum):
<div class=”box popular”>
<div class=”header”>
<h3>Meta</h3>
</div>
<ul>
<li><a href=”http://validator.w3.org/check/referer” title=”<?php _e(‘This page validates as XHTML 1.0 Transitional’); ?>”><?php _e(‘Valid <abbr title=”eXtensible HyperText Markup Language”>XHTML</abbr>’); ?></a></li>
<li><a href=”http://gmpg.org/xfn/”><abbr title=”XHTML Friends Network”>XFN</abbr></a></li>
</ul>
</div>
Nu am decât să copiez codul widget-ului de unde trebuie şi să-l inserez cu copy/paste imediat după codul de mai sus.
Acesta este:
<script src=”http://widgets.technorati.com/t.js” type=”text/javascript”> </script>
<a href=”http://technorati.com/?sub=tr_searches-small-vertical-ticker_t_js” class=”tr_searches-small-vertical-ticker_t_js” style=”color:#4261DF”>View technorati.com</a>
Asta e tot.
Salvez, închid şi urc fila modificată pe server care se rescrie peste cea existentă.
Dau un refresh site-ului şi trebuie să-mi apară widget-ul funcţional în sidebar sub căsuţa de ‘Meta’.Ce fac dacă:
Widget-ul a apărut, totul a decurs ok, dar stă cam sus, lipit practic de căsuţa de deasupra lui?
Deschid iar fila sidebar.php, şi înainte de <script widget> adaug unul <br /> sau două <br /><br /> taguri din astea.
Salvez şi urc din nou fila modificată.Ce fac dacă:
Widget-ul stă cam în stinga, nu e perfect aliniat cu restul elementelor de deasupra lui?
Deschid iar fila sidebar.php, şi înainte de <script widget> adaug unul sau mai multe taguri din astea.Altă metoda să-l fac să stea centrat ar fi:
Înainte si după <script widget> adaug ce am scris cu rosu:
<div align=”center”>
<script widget>
</div>Dacă vreau să includ
widget-ul intr-o casuţă similară cu cele existente pe site, (bineînţeles dacă widget-ul nu depăşeşte în dimensiune lăţimea căsuţei) copiez un cod de casuţă existentă elimin ce nu mă interesează şi includ în ea script-ul widget-ului după cum urmează:
<div class=”box popular”>
<div class=”header”>
<h3>Titlu widget</h3>
</div>
<ul>
<li>
<script widget>
</li>
</ul>
</div>
În loc de asta <script widget>, eu bineînţeles că am prescurtat întregul script al widgetului, altfel riscam să nu mai înţelegeţi nimic din atîtea semne.Metode de a face treaba sa iasă cum vrei există destul de multe, dar am promis ca n-o să plictisesc pe nimeni aici.
Cei familiarizaţi cu webdesign-ul ştiu foarte bine la ce mă refer, iar pentru un începator ar fi deja prea mult.
În limita timpului disponibil, mult mai util ar fi un online help, printre altele m-am gândit şi la asta.Etichete: caseta, centru, cod, copiere, div-uri, footer, header, html, inserare, javascript, script, sidebar, tema, tips tricks, wordpress
-
Susţine BlogWidget!
-
Dacă doreşti să susţii, parteneriat BlogWidget, vizitează pagina de Contact pentru detalii.
Îţi mulţumim!
Articole aleator
Digital / analog clock
Ceas de afişat pe website, permite configurare digital, anal...
RSS Reader Widget
Acest widget este un rss reader cu care se poate afişa la dv...
NeoFlags
Înregistrare, creare cont, obţinere cod la: www.neoworx.net....
Tools de la earthhour.org
Despre earthhour.org am mai scris. Earthhour.org vine cu ni...
Au comentat recent
- Am adaugat si eu banner pe blo...
- V-am adaugat pe blogul meu. Sp...
- An banner-ul dv. pe blog.
- Va sustin.Ce trebuie sa fac ca...
- v-am adaugat pe blog
- Lightbox2 e foarte tare, il fo...
























