Diverse Utile

Widgetul “Despre mine”

În ultimă vreme să ai pe blog un mic formular în care să spui ceva despre tine a devenit un must-have . Am observat din ce în ce mai multe bloguri care au un astfel de widget .
Așa că m-am gândit că ar fi util să împart cu voi câteva detalii despre cum puteți avea și voi un astfel de widget .
Eu il am deja și arată cam asa :

Dacă îți place , iată cum îl poți avea și tu :
Pentru a-l instala urmăreste acești pași ( pentru blogger ) : intră în tabloul de bord al blogului tău – Aspect – Adăugați un obiect gadget – HTML/JAVASCRIPT și inserați următorul cod :

About Me                                      

Textul tau aici

Acum trebuie doar să înlocuiți “linkul imaginii tale ” , cu linkul imaginii pe care dorești să fie afișate și “textul tău” cu o scurtă descriere sau cu orice alt text…un citat spre exemplu .

Daca nu sunteti mulțumți de cum arată acesta , iata alte exemple . Urmăriți aceeași pași ca mai sus .

Pentru a arăta așa ….

copiază următorul cod :


   


   
Bine ai venit pe acest blog

   
Numele tau aici Numele tau aici – Textul tau aici

     

Textul tau “Bine ai venit pe blog îl poți înlocui cu orice alt text îți doresti , numele il poți scrie în ambele câmpuri unde este afișat “Numele tău aici ” ( recomandat ) .

Dacă îți dorești să apară așa… . În acest widget poți insera și conturile tale de Twitter și Facebook

inseareaza următorul cod :
#profile {

  position: relative;

     border: 1px solid #666;

    background: #000;

}

.about-widget-image img {

   display: block;

    margin: 0 auto;

    width: 100%;

}

#profile .btn, #profile .btn:visited {

  position: absolute;

  top: 10px;

  z-index: 10;

  padding: 0 8px;

  height: 24px;

  font-size: 10px;

  line-height: 24px;

  font-weight: 100;

  text-align: center;

  color: rgba(255, 255, 255, 0.5);

  letter-spacing: 1px;

  text-transform: uppercase;

  text-decoration: none;

  cursor: pointer;

}

#profile .btn:hover, #profile .btn:visited:hover {

  color: rgba(255, 255, 255, 0.8);

  background: #ea6557;

}

#profile .btn.btn_left, #profile .btn:visited.btn_left {

  left: 10px;

}

#profile .btn.btn_right, #profile .btn:visited.btn_right {

  right: 10px;

}

#profile .info {

  position: relative;

  padding: 42px 22px 18px 22px;

  font-size: 18px;

  line-height: 28px;

  font-weight: 100;

  letter-spacing: 1px;

  color: #ecf0f1;

  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);

}

#profile .info strong {

  font-weight: 400;

}

About Me

  

  @Username Twitter

  Facebook

 

    Textul tau Textul tau. Rextul tauTextul tau Textul tau textul ta Textul tau Textul tau.

 

Acestea sunt doar 3 modele de atfel de widgeturi , promit să revin și cu altele .
Sper că v-au fost de ajutor aceste coduri . Dacă aveți întrebări le aștept , promit să răspund în cel mai scurt timp .

Leave a Reply

Your email address will not be published. Required fields are marked *