Blockquote - Kako "osvetliti" tekst

Live Demo

Ovo je Hak pozajmljen od drugog blogera i pokazuje kako da napravite zanimljivim nešto i za oko i dušu.
Pazite, sve što radite, radite onako kako mislite da treba, nemojte preterivati niučemu jer sve preterano izgleda besmisleno. Ovo jeste lepo ali ako vam ne koristi ili vama nije lepo, onda nemojte koristiti ali ako vam se uklapa u koncepciju bloga, onda samo napred. Ja vas ni ne ohrabrujem niti ohrabrujem. Postupite kako želite. Naravno da se uvek i o svemu mora voditi računa a vi polako i natenane radite ovo da ne napravite grešku. Demo imate, videćete kako izgleda i ako vam se svidi onda super.

 Pre nego što se pređe mišom

Kada stavite miš preko teksta

1. Idite u blogger> Template

2. Nadjite ovaj kod: ]]></b:skin>

3. Odmah iznad njega dodajte sledeći kod:

.code1 { overflow:auto;width:520px; font-family: "Consolas", "Courier New", Courier, mono, serif; color:#848176; margin : 15px 35px 15px 15px; padding : 10px 10px 10px 35px; clear : both; list-style-type : none; background : #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcIS-bbZv8-3N03XNpoOUE5KRrDaReXAsD1E4XMoPvebXa6EmmKV6wozUyJbMfggQSNFZ8Vm4TrLgpZfz5KxTUMj5Xl3WXUlAvMeclgb-a_lQZT_Oyk6HJXuQkHKkrVVxtY_uWC6Q-tSL6/s1600/rb+light+bulb.jpg) repeat-y top left; border : 1px solid #000000; border-left:20px solid #ccc; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px } .code1:hover{ background : #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFrMWGmKMqibqJG8Jhz5LcUOe_EpRGGYu_Abie5xlYZXNidaJKTvQQOav_CplxOILySc1oJXi944m6nWFtBBUslcMjXQMDiVV0U5Maj-v5RAT6WtxwntnH4xrwm0rV4TABPdqHuSI_3uIc/s1600/rb+light+bulb+2.jpg) repeat-y top left; color:#FEF9BF; border : 1px solid #000; border-left:20px solid #ccc; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); box-shadow: 10px 10px 5px #888888; }

Klinknite  "SAVE TEMPLATE"

Kada pišete nešto, normalno je da u bloggeru postoji, "Compose" i "HTML" u gornjem levom uglu. 

Vi kliknite HTML i dodajte prvo ovo:

<div class="code1"> Napišite ovde šta želite </div>

Da promenite širinu, možete sa 520, koliko je trenutno ovde na onu koja vam odgovara za blog, onoliko koliko vam je prostor za post-ove širok.

To je sve. Ne bi trebalo da ima problema.