Naslovnica

Seo

Dizajn

Zadnji postovi

Iframe

iframe koristimo kad želimo neki video,fotografiju ili neki-u stranicu staviti u naš post,a koristimo i standardnu skriptu za naš iframe.

<iframe width="853" height="480" src="http://ivanb.sfia.eu/en.html" frameborder="0" allowfullscreen></iframe>

iframe podešavamo tako da plavom bojom označeno podešavamo visinu da nam odgovara u našu stranicu i zelenom bojom označeno je širina vašeg iframea.Crvena boja vam označava link stranice ili videa koji želite staviti u vaš post.

Sve ove radnje obavezno treba raditi u HTML editoru:



VIDI DEMO:


Dodaj facebook gumb Like i podijeli ispod postova


Ovaj dio bi vam trebao biti nešto lakši a radi se o popularnim gumbima like i podijeli od facebooka.Kao i uvijek prijavite se na svoj račun i odaberite na vašoj nadzornoj ploči PREDLOŽAK>>UREDI HTML i nakon roga potražite ovaj tag  <body> i nakon njega zalijepite ovaj kod kao na slici.

<div id='fb-root'/>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = &quot;//connect.facebook.net/en_GB/all.js#xfbml=1&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>



Sad spasite vaš predložak i tražite sljedeći kod a on vam izgleda ovako;

<b:if cond='data:blog.pageType == &quot;item&quot;'> 

i odmah nakon njega zalijepite ovaj kod kao na slici.


<div style='float:left;width:100%;padding:0;margin:10px 0 5px 0'>
<div class='fb-like' data-send='true' data-show-faces='false' data-width='450'/>
</div>


Nakon ovih koraka spasite vaš predložak i pogledajte učinak trebao bi se prikazivati u svakom postu.


Na isti način možete ugraditi i popularnr gumbe od AddThis.

Pronađite isti kod :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

i odmah ispod njega zalijepite sljedeći kod kao na slici.

<div style='background:#fff;border:1px solid #d0d0d0;padding:10px 0;margin:13px 0px 8px 0px;width:100%;float:left;height:20px;'>
<div style='float:right;padding-right:10px;'>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=4rifin' type='text/javascript'/></div>
<div style='float:right;padding:2px 10px 0px 0px;font:normal 12px Arial;color:#666'>
<strong>Podijeli</strong> : 

</div>
</div>


Na dnu postova trebali bi ste imati podijeli gumbe kao ja na svojim postovima.


Što su kategorije u Bloggeru i kako ih postavljati u blogger izbornik ili menu


Što su kategorije u bloggeru i kako ih postavljati u izbornik(menu ili navigaciju) je pitanje na koji mnogi početnici mnogo razmišljaju i ne znaju od kuda krenuti.

Kategorije u bloggeru su sastavni dio kao na svakom drugom blogu osim što u bloggeru kategorije kreirate iz tagova ili oznaka a njih odvajamo zarezima .

Tagovi ili oznake na bloggeru imaju dvije funkcije jedna od njih je za sortiranje postova po kategorijama a druga tagovi služe i kao ključne riječi za pojedini post kako bi se  što bolje SEO optimizirao na tražilici.

Tagove upisujemo u desni prostor kao na slici.Prilikom pisanja tagova nakon svakog pojedinog taga ili riječi upisujemo zarez na primjer kao ova riječ vijesti- vijesti,






Za kreiranje kategorija morate obratiti pažnju na velika i mala slova u tagovima jer je veoma važno za kreiranje izbornika.Ako želite imati kategoriju vijesti onda  svaki put i za svaki post za koji smatrate da spada u kategoriju vijesti morate upisati vijesti.

Prvi put kad kreirate neki post obratite pažnju dali ćete pisati riječ Vijesti sa početnim slovom velikim ili vijesti sa početnim slovom malim i uvijek koristite taj slijed jer vam neće raditi navigacija kako bi ste vi željeli.,

