Jednostavni navigacioni meni za vas blog

Crveni navigacioni meni

Uz samo par jednostavnih koraka postavite ovaj jednostavni, vrhunski navigacini meni na vas blog.

• Ulogujte se na vas Blogger Account
• Iz vaseg Blogger menija izaberite opciju "Izgled"
• Kliknite na opciju "Dodaj Gadzet"
• Izaberite "HTML/JavaScript"
• Nalepite sledeci kod

<style type="text/css">
body {
background-color:#111;
margin:0px 0px;
padding:50px; 
}

#shutter-menu {
font:normal 12px 'Trebuchet MS',Arial,Sans-Serif;
color:white;
text-transform:uppercase; 
}

#shutter-menu ul {
height:50px;
margin:0px 0px;
padding:0px 0px;
overflow:hidden; 
}

#shutter-menu li {
float:left;
display:inline;
list-style:none;
margin:0px 0px;
padding:0px 0px; 
}

#shutter-menu a,
#shutter-menu a:before {
display:block;
margin:0px 0px;
padding:0px 30px;
line-height:50px;
color:white;
text-decoration:none;
background-color:#900;
background-image:-webkit-linear-gradient(top, #900 0%, #6A0808 50%, #620303 50%, #6A0808 100%);
background-image:-moz-linear-gradient(top, #900 0%, #6A0808 50%, #620303 50%, #6A0808 100%);
background-image:-ms-linear-gradient(top, #900 0%, #6A0808 50%, #620303 50%, #6A0808 100%);
background-image:-o-linear-gradient(top, #900 0%, #6A0808 50%, #620303 50%, #6A0808 100%);
background-image:linear-gradient(top, #900 0%, #6A0808 50%, #620303 50%, #6A0808 100%);
-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
position:relative;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

#shutter-menu a:before {
content:attr(data-clone);
position:absolute;
top:100%;
left:0px;
display:block;
background-color:white;
background-image:-webkit-linear-gradient(top, #ddd, white);
background-image:-moz-linear-gradient(top, #ddd, white);
background-image:-ms-linear-gradient(top, #ddd, white);
background-image:-o-linear-gradient(top, #ddd, white);
background-image:linear-gradient(top, #ddd, white);
border-top:2px solid rgba(0,0,0,0.2);
color:#333; 
}

#shutter-menu a:hover {
margin-top:-50px;
margin-bottom:1px;
}
</style>

<nav id="shutter-menu">
<ul>
<li><a href="#" data-clone="Home">Home</a></li>
<li><a href="#" data-clone="About">About</a></li>
<li><a href="#" data-clone="Portfolio">Portfolio</a></li>
<li><a href="#" data-clone="Comments">Comments</a></li>
<li><a href="#" data-clone="Contact">Contact</a></li>
</ul>
</nav>

• Sacuvajte.

Na mestu gde se nalazi # ubacite vas url koji zelite

Takodje mozete izmeniti i staviti naziv kartica koji vama odgovara.

Continue Reading →

Tema za Blogger platformu - Grid Mag Orange

Jos jedan prelep sablon za Blogger platformu koji mozete preuzeti besplatno.

Demo

Preuzmi

Grid Mag Orange Blogger sablon

Ova tema ima 3 kolone, zaglavlje je podeljeno na dva dela, na desnoj strani postoji sekcija za baner oglas. Ova tema ima jedan na navigacioni meni na vrhu i jedan na dnu. Podnozje ove ovog sablona je podeljeno na tri dela, sto znaci da mozete dodati tri vidzeta u samom podnozju.

Instrukcije za promenu sablona mozete procitati ovde.

Continue Reading →

Registracija za Payoneer MasterCard - Tutorijal

Registracija za Payoneer MasterCard - Tutorijal - Korak po korak

Kako da narucim Payoneer karticu?

• Sta je Payoneer MasterCard i cemu sluzi
• Kako da prebacite novac sa Payoneer naloga na vas racun

Payoneer MasterCard je brzo i jednostavno resenja za uplatu, primanje novca ili placanje sirom sveta. Ako ste Freelancer, Web Master, neko ko se bavi raznim online poslovima ili radite za neku online kompaniju, Payoneer je najbolja opcija. Ovu karticu mozete koristiti za bezbednu kupovinu preko interneta, kupovinu po prodavnicama u vasoj blizini, inostranstvu, bilo gde i bilo kada. Sa Payoneer karticom mozete povuci novac sa bilo kog bankomata sirom sveta brzo i jednostavno.

Prilikom registracije sa ove stranice dobijate $25 kada vase ukupne uplate dostignu iznos od $100.

Kako dobiti Payoneer MasterCard?

U sledecim koracima cu objasniti postupak registracije

• Klikom na Sing Up pokrecete ragistraciju za Payoneer karticu (Kada uplate dostignu $100 dobijate $25)

• Nakon klika na "Sing Up & Earn $25*" otvorice vam se nova strana

• Izaberite opciju "Prepaid MasterCard Card"
• Nakon toga vam se otvara prvi od cetiri koraka registracije

• U prvom koraku popunjavate vase licne podatke (Ime, Prezime, Email adresa i Datum rodjenja)
• Kada popunite, kliknite na "Next"

• U drugom koraku popunjavate Kontakt detalje (Zemlja, Adresa i broj, Grad, Postanski broj i vas broj telefona)
• Kada popunite kliknite na Next

• Treci korak je korak gde upisujete zeljeni password i bezbedonosno pitanje i odgovor (iz padajuceg menija izaberite pitanje na koje trebate da napisete odgovor) Obavezno zapisite negde na papiru password, pitanje i odgovor da ne bi kasnije bilo problema oko logovanja na vas akaunt.
• Kliknite na Next na zavrsni korak

• Ovo je poslednji korak u kome iz padajuceg menija birate kako zelite da verifikujete nalog (Broj licne karte, Vozacke dozvole ili Pasos)
• Cekirajte kao na slici ove tri rubrike i kliknite na Order. 

Nakon toga, potrebno je sacekati par dana da bi pregledali i verifikovali nalog. Obavestenje dobijate na Email.

• Nakon pregledanja, dobicete mail za odobrenje i da ce vasa kartica biti poslata na kucnu adresu.

To bi bilo to. :)

Continue Reading →

Kako da prebacite novac sa Payoneer naloga na racun u vasoj zemlji?

Prebacivanje novca sa Payoneer naloga na vas racun

Primili ste novac na Payoneer nalog i zelite da taj novac povucete na vas racun? U ovom clanku cu vam objasniti kako da povucete vas novac na vas racun u vasoj valuti. 

Payoneer MasterCard kartica, je debitna kartica koja namenjena fizickim ili pravnim licima. Ova kartica se ne razlikuje od kartice koju dobijate u obicnoj banci prilikom otvaranja tekuceg racuna. Payoneer karticu mozete dobiti besplatno, jednostavnom registracijom na Payoneer sajtu – ovde.

Usluge Payoneer-a dostupne su u preko 150 zemalja i valuta, mozete povuci sredstva sa svog Payoneer naloga direktno na vas bankovni racun ili neku internet karticu, u lokalnoj valuti bilo kada i bilo gde.

Da biste prebacili  novac sa Payoneer naloga na vas racun potrebno je da uradite sledece:

• Prijavite se na vas Payoneer nalog
• U glavnom meniju izaberite opciju Withdraw, a onda kliknite na To Bank Account

• U slucaju da niste koristili ovu uslugu, potrebno je da dodate vas bankovni racun na koji zelite da prebacite novac.
• Kliknite na opciju + ADD NEW

• Potrebno je da popunite podatke, a oni ce vam verifikovati za nekoliko dana. Potvrdu cete dobiti na email adresi da je verifikovano.

• Kada ste ovaj prvi deo popunili potrebno je da popunite registraciju

• Posle popunjavanja ovih polja, stiklirajte obe rubrike i potvrdite.
• Nakon ovoga cete morati da sacekate par dana zbog provere, a onda cete moci da prebacite vas novac na racun. Potvrdu dobijate mejlom.

U polju Withdrawal Amount, unesite koji iznos zelite da se povuce.

Obavezno polje je Description, tu morate napisati kratak opis povlacenja novca.

Nakon toga kliknite na Next.

Dobicete potvrdu mejlom o transakciji.

Continue Reading →

Kako dodati PDF na blog

Dodavanje PDF i druge dokumente na vas blog

U ovom postu cu vam objasniti kako da ugradite ili dodate (Embed) bilo koji PDF ili neki drugi dokument na vasu stranicu. Postoji mnogo nacina kako se mogu dodati, ugraditi neki PDF dokumenti ili neki drugi kao sto su Microsoft Word, PowerPoint prezentacije, tabele, Excel tabele na nekoj vasoj stranici, u ovom slucaju je to Blogger platforma.

Najlaksi nacin i najpouzdaniji u ovom slucaju je Google Docs ili Google dokumenti. Zbog toga cu u ovom clanku objasniti kako da dodate PDF ili bilo koje druge dokumente na vas blog.

Prvi korak, idite na https://drive.google.com i prijavite sa na vas gmail nalog da biste mogli uci na vas Google Disk. Nakon prijave na vas Google nalog, mozete koristiti Google Disk.

Sledeca stvar je da postavite/uploadujete PDF fajl iz vaseg kompjutera na Google Disk. Desnim klikom na opciju "Moj disk" pojavice vam se meni prikazan kao na slici. Kliknite na "Otpremi datoteke..."

Sledeci korak je da iz vaseg kompjutera izaberete PDF dokument koji zelite da dodate.

Pritiskom na dugme 'Open' otpremanje odabrane datoteke ce poceti. To obicno traje minut ili dva, sve zavisi od velicine datoteke i brzine vaseg interneta.

Kada se upload zavrsi, kliknite na ime datoteke koju ste dodali i ona ce vas odvesti na novu stranicu.

Pre nego sto ugradite zeljeni dokument na vasu stranicu/blog, potrebno je promenite dozvolu datoteke u javnosti. Promenu vrsite tako sto kliknete desnim klikom na zeljeni dokument i izaberete opciju 'Deli...'

Otvorice vam se prozor za deljenje sa ljudima. Vi cete kliknuti na opciju 'Napredno' koja se nalazi u donjem desnom uglu prozora.

Kada ste kliknuli na opciju 'Napredno' otvorice vam se nov prozor.

Ovde mozete videti link za deljenje samo sa saradnicima. Datoteku trenutno mozete videti samo vi (Privatno). Mi zelimo da odabranu datoteku delimo sa sa svima na webu, a to cemo promeniti tako sto kliknemo na opciju 'Promeni'.

Izaberite opciju 'Ukljuceno - javno na vebu' i sacuvajte promene.

Nakon promene podesavanja dozvola o deljenju, sada je vreme da uzmete vas link za deljenje.

Sada desnim klikom idemo na zeljeni dokument i izaberemo opciju za 'Deli...'. Postupak mozete videti na slici iznad. Kopirajte link.

Ono sto je sada potrebno jeste da u ovom kodu koji cu ostaviti dole za deljenje zamenite vasim linkom koji ste kopirali.

<iframe src="https://drive.google.com/file/d/0B9Jlfj07XxktS3JYZ3lYTkVQVk0/view?usp=sharing" width="600" height="300"></iframe>

Zeleni link zamenite vasim.

Sada ostaje samo da ga dodate na vasu stranicu.

Sacuvajte o objavite. To bi bilo to. :)

Continue Reading →

CSS3 download dugme za vas blog

CSS3 Download dugme za blogger 

Ovo dugme se sastoji od CSS3, odnosno bez upotrebe bilo kakvih slika ili JavaScript-a. Ovo dugme moze biti zaista korisno za blogove koji nude preuzimanje nekog sadrzaja, softvera, igrica...

Ovde mozete pogledati kako to izgleda.

Dodavanje CSS koda u Sablon

• Idite na vas blog
• Idite na opciju iz menija Tema > Izmeni HTML
• Pronadjite </body>  (ctrl+f)
• Sledeci kod nalepite iznad </body>

<style>

.abt-button {
    margin: 50px auto;
    width: 200px;
}

 /* Get this button at bloggerisanje.blogspot.com */ 

.abt-button a {
    background: -moz-linear-gradient(center top , #00B7EA 0%, #009EC3 100%) repeat scroll 0 0 transparent;
    color: white;
    display: block;
    font: 17px/50px Helvetica,Verdana,sans-serif;
    height: 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 200px;
    position: relative;
    z-index: 2;

  /*TYPE*/
  color: white;
  font: 17px/50px Helvetica, Verdana, sans-serif;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;

  /*GRADIENT*/ 
  background: #00b7ea; /* Old browsers */
  background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* IE10+ */
  background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#00b7ea&#39;, endColorstr=&#39;#009ec3&#39;,GradientType=0 ); /* IE6-9 */
}

.abt-button a, .abt-button p {
    -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;

  -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
     -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
          box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}
.abt-button p {
    background: #222222;
    color: #FFFFFF;
    display: block;
    font: 12px/45px Helvetica,Verdana,sans-serif;
    height: 40px;
    margin: -40px 0 0 10px;
    position: absolute;
    text-align: center;
    transition: margin 0.5s ease 0s;
    width: 180px;
    z-index: 1;
  /*TRANSITION*/ 
  -webkit-transition: margin 0.5s ease;
     -moz-transition: margin 0.5s ease;
       -o-transition: margin 0.5s ease;
      -ms-transition: margin 0.5s ease;
          transition: margin 0.5s ease;

}
.abt-button:hover .up {
    margin: -5px 0 0 10px !important;
}
.abt-button:hover .down {
    line-height: 35px !important;
    margin: -85px 0 0 10px !important;
}
.abt-button a:active {

background: #00b7ea; /* Old browsers */
background: -moz-linear-gradient(top,  #00b7ea 36%, #009ec3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* IE10+ */
background: linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#00b7ea&#39;, endColorstr=&#39;#009ec3&#39;,GradientType=0 ); /* IE6-9 */

}
.abt-button:active .up {
    margin: -20px 0 0 10px !important;
}
.abt-button:active .down {
    margin: -70px 0 0 10px !important;
}
</style>

• Posle dodavanja koda sacuvajte i pratite sledeci korak.

Dodavanje dugmeta

Kada smo dodali CSS kod, trebamo da dodamo HTML na zeljeno mesto. Dakle, kada god zelite da dodate ovo dugme na neku stranicu ili na nekom postu, potrebno je da uredjivac prebacite na HTML opciju i nalepite vas HTML kod koji cu ostaviti ispod.

<div class="abt-button">
      <a href="#">Download</a>
      <p class="up">click to begin</p>
      <p class="down">1.2MB .zip</p>
    </div>

Posle dodavanje HTML-a potrebno je samo da na mestu gde je # dodate vas url za preuzimanje datoteke. Takodje, 1.2MB  .zip promenite i stavite vasu velicinu datoteke.

To bi bilo to.. :)

Continue Reading →

Animirano ucitavanje stranica na blogu

Page Loading Effect na vasem blogu

Svaki bloger zeli da njegov blog izgleda sto bolje u odnosu na konkurenciju i tako stekne sto veci broj citalaca. Ovaj vidzet ce svakako dodati malo vise ozbiljnosti vasem blogu.

Ovaj vidzet radi tako sto kada vasi posetioci kliknu na bilo koju stranicu, post ili link, kada zeli da napusti trenutnu stranicu, ucitavanje ce biti animirano.

Kako radi ovaj vidzet mozete videti na samom blogu, samo jednostavno kliknite na bilo koji post.

Da biste dodali ovaj efekat na vas blog potrebno je da uradite sledece:

• Idite na opciju Tema > Izmeni HTML
• Pronadjite (ctrl+f)  </body>
• Iznad njega nalepite sledeci kod

<style>
#abt-page-loader {
        position: fixed!important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVVCJt3JGOMZQjyU-UKDgEqdH_2-W9ecP_lFUEjfKChiPEasM49lcq5YdgppY8XizctcT0g_ukeB3r8kxBIUMvjLGjLP2DbmCby26Ka2YRO_he9W80laRrZjfIBokz5JIhRDHfM2Q60vo/s200/load6.gif') no-repeat 50% 30%;
        color: #FFF;
        display: none;
        font: 0/0 a;
        text-shadow: none;
        padding: 1em 1.2em;
}
</style> 
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="abt-page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
    // ... Show the Animation `.fadeIn()`
    $('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>

• Posle dodavanja koda, sacuvajte.

To bi bilo to. :)

Continue Reading →

Animirano dugme "Idi na vrh"

Kako dodati dugne "Idi na vrh" ili "Povratak na vrh stranice" ?

U ovom clanku cu vam pokazati kako da dodate na vas blog prelepo animirano dugme u obliku rakete za vracanje na vrh stranice. Idealan widget ukoliko imate duze clanke na vasem blogu. Uz samo jedan klik bicete na pocetku stranice.

U nastavku cu ostaviti HTML/JavaScript kod koji mozete da kopirate:

/* Widget by bloggerisanje.blogspot.com */


<div class="scroll-top">

<img src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMzEuMDc2IDMxLjA3NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzEuMDc2IDMxLjA3NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMS41NDksMjAuMjI3di0zLjk0N2MwLTguODA2LTMuNzI1LTE0LjEyNS01LjI4My0xNS45NjRDMTYuMDk4LDAuMTE2LDE1Ljg1MSwwLjAwMiwxNS41OTEsMCAgICBjLTAuMjYxLTAuMDAxLTAuNTA4LDAuMTEyLTAuNjc5LDAuMzFjLTEuNTg0LDEuODM1LTUuMzg0LDcuMTU2LTUuMzg0LDE1Ljk3djMuOTQ4bC0wLjcyOSwwLjQ5MSAgICBjLTEuNDA1LDAuOTQ4LTIuMjQ4LDIuNTMzLTIuMjQ4LDQuMjI5djQuNzExYzAsMC4yNzksMC4xNTQsMC41MzcsMC40LDAuNjdjMC4yNDcsMC4xMzIsMC41NDYsMC4xMTcsMC43NzgtMC4wMzlsMi4zNjgtMS41NzcgICAgYzAuNjY1LTAuNDQyLDEuNDQ1LTAuNjc5LDIuMjQ0LTAuNjc5aDEuNzQxdjIuMjgzYzAsMC40MiwwLjM0LDAuNzYsMC43NTksMC43NmgxLjM5NGMwLjQxOSwwLDAuNzU5LTAuMzQsMC43NTktMC43NnYtMi4yODNoMS43NCAgICBjMC43OTksMCwxLjU4LDAuMjM1LDIuMjQ2LDAuNjhsMi4zNjYsMS41NzZjMC4yMzIsMC4xNTYsMC41MzEsMC4xNzEsMC43NzgsMC4wMzljMC4yNDYtMC4xMzMsMC40LTAuMzkxLDAuNC0wLjY3di00LjcxMSAgICBjMC0xLjY5NC0wLjg0NC0zLjI3OS0yLjI0OC00LjIyOUwyMS41NDksMjAuMjI3eiBNMTUuNTM5LDE0LjA0M2MtMS40NDYsMC0yLjYyLTEuMTczLTIuNjItMi42MTljMC0xLjQ0NywxLjE3NC0yLjYxOSwyLjYyLTIuNjE5ICAgIGMxLjQ0NSwwLDIuNjE5LDEuMTcyLDIuNjE5LDIuNjE5QzE4LjE1OCwxMi44NywxNi45ODQsMTQuMDQzLDE1LjUzOSwxNC4wNDN6IiBmaWxsPSIjMzMzMzMzIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==" />

  <span class="flame"></span>
  <span class="flame"></span>
  <span class="flame"></span>
</div>


<style>
.scroll-top img{
height:45px;
margin: -12px 0 0 5px;
border:0;
}

.scroll-top {height: 60px; width: 60px; position: fixed; bottom: 100px; right: 30px; display: none; z-index: 9999;}.scroll-top:hover{animation-delay:0s;animation-duration:.1s;animation-iteration-count:infinite;animation-name:shake-little;animation-play-state:running;animation-timing-function:ease-in-out}.scroll-top .flame{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#ffda44 transparent transparent;border-style:solid;border-width:25px 3px 3px;display:none;height:0;left:-4px;margin:-5px auto 0;position:absolute;right:0;top:66%;width:0}.scroll-top .flame+.flame{border-width:10px 2px 2px;left:20px;margin:0}.scroll-top .flame+.flame+.flame{border-width:10px 2px 2px;left:auto;margin:0;right:24px}.scrolling .flame{display:block}.nav-toggle,.owl-item .quote-icon,.price-box .price-box-head-shadow,.scroll-top .flame{transition:all .5s cubic-bezier(.25,.1,.25,1) 0s}@keyframes shake-little{0%{transform:translate(0,0) rotate(0)}14%,16%,2%,20%,24%,30%,48%,52%,54%,76%,8%,84%,86%,88%,92%,96%,98%{transform:translate(0,0) rotate(-.5deg)}10%,12%,22%,32%,4%,42%,44%,64%,72%,80%,90%{transform:translate(-1px,0) rotate(-.5deg)}18%,34%,36%,46%,6%,66%,68%,70%,74%,82%,94%{transform:translate(0,-1px) rotate(-.5deg)}26%,28%,38%,40%,50%,56%,58%,60%,62%,78%{transform:translate(-1px,-1px) rotate(-.5deg)}}
</style>


<script type="text/javascript">
// Scroll to top button
    wnHeight = jQuery(window).height();
    //Check to see if the window is top if not then display button
    jQuery(window).scroll(function(){
        if (jQuery(this).scrollTop() > wnHeight/2) {
            jQuery('.scroll-top').fadeIn();
        } else {
           jQuery('.scroll-top').fadeOut().removeClass('scrolling');
        }
    });

    //Click event to scroll to top
    jQuery('.scroll-top').click(function(){
        jQuery('html, body').animate({scrollTop : 0},800);
        jQuery(this).addClass('scrolling');

    });

</script><!-- Widget  by bloggerisanje.blogspot.com -->

• Potrebno je da odete na opciju Izgled > Dodaj gadget > HTML/JavaScript
• Kopirajte i nalepite kod > Sacuvaj.

To bi bilo to. :)

Continue Reading →

Kako dodati Sitemap stranicu na vasem blogu?

Dodavanje Sitemap stranice (Sadrzaj) na blogu

HTML Sitemap ili sadrzaj pokazuje organozovanu listu postova koji se nalaze na vasem blogu. U ovom clanku cu vam objasniti kako da u par jednostavnih koraka dodate vasu Sitemap stranicu koja ce olaksati vasim citaocima da se lakse snadju.

1. Idite na Blogger i ulogujte se na vas Account
2. Idite na opciju Stranice. Napravite novu stranicu i dodelite joj ime koje zelite, kod mene je to "Sadrzaj"
3. Kopirajte sledeci kod:

<style type="text/css">#toc{width:99%;margin:5px auto;border:1px solid #dddddd;-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}.labl{color:#eb3131;font-weight:bold;margin:0 -5px;padding:1px 0 2px 11px;background:-moz-linear-gradient(right,#eb3131 0%,#eeeeee 40%);background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#eb3131),color-stop(1,#f06060));border:1px solid #transparent;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}.labl a{color:#fff;}.labl:first-letter{text-transform:uppercase;}.new{color:#444444;font-weight:bold;font-style:none;}.postname{font-weight:normal;background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#eeeeee));}.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>

<br /><div id="toc"><script src="https://rawgit.com/101Helper/docs/master/sitemap.js" type="text/javascript"></script><script src="https://bloggerisanje.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

-Potrebno je da ga nalepite na vasoj stranici tako sto cete klinkuti na opciju HTML koja se nalazi u gornjem levom uglu.
-Sada je potrebno da samo zamenite moj link sa vasim koji je oznacen https://bloggerisanje.blogspot.com
-Sacuvajte stranicu, objavite i to bi bilo to.

Ovde mozete da vidite kako to izgleda.

Continue Reading →