U Blogspot postoji ugrađen navbar, a često se sreću i dodati toolbarovi. O Wibiya sam pisala sam u članku Toolbar po želji. Ugrađeni navbar se nalazi na vrhu stranice bloga. Onaj ko posećuje vaš blog, može da klikne na dugme Deli (Share):
i podeli vezu ka vašem blogu sa svojim poznanicima na Twitter-u, Facebook-u, GoogleBuzz-u ili GoogleReader-u.
Pri tom, ako se posetilac nalazi na stranici gde se potpuno vidi ceo članak (ako je kliknuo na Pročitajte više), onda se gore navedenim opcijama dodaje još i e-mail adresa.
.
Na taj način, zahvaljujući navbar-u vi dobijate nove čitaoce za svoj blog i u statistici poseta snižavate respektabilnost. A i, to su čitaoci koji dolaze po preporuci, tj. veća je mogućnost da postanu stalni čitaoci vašeg bloga.
.
I još, svaki link (url), koji se šalje pomoću opcije Deli ima specifičan parametar ?spref=nn, gde su značenja fb=Facebook, tw=Twitter i gr=Google Reader. A, ako koristite servis Google Analytics, ova opcija će vam pomoći da vidite koji broj posetilaca vam stiže iz svakog od ovih izvora.
.
Navbar se u Blogspot se može potpuno udaljiti. Stvaraoci ove platforme ne gledaju baš blagonaklono na takav postupak, mada se mogu videti primeri gde je navbar udaljen.
Iako ima korisnih funkcija (pretraga po blogu, mogućnost da se podeli informacija sa drugima ili da se uđe u svoju kontrolnu tablu), on ponekad kvari izgled kreativne i umetničke teme.
Može li se naći kompromis između funkcionalnosti i lepote? – Da, može.
.
Treba u HTML šablon dodati jedan mali deo koda, koji će omogućiti da se automatski skriva i pokazuje navbar pri navođenju miša na njega. Preko Kontrolne table uđite na karticu Dizajn, pa na Izmeni HTML.
Praktično, na samom vrhu, u šablonu, treba dodati ovo što je izdvojeno crvenom bojom:
.<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Watermark
Designer: Josh Peterson
URL: www.noaesthetic.com
----------------------------------------------- */
#navbar-iframe {
opacity:0.0;
height: 10px;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
height: 30px;
filter:alpha(Opacity=100, FinishedOpacity=100)
border: 2px;
}
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#c0a154" value="#c0a154"/>
.
A oni koji su baš rešili potpuno da udalje navbar, umesto crvenog dela koda treba da dodaju:
.#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
.
Hvala autoru od koga sam uzela ove kodove.
.
0 коментара :
Постави коментар