Evo kao izgleda link za našu kategoriju vijesti.  http://blogger-tutorijali.blogspot.com/search/label/vijesti

  1. Plavom bojom vam je označen link vašeg bloga
  2. Naranđasta boja je naredba search(traži)
  3. Zelena boja označava label ili oznaku ili tag(sve tri riječi imaju istu funkciju ovisno kako vama piše na vašoj ploči.Meni piše na Hrvatskom Oznake)
  4. Crvena boja označava tag ili oznaku vijesti.
Zadnji tag je željna kategorija vijesti i počinje malim slovom jer sam uzeo za primjer sa malim početnim slovom i upisao ga tako gore na slici.

Pogledajte ove tutorijale kako postaviti izbornik;


http://blogger-tutorijali.blogspot.com/2014/01/dodaj-padajuci-izbornik-putem-gadgeta.html

http://blogger-tutorijali.blogspot.com/2014/01/ugradi-mega-izbornik-u-svoj-blogger.html

http://blogger-tutorijali.blogspot.com/2014/01/izradite-izbornik-u-par-klikova-po.html






Preuzmite besplatni HTML editor za vaše predloške

Surfajući internetom naletio sam na jedam mali program od 9,4 MB ali koliko sam vidio jako moćan za web stranice i XML kod u kojem su rađeni naši predlošci za blogger.

Naime radi se o Evrsoft First Page 2006 editoru kojeg svakako preporučujem a možete ga preuzeti ovdje.

Izradite izbornik u par klikova po vašoj želji


Evo jednoga tutorijala koji će sigurno obradovati mnoge blogere.Naime pružila se prilika da sami izradite padajući izbornik profesionalnog izgleda i vama po volji u svega nekoliko minuta čak ne morate znati ništa o html i drugim tehnikama za izradu stranica.

Prvo vam moram skrenuti pažnju na ovaj besplatni online program s kojim ćete sami izraditi vama po volji padajući izbornik pa krenimo.

Prijavimo se na ovaj link i odaberimo opciju Sing up i naravno odaberite besplatnu opciju.Nakon prijave odaberite također jednu od besplatnih opcija dok ne dobijete ovaj prozor.


Malo proučite vrlo je jednostavno za korištenje.Kad izradite vaš izbornik preuzmite ga na svoje računalo i rasparkirajte.Nakon raspakiranja otvara vam se datoteka cssmenu u njoj imate još datoteka jedna je menu_source u kojoj se nalazi index da vidite kako izgleda navigacija i styles datoteka koju otvarate u notepaid ili nekom drugom programu.Kad ste otvorili styles kopirajte ga i prijavite se na vaš raču u blogeru predložak >> uredi HTML.




Sad kad smo otvorili spremni smo pronaći ovaj tag  ]]></b:skin> i iznad njega zalijepimo što smo kopirali iz styles datoteke.Nakon ovog koraka otvorite datoteku readme u njoj postoje uputstva za dalje koja ću vam i ja objasniti.

Pod brojem 2 pronaći ćete ovaj link <link href="/menu_assets/styles.css" rel="stylesheet" type="text/css"> koji morate ugraditi negdje između <head> </ head> najbolje vam je odmah iznad </ head> 

Dobro sad idemo na sljedeći korak a on nam je da pronađemo naše linkove u predlošku koji izgledaju nekako ovako:

<li class='active'><a href='index.html'><span>Home</span></a></li>
   <li class='has-sub'><a href='#'><span>Products</span></a>
      <ul>
         <li class='has-sub'><a href='#'><span>Product 1</span></a>
            <ul>
               <li><a href='#'><span>Sub Item</span></a></li>
               <li class='last'><a href='#'><span>Sub Item</span></a></li>
            </ul>
         </li>
         <li class='has-sub'><a href='#'><span>Product 2</span></a>
            <ul>
               <li><a href='#'><span>Sub Item</span></a></li>
               <li class='last'><a href='#'><span>Sub Item</span></a></li>
            </ul>
         </li>

Nakon pronalaska naših linkova mijenjamo ih sa novim koje smo dobili u datotetci readme a oni izgledaju ovako.


<div id='cssmenu'>
<ul>
   <li class='active'><a href='index.html'><span>Home</span></a></li>
   <li class='has-sub'><a href='#'><span>Products</span></a>
      <ul>
         <li class='has-sub'><a href='#'><span>Product 1</span></a>
            <ul>
               <li><a href='#'><span>Sub Item</span></a></li>
               <li class='last'><a href='#'><span>Sub Item</span></a></li>
            </ul>
         </li>
         <li class='has-sub'><a href='#'><span>Product 2</span></a>
            <ul>
               <li><a href='#'><span>Sub Item</span></a></li>
               <li class='last'><a href='#'><span>Sub Item</span></a></li>
            </ul>
         </li>
      </ul>
   </li>
   <li><a href='#'><span>About</span></a></li>
   <li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>

Nemojte zaboraviti kopirati <div id='cssmenu'> preko vašeg div id-a

Ugradi mega izbornik u svoj blogger predložak


Mnogi blogeri su zamišljali imati jedan mega izbornik na svojim blogovima koji bi izgledali kao na velikim portalima a nisu ga mogli ugraditi.Pa evo ja sam pronašao jedan mega izbornik spremreman za ugradnju u blogove koji imaju mnogo kategorija a naravno vi ga možete prilagoditi svojim potrebama uz male preinake.
  1. Prvi korak je kao i uvijek se prijaviti na svoj bloger račun odabrati predložak i uredi HTML.Kad smo učinili pronalazimo ovaj kod u našem predlošku ]]></b:skin> i prije njega zalijepimo ovaj css. 

/* MBL Mega Drop Down Menu Bar For Blogger (www.mybloggerlab.com) */
ul.dropmenu{
position: relative;
margin: 0px;
padding: 1px 0px 0px 0px;
background:transparent url(http://1.bp.blogspot.com/-QlNjAxBB9YE/UGck33rIUgI/AAAAAAAAFsM/EnZ0AsEggjc/s1600/navigation.png) repeat-x scroll 0 0;
display:block;
height: 35px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
}
.dropmenu li{
position: relative;
list-style: none;
float: left;
margin: 0px;
padding: 0px;
}
.dropmenu li a{
height: 22px;
padding: 9px 30px 0px 15px;
display: block;
cursor: point;
border-right: solid 1px #4a779d;
color: #FFFFFF;
text-transform: uppercase;
text-decoration: none;
}
.dropmenu li span{
display: block;
float: right;
height: 10px;
width: 10px;
background:transparent url(http://1.bp.blogspot.com/-0mKMqQrHeUo/UGck1O8Ip6I/AAAAAAAAFr4/KUFcGh_ZnRs/s1600/arrow_up.png) repeat-x scroll 0 0;
position: absolute;
top: 12px;
right: 10px;
}
.dropmenu li a:hover span{
background:transparent url(http://1.bp.blogspot.com/-Em6wULHcShc/UGck0F2pikI/AAAAAAAAFr0/5ASpk3CSJRI/s1600/arrow_hover.png) repeat-x scroll 0 0;
}
.dropmenu li:hover ul, .dropmenu li:hover div{
display: block;
}
.dropmenu ul{
position: absolute;
display: none;
width: 140px;
padding: 0px;
margin: 0px;
border-bottom: 1px solid #ccc;
background: #FFFFFF url(http://2.bp.blogspot.com/-o7fbBa3r5K0/UGck2fvSVyI/AAAAAAAAFsE/qrcuwfBBwXM/s1600/gradient.png) repeat-x scroll 0 0;
}
.dropmenu ul li{
border: 0;
float: none;
}
.dropmenu ul a {
border: 1px solid #ccc;
border-bottom: 0;
white-space: nowrap;
display:block;
color: #0657AD;
text-decoration: underline;
text-transform: none;
}
a.selected, a:hover{
color: #0657AD !important;
background: #FFFFFF url(http://2.bp.blogspot.com/-o7fbBa3r5K0/UGck2fvSVyI/AAAAAAAAFsE/qrcuwfBBwXM/s1600/gradient.png) repeat-x scroll 0 0;
}
a.selected span{
background:transparent url(http://1.bp.blogspot.com/-Em6wULHcShc/UGck0F2pikI/AAAAAAAAFr0/5ASpk3CSJRI/s1600/arrow_hover.png) repeat-x scroll 0 0;
}
.dropmenu ul a:hover {
color:#F67A00 !important;
text-decoration: none;
background-color: #F0F0F0;
background-image: none;
}
.dropmenu div ul{
position: relative;
display: block;
}
.dropmenu li div{
background: #FFFFFF url(http://2.bp.blogspot.com/-o7fbBa3r5K0/UGck2fvSVyI/AAAAAAAAFsE/qrcuwfBBwXM/s1600/gradient.png) repeat-x scroll 0 0;
border: 1px solid #ccc;
padding: 5px;
display: none;
position: absolute;
}
.dropmenu li div ul{
border: none;
background: none;
position: relative !important;
}
.dropmenu li div a{
border: none;
border-bottom: 1px solid #ccc;
}
.dropmenu li div div{
display: block;
position: relative;
background: none;
border: none;
}
.dropmenu li div div a{
display: inline;
border: none;
color: #666;
text-decoration: underline;
padding: 0px;
margin: 0px;
text-transform: none;
}
.dropmenu li div div a:hover{
color: #000;
text-decoration: none;
}
ul.left{
float: left;
width: 145px;
}
ul.right{
float: right;
width: 145px;
}
.small{
color: #666;
font-size: 10px;
padding: 10px 5px 8px 5px !important;
display: block;
clear: both;
}
.products{
width: 300px;
padding: 15px !important;
}
.products ul{
width: 100%;
}
.products ul li{
border-bottom: 1px solid #ccc;
height: 40px;
padding: 10px 0px;
}
.products h2{
font-size: 16px;
padding: 2px 0px 3px 0px;
margin: 0px;
}
.products p{
color: #666;
font-size: 10px;
padding: 0px;
margin: 0px;
}
.products img{
float: left;
padding-right: 10px;
}
.products ul li a{
display: inline;
border: none;
color: #666;
text-decoration: underline;
padding: 0px;
margin: 0px;
text-transform: none;
}
.products ul li a:hover{
color: #000 !important;
text-decoration: none;
background: none !important;
}


.tutorials{
width: 300px;
}




input{
border:1px solid #4A779D;
padding: 3px 8px;
margin-bottom: 8px;
width: 164px;
}
label{
padding: 0px 0px 4px 0px;
display:block;
}
button{
background: #4A779D url(http://1.bp.blogspot.com/-QlNjAxBB9YE/UGck33rIUgI/AAAAAAAAFsM/EnZ0AsEggjc/s1600/navigation.png) repeat-x scroll 0 0;
color: #FFF;
border:1px solid #4A779D;
padding: 4px 10px;
width: 180px;
}


.emailupdatesform{margin: 10px 0 5px 5px; width: 180px; float: left;}


.emailupdatesform input.emailupdatesinput{background: #fff !important; float: left; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 160px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}


.emailupdatesform input.joinemailupdates{background:-moz-linear-gradient(top,#57ABFE 0%,#0080ff 100%); background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#0080ff)); border: 1px solid #0080ff; text-transform: none; font:bold 12px arial; color: #fff; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer;}
  1. Sljedeći korak moramo pronaći ovaj kod </head>  i prije njega ugraditi ovo.

<script type="text/javascript" src="https://mybloggerlab.googlecode.com/files/jquery.js"></script>
<script type="text/javascript" src="https://mybloggerlab.googlecode.com/files/dropdown.js"></script>
<script>
$(document).ready(function(){
$("#nav-one").dropmenu();
});
</script>

Sad kad smo napravili ova dva koraka započinjimo tražiti zaglavlje ili header u našem predlošku.Ovdje ćete vidjeti jedan primjer koji je najčešći u izradi predloška ali mogu biti i različiti.Nemojte ugrađivati ovaj kod samo ga pronađite i vidite gdje započinju linkovi za izbornik.

<div id='header-wrapper'>
<div class='headerleft'>
<b:section class='headerleft' id='headerleft' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='My Blogger Lab (Header)' type='Header'/>
</b:section>
</div>
Sad kad smo pronašli ovaj kod ispod njega započinju linkovi za naš izbornik koji ćemo mi zamijeniti sa ovim.



<ul id="nav-one" class="dropmenu">
<li>
<a href="#">Home</a> </li><li>
<a href="#">Forum</a><ul>
<li><a href="#">Support</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">Examples</a></li>
<li><a href="#">Your work</a></li>
</ul>
</li>
<li>
<a href="#item3">Downloads</a><ul>
<li><a href="#">Tools</a></li>
<li><a href="#">Office</a></li>
<li><a href="#">Custom projects</a></li>
</ul>
</li>
<li>
<a href="#">Products</a>
<div class="products">
<ul>


<li><img src="http://4.bp.blogspot.com/-brA1qvvpyXg/UGcoWTlHWLI/AAAAAAAAFsw/jUSjTHOvh88/s1600/1.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Featured Box</h2><p><a href="#">Pogledajte više informacija o ovom članku</a></p></li>

<li><img src="http://1.bp.blogspot.com/-vhdwdqNcO7g/UGcoXnXac1I/AAAAAAAAFs4/eo2_Cl4GaH8/s1600/2.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Mod Rewriter</h2><p><a href="#">Pogledajte više informacija o ovom članku</a></p></li>

<li><img src="http://3.bp.blogspot.com/-cxh_yK0jF28/UGcoYxhlfuI/AAAAAAAAFtA/QjbZVFg70TM/s1600/3.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Byte Scrambler</h2><p><a href="#">Pogledajte više informacija o ovom članku</a></p></li>

<li><img src="http://3.bp.blogspot.com/-cxh_yK0jF28/UGcoYxhlfuI/AAAAAAAAFtA/QjbZVFg70TM/s1600/3.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Image Processor</h2><p><a href="#">Pogledajte više informacija o ovom članku</a></p></li>

<li><img src="http://4.bp.blogspot.com/-umDs7rKTFZQ/UGcocADb7ZI/AAAAAAAAFtQ/1dTOjPwJc0M/s1600/5.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Registry Class</h2><p><a href="#">Pogledajte više informacija o ovom članku</a></p></li>

<li><img src="http://3.bp.blogspot.com/-AxTQpVFuxbs/UGcodrtWdqI/AAAAAAAAFtY/MA8K3gCE41w/s1600/6.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Data Validation</h2><p><a href="#">Pogledajte više informacija o ovom članku</a></p></li>

<li><img src="http://2.bp.blogspot.com/-KFHxELM1ei0/UGcoeqDaqqI/AAAAAAAAFtc/2jLBgm53Ws0/s1600/7.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Ajax Tables</h2><p><a href="#">Pogledajte više informacija o ovom članku</a></p></li>
</ul>

<div class="small">Dobrodošli na naše stranice nadamo se da ste pronašli sve što vas zanima bla bla bla</div>
</div>
</li>
<li>


<a href="#">Tutorials</a>
<div class="tutorials">
<ul class="left">
<li><a href="#">Javascript</a></li>
<li><a href="#">Python</a></li>
<li><a href="#">PHP</a></li>
</ul>
<ul class="right">
<li><a href="#">HTML/CSS</a></li>
<li><a href="#">ASP.NET</a></li>
<li><a href="#">Actionscript</a></li>
</ul>
<div class="small">Pogledaj <a href="#">all categories</a> or a <a href="#">popis tutorijala</a>.</div>
</div>
</li>
<li>


<a href="#">Links</a> <ul>
<li><a href="#">Programming</a></li>
<li><a href="#">Inspiration</a></li>
<li><a href="#">My websites</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Cool stuff</a></li>
<li><a href="#">Sitebase</a></li>
<li><a href="#">Other</a></li>
</ul>
</li>
<li>


<a href="#">Predtplati se</a>
<div class="emailsub">
<div class="emailupdatesform">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=OVDJE UPIŠITE VAŠ RSS', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="emailupdatesinput" name="email" value="Upišite vašu email..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Upišite vašu email...&#39;;}" onfocus="if (this.value == &#39;Upišite vašu email ...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="tntbystc" name="uri" type="hidden" /><input value="Pošalji" class="joinemailupdates" type="submit" /></form></div></div>
</li>
</ul>

Ovaj izbornik prilagodite vašim potrebama sve riječi u bojama zamijenite vašim i upišite vaš rss feed i vaš izbornik je spreman za upotrebu.

Pogledaj demo

Prijavite vaš blog na Bing tražilicu i ugradite njihov kod za praćenje

Sigurno većina blogera želi prijaviti svoj blog na većinu tražilica a da ne znaju put kako to postići.Pa evo opet sam si uzeo malo vremena da vam pokažem par jednostavnih koraka za Bing tražilicu a uskoro ću objasniti kako to napraviti i u Googleu.

Prvi postupak je da se prijavimo na Bing webmaster tools i ovdje unesemo naš link bloga ili stranice.

Nakon što smo upisali link stranice ili bloga upišite provjeru riječi i kliknite prijavi.Nakon naših prvih koraka dolazi i sljedeći a on se sastoji da morate imati račun stvoren ako ga nemate stvorite novi jer vam je to uvjet za nastaviti dalje.

Nakon prijave ili stvaranja računa bit ćete preusmjereni na sljedeću stranicu gdje vam Bing webmaster nudi kod za praćenje u dvije opcije.
  1. Opcija vam je da kod za praćenje preuzmete na vaše računalo u obliku XML dokumenta i prenesete na vaš hosting u isti direktorij gdje je vaša web stranica.(samo za vlasnike web stranica ili blogova koji koriste svoj hosting)
  2. Opcija je za nas blogere koji koristimo besplatne blog hostinge i ona je također jednostavna za ugradnju.

Nas zanima ovaj(<metaname="msvalidate.01"content="BAB654DAXXXXXXXXXXXXXXXXXXXXBD" />) kod koji ćemo kopirati i zalijepiti u naš predložak na sljedeći način.


Prvi korak je kao i uvijek ići na naš blogger račun prijaviti se odabrati predložak >> uredi HTML>>.


Kad nam se otvori html našeg predloška u vrhu postoje već oznake koje počinju sa meta i naš zadatak je da našu meta oznaku dodamo ispod kao na primjeru.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='BAB654XXXXXXXXXXXXXXXXXDB' name='msvalidate.01'/>
      <meta content='DESCRIPTION HERE' name='description'/>
      <meta content='KEYWORDS HERE' name='keywords'/>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <title>
        <data:blog.pageTitle/>
      </title>
      <b:else/>
      <title>
        <data:blog.pageName/>
        ~ 
        <data:blog.title/>
      </title>
    </b:if>
    <script src='//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>
    <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'/>
    <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
    <link href='http://fonts.googleapis.com/css?family=Bree Serif:400,700' rel='stylesheet' type='text/css'/>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet'/>
    <link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
    <b:skin><![CDATA[
      /*

Sad kad smo ugradili meta oznake u naš predložak ostaje nam samo da potvrdimo vlasništvo naše stranice jednim klikom potvrdi kao na slici.




Nakon potvrde otvara vam se novi prozor sa svim vašim analizama za praćenje i ostalim alatima. Nadam se vam je ovaj tutorijal pomogao ako nešto ne razumijete slobodno putem komentara pitajte ili na stranici podrška.

Alati

Razno

 
Copyright © 2013 Blogger tutorijali
Design by FBTemplates | BTT