0

Îți place SMASH.ro? Adaugă widgetul nostru pe blogul tău!

12 iulie 2010 | niciun comentariu

De acum poți incorpora conținutul proaspăt de pe SMASH.ro pe situl tău, cu ajutorul acestui widget foarte ușor de personalizat. Pentru a insera o căsuța cu cele mai recente cinci articole pe blogul tău (sau pe orice altă pagină web), tot ce trebuie să faci este să copiezi codul de mai jos și să-l lipești în sursa paginii tale, exact acolo unde vrei să apară.

<style>
.smash_list #creditfooter {display: none;}
.smash_list {width:300px;}
.smash_list div.feedburnerFeedBlock ul {
margin:0;
padding:6px 10px 0 10px;
list-style-type:none;
}
</style>
<div class="smash_list">
<script src="http://feeds.feedburner.com/smashmatic?format=sigpro" type="text/javascript"></script><div class="smash_footer">...mai mult pe <a href="http://www.smash.ro">SMASH.ro</a></div></div>

Ca să modifici lățimea căsuței, trebuie doar să schimbi width:300px; cu valoarea dorită (în pixeli).

Personalizare

Poți folosi propriul tău cod CSS ca să potrivești widgetul la fix cu designul sitului tău. Dacă, în schimb, nu te pricepi la CSS, recomandarea noastră este să mai adaugi la codul de mai sus următoarele clase, imediat după <style>:

.smash_list {
font:12px Arial, Helvetica, sans-serif;
line-height:16px;
background-color:#F2F2F2;
border:solid 1px #E5E5E5;
}
.smash_list .smash_footer {
text-align:right;
margin:10px;
}
.smash_list li {
list-style:none;
padding:8px 0;
border-bottom:dotted 1px #D5D5D5;
}
.smash_list a {text-decoration:none; color:#185D99}
.smash_list li a:hover {text-decoration:underline; color:#555555;}

Bineînțeles poți personaliza toate aceste clase CSS după bunul plac. Mai multe cursuri despre cum să folosești CSS găsești aici. În final, iată cum ar trebui să arate widgetul SMASH.ro incorporat într-un sit oarecare.

2749 vizualizări, 1 dintre care astăzi

Articole similare

Postare comentariu: