Novi blog - Povoljne selidbe Beograd

Od nedavno mežete pristupiti novom blogu za povoljne selidbe u Beogradu.
Ako Vam je potreban prevoz i transport robe?
Na pravoj ste adresi.

Povoljne selidbe Beograd

Read More

Višebojni Popular Post Vidžet - CSS3

Ovaj vidžet prikazuje najgledanije poruke vašeg bloga, koje mogu biti od mesec dana ili nedelju, ili sve vreme. Možete da izaberete koliko postova treba da bude prikazano, podrazumevano pokazuje sliku (ukoliko post ima) i naziv posta praćen sadržajem sa oko 20-25 reči.
Ovaj trik se radi pomoću jednostavnog CSS3 umesto korišćenja složenog JavaScript-a.Odlična funkcija ovog trika je što se svaki post prikazuje u drugoj boji, tako da ove boje upadaju u oči vaših posetilaca i oni  post čitaju, čak i ako post nije baš upadljiv.

1. Prijavite se - na svoj Blogger nalog

2. Izaberite svoj blog u koji želite da dodate vidžet

3. Idi na raspored opcija

4. U Raspored opcija postoji Dodaj gadžet Opcija

5. Nakon što izaberite Dodaj vidđžet iskačući prozor će biti otvoren i izaberite Popularni post

6. Dajte mu ime i izaberite koje najbolje postove da prikazuje (mesečne, nedeljne ili sve vreme)

7. Idite na kontrolnu tablu> Template> Edit HTML i sada u otvorenom HTML kod prozoru pronadjite ( Ctrl + F ) ]]></b:skin> (sledeći kod kopirajte ispred ]]></b:skin> )

<!-- Popular posts visebojni vidzet -->

#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}

#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}

#PopularPosts1 ul li:first-child{background:#ff4c54;width:97%}

#PopularPosts1 ul li:first-child:after{content:"1"}

#PopularPosts1 ul li:first-child + li{background:#ff764c;width:87%}

#PopularPosts1 ul li:first-child + li:after{content:"2"}

#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:84%}

#PopularPosts1 ul li:first-child + li + li:after{content:"3"}

#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:81%}

#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}

#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:78%}

#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}

#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:75%}

#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}

#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:72%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:66%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}

#PopularPosts1 ul li:first-child:after,

#PopularPosts1 ul li:first-child + li:after,

#PopularPosts1 ul li:first-child + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;text-align:center;font-size:28px;color:#fff}

#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;}

#PopularPosts1 ul li a{font-size:13px;color:#444;text-decoration:none}

#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}

#PopularPosts1 img{

-moz-border-radius: 130px;

-webkit-border-radius: 130px;

border-radius: 130px;

-webkit-transition: all 0.3s ease;

-moz-transition: all 0.3s ease;

transition: all 0.3s ease;

padding:4px;

border:1px solid #fff !important;

}

#PopularPosts1 img:hover {

border-radius: 0 0 0 0;

-moz-transform: scale(1.2) rotate(-711deg) ;

-webkit-transform: scale(1.2) rotate(-711deg) ;

-o-transform: scale(1.2) rotate(-711deg) ;

-ms-transform: scale(1.2) rotate(-711deg) ;

transform: scale(1.2) rotate(-711deg) ;

}

<!-- Popular posts visebojni vidzet -->

 8. Klik prvo na Pregled bez čuvanja (Preview Template), ako ste zadovoljni, sačuvajte svoj šablon (Template).

9. Sada je Vaš blog spreman da privuče čitaoce

Kako izgleda ovaj vidžet na blogu možete videti na: FoodPic

Read More

Dodajte oznakama super efekte

• Idite na Template -> izmena HTML
• Pronadjite ]]></b:skin> i kopirajte kod iznad ]]></b:skin>
• Sačuvajte Template

Uobičajene Blogger dodatak za oznake nije tako moderan. Ovde sam postavio neke zanimljive stilove oznaka za vas. Ovaj dodatak može promeniti koristeći jednostavne CSS kodove. Da biste to uradili pratite korake ..

Black Forest Theme

.Label li {

        background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent;

        border: 1px solid;

        border-radius: 6px 6px 6px 6px;

        float: left;

        font-size: 116%;

        list-style: none outside none;

        margin: 2px;

        padding: 4px;

        transition: all 0.3s ease 0s;

    }

.Label li:hover {

    transform: rotate(351deg) scale(1.7);

}

.Label a {

    color: #fff;

    text-decoration: none;

}

Read More

Obeležite komentare Administratora - autora u Blogger-u

Komentari su najbolji način da se napravi dobar odnos sa posetiocima vašeg bloga. Ako imate blog koji ima relativno dobar promet, onda vaš blog ima dosta komentara, koji mogu biti pozitivni ili negativni. Komentari su dobri za interakciju sa posetiocima.

Kako blog posetioci da prepoznaju vaš komentar od ostalih komentara? Mnogi blogeri (administratori-autori) koriste svoje ime naloga kao Admin. Ako oni komentarišu na vašem blogu ili daju odgovor na druge komentare, ostali posetioci misle da su administratori tog bloga. Da li želite da istaknete svoje komentare na vašem blogu? Ako je tako, ovde je trik šta treba da uradite da bi vaši komentari bili prepoznatljivi. Pomoću jednostavnog Jquery koda.

• Idite na Šablon (Template) > izmeni HTML
• Pronadjite </body> i kopirajte sledeći kod iznad njega:

 <script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$(function() {
function highlight(){
$('.user.blog-author').closest('.comment-block')
.css('border', '1px solid #FFA500')
.css('background','#F1F1F2 url("http://www.blogblog.com/1kt/transparent/white80.png")')
.css('color', '#444444')
.css('font-size', '12px')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>

 - css border 1px solid #FFA500 - možete menjati debljinu linije na 2px ili ... (okvira) kao i boju #FFA500
 - css 'font-size 12px - možete menjati i veličinu fonta 12px ...

• Sačuvajte Šablon (Template)

Read More