Magazine style Blogger theme with slider - Bloggersablon lapozóscripttel

A blogom bejegyzések feletti részén láthattok egy lapozómodult, amely a két legfrissebb posztot emeli ki. Ez az ún. újságstílusú (magazine style) sablonokon manapság gyakran alkalmazott elem, és javascripttel valósítható meg. A Bloggeren azonban nehézkes a javascript-használat, ezért a témáknak egy új családja jelent meg, amelyekbe ez a lapozómodul már eleve be van építve úgy, hogy a scriptet maga a sablon tartalmazza.
Ilyen típusú újdonság a Magnolia a Templatesblock-on, melyet 4 színben - zöld, narancs, kék, lila - is letölthetünk.
A Magnolia sorozat alapvetően a sötét témák közé tartozik. Nagyon elegáns megjelenésű, érdekes felosztással 3 hasábot tartalmaz. A sidebar és a posztterület nagyjából felezi a teljes oldalszélességet. A sablon fix szélességű, a fejlécen két linksáv is található. A sarkok enyhén lekerekítettek. A Read more funkciót tartalmazza. A láb rész négy hasábra osztott, ahová szintén modulokat tehetünk, akár az oldalsávba.

MAGNOLIA EVO

Demo | Letöltés

MAGNOLIA ORANGE

Demo | Letöltés

MAGNOLIA MARINE

Demo | Letöltés

MAGNOLIA BURGUNDY

Demo | Letöltés

A lapozómodul beállítása:

Hogy megváltoztasd a Képek/Címek/Leírás... részt, ismerkedj meg a kóddal.
Menj ide: Elrendezés - HTML-kód szerkesztése,
nyomd meg Ctrl+f, és a megnyíló keresőbe írd be: Natlie Imburglia
Láthatod, ez a kép címe, amely a lapozóban eléúszik, a sok kód között szinte elvesz.

MINDEN LAPOZÓ a következő kódrészekből áll, amelyek egymástól üres hellyel vannak elválasztva.
Egy-egy lapnak ugyanaz a kódja, de mások a linkek és a cím benne.

Mindegyik képlap ezzel kezdődik
<!--Start Slide Code Set--> 

és ezzel végződik
<!--End Slide Code Set-->

Mindegyik képlaphoz a következő kód tartozik:

<!--Start Slide Code Set-->
<li>
<div class='slider-position'>
<div class='post-tittle'>

<h3>Natlie Imbruglia</h3>

<div class='post-tittle-p'>
<p>Doesn`t she look very cool?</p></div>

</div><!--end post-tittle-->
</div><!--end slider-position-->
    
<a href=''><img height='240px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9mo1ebGonwQN3RGbBrl6qZkKb2LWt9OJ8m2faz4g-d1lDAsf7A_GWT80guhGJbO826solHGJYTSXLmjEtnRPVVcuOo7eeEqL6DkfFtxqgE9W0Y3GA8xirmORJ7_-RaUJpLzOXXv_zdvIV/s1600/Natalie-Imbruglia.jpg' width='400px' zc='1'/></a> 
</li>
<!--End Slide Code Set-->

Tehát ahány képet akarsz, annyiszor kell ezt a kódot beírnod. Ha akarod, másolhatsz még belőle többet vagy törölhetsz is.

A kép címe: Natalie Imbruglia - ezt írd át
A leírás: Doesn`t she look very cool? - ezt írd át
A kép: a href="ide kell a képed URL címe"

A képeket egy képszerkesztővel jó, ha eleve 240px magasságúra és 400px szélességűre alakítod, mert ha eltérő arányú és méretű ettől, akkor torzulás és minőségromlás következik be.

Ha a sablont használni akarod, de a lapozóra nincs szükséged, akkor csak töröld ki a HTML kódból a fenti kódrészeket. Teljesen jól fog így is működni.

Ha tetszett és segített neked ez a poszt, kérlek lájkold ezt az oldalunkat is:
LÁJKOLOM
Köszönöm. Wise Lady