Tech Acoustically: Bloggerin teema hifistelyä

Via: http://fuckyeahhotweirdguys.tumblr.com/

Ulkoasua päivitettäessä oppi jälleen paljon uutta. Jaan nyt muutaman tempun teidänkin kanssanne, jotta oma sivueditointinne olisi helpompaa kuin itselläni! Muista ottaa varmuuskopio teemasta ja säästä itseltäsi PALJON päänvaivaa (Muokkaa HTML-koodia > Lataa koko malli).

Bloggerin valmiissa teemoissa on monesti varjo tai kehys kuvan ympärillä. Monesti se ei kuitenkaan omaa visuaalista silmää hyväile, joten siitä kannattaa hankkitua mahdollisimman nopeasti eroon. Se onnistuu menemällä Bloggerin hallintapaneelista ylävälilehdisistä kohtaan Ulkoasu > Mallin suunnittelutyökalu > (sivusta) Lisäasetukset > (vierityspalkista) Lisää CSS ja copy pastella alla oleva koodi sinne. Muista lisätä ylimääräinen rivinvaihto (paina kerran "enter") viimeisen aaltosulkeen } jälkeen.

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,.BlogList .item-thumbnail img {padding: none !important;border: none !important;background: none !important;-moz-box-shadow: 0px 0px 0px transparent !important;-webkit-box-shadow: 0px 0px 0px transparent !important;box-shadow: 0px 0px 0px transparent !important;}

Toinen mikä saattaa häiritä tai vastaavasti mielyttää silmää on blogin ympärillä olevat varjopalkit. Niitä pääset hallitsemaan etsimällä sivusi lähdekoodista ( Hallintapaneeli > Ulkoasu > Muokkaa HTML - koodia (muista laajentaa widget-mallit)) kohdan .content-outer. Kyseisen koodipätkän määrittelyn pitäisi olla luokkaa

.content-outer {-moz-box-shadow: 0 0 40px rgba(0, 0, 0, .15);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);-goog-ms-box-shadow: 0 0 10px #333333;box-shadow: 0 0 40px rgba(0, 0, 0, .15);margin-bottom: 1px;}

Näillä asetuksilla varjo näkyy. Säätämällä leveyksiä vaikutat varjon kokoon ja väriä pystyy tästä myös muuttamaan. Muuttamalla leveyden arvoja (esim. 40px, 5px jne.) nollaan saa varjot kokonaan pois.

Widgetit blogi sivulla on hieno keksintö. Etusivu kuitenkin on monen mielestä hyvä pitää mahdollisimman tyhjänä ylimääräisestä "kurasta", joten olisi hyvä saada widgetit näkymään vain yksittäisiä postauksia klikattaessa. Tämä onnistuu helposti. Ensi pitää selvittää widgetin "numero". Tämä onnistuu klikkaamalla ulkoasu välilehden sivuelementit kohtaa. Sitten valitset "Muokkaa" haluamasi widgetin kohdalla. Widget avautuu uuteen ikkunaan jonka osoitepalkin lopussa on widgetin numero aivan viimeisen (esim. HTML11). Tämän jälkeen avaa Blogger-sivun HTML-koodieditori kuten yllä, klikkaa laajenna widget mallit ja etsi kyseisellä nimellä (esim. HTML11).

Korvaa nyt paljastuva koodi rihma tällä (ensimmäinen (yliviivattu) rivi saa pysyä itsenään):

<b:widget id='HTML11' locked='false' title='******' type='HTML'><b:includable id='main'><b:if cond=´data:blog.pageType == &quot;item&quot;´><data:content/><b:if></b:includable></b:widget></b:section>

Olennaisimpia muuttaa ovat korostetut rivit. Muuttamalla <b:if cond= määrittelyjä voi widgetin saada näkymään vain tietyllä sivulla jne.

Näillä mennään. Kysy jos jotain jäi epäselväksi ja kysy jos on jotain minkä tekemistä Bloggerissa olet pohtinut. Bloggeria voi muokata aika pitkälle vaikka se ei kaikkeen taivukkaan.

Loppuun vielä ettei kävisi liian raskaaksi dataus biisi Jonny McGovern - Sexy Nerd . HOTHOT! ;)