Mi a fene ez?

Mi a fene ez?

Semmi különös, itt próbálom ki a cuccokat, mielőtt beteszem a többi blogomba... Ha jól működik, fent hagyom, hogy érte jöhessek, ha szükségem van rá máskor, de hogyha tetszik, nyugodtan viheted Te is! De mielőtt bármibe kezdenél, olvasd el a Tanácsokban leírtakat a modulok és sablonok sikeres használatának érdekében!

Közlemény!

Először is: sajnálom, ha nem válaszoltam a kommentedre, de sokáig nem jöttem a blogra, elnézést! Másodszorra pedig, mint láthatod új külsőt kreáltam a próbajáratnak, ezért néhány dolog lehet, hogy nem működik - hiába van feltüntetve néhány kódnál, hogy a demó látható az oldalon valahol -, mivel a sabloncserével néhány később hozzáadott kódrészlet törlődött. Majd pótolom lassanként.

Köszönöm megértésedet és türelmedet,
von Birken


Az oldal mentése PDF-be

2009. december 27., vasárnap

Kódbox >>>TIPP!<<<

Demo:

pre.source-code {
font-family : Andale Mono, Lucida Console, Monaco, fixed, monospace;
color : #000;
background-color : #eee;
font-size : 12px;
overflow: auto;
padding : 5px;
width : 98%;
border : 1px dashed #999999;
line-height : 14px;
clear:both;
}



Elkészítés:

A sablonszerkesztőben keresd a következőt:

]]></b:skin>


Fölé pedig ezt másold be:


pre.source-code {
font-family : Andale Mono, Lucida Console, Monaco, fixed, monospace;
color : #000;
background-color : #eee;
font-size : 12px;
overflow: auto;
padding : 5px;
width : 98%;
border : 1px dashed #999999;
line-height : 14px;
clear:both;
}


Mentsd a sablont.

Ennek az eszköznek a használatához szükség van Greasemonkey-ra, amelyet telepítened kell, ha még nincsen.

Ha ezzel megvagy, fel kell még telepítened a Blogger Source Code Formatter Greasemonkey scriptet.

Ezt az alkalmazást csak a Régi szerkesztőben tudod használni, ezért állítsd át a Beállítások részben.

Ha ezt megtetted, a Bejegyzéseket megnyitva, ott a HTML-kód szerkesztés fülre kattintva, egy új ikont fogsz látni: egy nagy C-betűt.

A megjelenítendő kódot írd vagy másold be a szövegszerkesztőbe a szokásos módon, jelöld ki, majd nyomd meg a C-t.

Visszaváltva Írás módra, a kódban színezheted, formázhatod is a szöveget, a Demóban látható módon.

Lebegő címkék

Keresd a következő kódot a sablonszerkesztőben:

<b:section class='sidebar' id='sidebar' preferred='yes'>


Közvetlen utána másold be ezt:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>



Mentsd el, és kész.

Az Elrendezések >> Oldalelemek részben a többi modulhoz hasonlóan áthelyezheted és/vagy átnevezheted.

Az eszközt az oldal alján láthatod működés közben.

Rare and Royal 3 column




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/RareandRoyal3column.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Run Rudolph 3 column




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/RunRudolph3column.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Lets Sing_3 Column




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/letssing_3columncopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Roasted Honey 3 column




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/roastedhoney3column.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Medieval 3 column




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/Medieval3column.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Bumbleberry 3 column




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/bumbleberry3column.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Berenger_3 Column




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/Berenger_3columncopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Heaven 3 column




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:
<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/Heaven_3columncopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Pieces of Heaven_3 Column




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:
<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/piecesofheaven_3Columncopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Touch of Sweetness 3 column




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/touchofsweetness_3column.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

I'm Torn 3 column




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/ImTorn_3columncopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Stenciled in Time 3 column




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/stenciledintime_3column.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Clover Vineyard




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:


<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/CloverVineyardcopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

LinkWithin

Na mármost, hogy is írjam ezt le... Szóval a bejegyzések alatt látható képeket és/vagy linkeket hozza létre ez a modul. Alapból csak a képpel rendelkező bejegyzéseket linkeli, de ha az eszköz kódjából kiveszed a With Thumbnails részt, akkor a kép nélkülieket is linkeli.

Ebből a kódrészletből kell törölni:

<br /> <a href="http://www.linkwithin.com/"><img alt="Related Posts With Thumbnails"


És így néz ki, miután töröltem:

<a href="http://www.linkwithin.com/"><img alt="Related Posts"


Az modult >>>ITT<<< készítheted el.

Bamboo




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/bamboo2bgcopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Madison Avenue




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/madisonavenuewider.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Graisley 3 column




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/graisely3column.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Quixotical 3 3 column




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/quixotical33columncopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Too Darn Cute!




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/toodarncutecopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Two Hearts




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/twoheartsnewcopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Elegant Pink Trellis




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:
<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/elegantpinktrelliscopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Haulin' Dirt




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/haulindirtbackground.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Glittered Pink Swiss




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/glitteredpinkswissbackgroundcopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Glittered Mon Cheri




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/glitteredmoncheribackgroundcopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Decker




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/deckerbackgroundcopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Holly Jolly 2




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/hollyjolly2copy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Scattered Graffiti




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:
<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/scatteredgraffitibackgroundcopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Darling Butterfly




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/darlingbutterflybackgroundcopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Strawberry Mint Delight




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/StrawberryMintDelightbackgroundcopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Barefoot 3 column




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/barefoot23columncopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Antique Bits




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/antiquebitscopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Gratitude




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/GratitudeBlogBackgroundrightsizeJam.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Ice Princess




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/3columnIcePrincessDarrylSigouin.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Tin Roof Background




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/tinroofwidercopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Harvest Song




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/new-Harvest-Song.gif %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Greetings on Halloween




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/GreetingsonHalloween.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Dusk Over Rome




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/Duskoverrome.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

A Jolly Halloween




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/AJollyHalloweencopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Vintage Hearts Damask 3 column




Ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy Simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.

Kód:
<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/Vintageheartsdamask3column.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

2009. december 26., szombat

Santa Swag Background



Először is, ha ilyen hátteret szeretnél, a sablonodat érdemes kicserélni, az Elrendezés - Új sablon választása részben a Minima, Minima Lefty, Minima Stretch, Minima Lefty Stretch vagy simply II. gyári sablonra, mert ezek átlátszóak. Aztán az alábbi kódot másold be az Elrendezés - Oldalelemek -Új modul - HTML/Javascript részbe, mentsd a modult és kész.


Kód:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i342.photobucket.com/albums/o401/Thecutestblogontheblock/santaswagcopy.jpg %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 http%3A//www.thecutestblogontheblock.com%22%20target%3D%22_blank%22%3E%0A%3Cimg%20src %3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

A navigációs sáv (navbar) elrejtése (Nem eltávolítása!)

Keresd ki a sablonszerkesztőben:

]]></b:skin>


Elé pedig illeszd be:

#navbar-iframe {
height:5px;
}

/* IE7, IE8, IE6 */
#navbar-iframe { height/*\**/: 30px\9; }


#navbar-iframe:hover {
height:40px; !important;
}



Mentsd el a sablont.

Ha az oldalad tetejére húzod a kurzort, előtűnik a navigációs sáv.

>>>ITT<<< megtekintheted, hogyan működik.

Light Box galéria - Slide show


Ebben az esetben is úgy járunk el, mint az előző kettőnél, csak evvel egészítjük ki a kódot:

rel="lyteshow[groub1]" title="IDE JÖN A KÉPFELÍRAT"


Valahogy így kell aztán kinéznie:

<a rel="lyteshow[groub1]" title="IDE JÖN A KÉPFELÍRAT" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_JwD5r652h00/Swa1Adh6yPI/AAAAAAAAATA/THiv6vdejW0/s1600/3924705805_15d638ca8d_o.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 324px;" src="http://4.bp.blogspot.com/_JwD5r652h00/Swa1Adh6yPI/AAAAAAAAATA/THiv6vdejW0/s400/3924705805_15d638ca8d_o.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5406207422236379378" /></a><br /> <br /> <a rel="lyteshow[groub1]" title="IDE JÖN A KÉPFELÍRAT" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_JwD5r652h00/Swa1Adh6yPI/AAAAAAAAATA/THiv6vdejW0/s1600/3924705805_15d638ca8d_o.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 324px;" src="http://4.bp.blogspot.com/_JwD5r652h00/Swa1Adh6yPI/AAAAAAAAATA/THiv6vdejW0/s400/3924705805_15d638ca8d_o.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5406207422236379378" /></a> 




Demo:

Kattints a képre!









Light Box galéria - Csoportos galéria (léptethető)

A kezdő lépések megegyeznek az előző bejegyzésben leírtakkal, azzal a különbséggel, hogy itt a kóvetkező kódrészletet illesztjük be a szövegszerkezstőbe (az a és az onblur közé, szóközzel):

rel="lytebox[groub1]" title="IDE A JÖN A KÉPFELÍRAT"


Így kell a beillesztés után kinéznie:

<a rel="lytebox[groub1]" title="IDE A JÖN A KÉPFELÍRAT" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_JwD5r652h00/Swa1Adh6yPI/AAAAAAAAATA/THiv6vdejW0/s1600/3924705805_15d638ca8d_o.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 324px;" src="http://4.bp.blogspot.com/_JwD5r652h00/Swa1Adh6yPI/AAAAAAAAATA/THiv6vdejW0/s400/3924705805_15d638ca8d_o.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5406207422236379378" /></a><br /> <br /> <a rel="lytebox[groub1]" title="IDE A JÖN A KÉPFELÍRAT" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_JwD5r652h00/Swa1Adh6yPI/AAAAAAAAATA/THiv6vdejW0/s1600/3924705805_15d638ca8d_o.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 324px;" src="http://4.bp.blogspot.com/_JwD5r652h00/Swa1Adh6yPI/AAAAAAAAATA/THiv6vdejW0/s400/3924705805_15d638ca8d_o.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5406207422236379378" /></a>





Demo:
(Kattints a képre - A kurzort a jobb és bal fölső sarokba húzva léptetheted.)










Light Box galéria - Képek egyenként a boxban


1. lépés


Keresd meg a következőt a HTML-szerkesztőben:

/head>


Elé illeszd be az alábbi kódot:


<!--Code-By-AllBlogTools-->
<link href='http://www.mydatanest.com/files/allblogtools/29603_izeup/lytebox.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://www.mydatanest.com/files/allblogtools/29602_xemqf/lytebox.js' type='text/javascript'/>
<!--Code-By-AllBlogTools-->


Mentsd a sablont.

A Beállításoknál állítsd át a blogod a Régi szerkesztőre.

Ha a Blogspotot használod a rendszer automatikusan a Picasába menti a feltöltött képidet. Lépj be oda, töltsd föl és/vagy válaszd ki a light boxba kívánt képet, jobb egérgombbal klikklej rá, kép címének másolása pontot válaszd ki.

Visszatérvén a bloggerbe, a szövegszerkesztőben lépj a HTML-kód szerkesztésére, nyisd meg a képfeltöltőt, és másold be a kép URL-jét, a megfelelő dobozba, majd feltöltés.A nagy képeket érdemes kicsire húzni, hogy jól nézzen ki, ha rákattintanak.

A következőhöz nagyon hasonló kód fog megjelenni a HTML-szerkesztőben:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_JwD5r652h00/Swa1Adh6yPI/AAAAAAAAATA/THiv6vdejW0/s1600/3924705805_15d638ca8d_o.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 324px;" src="http://4.bp.blogspot.com/_JwD5r652h00/Swa1Adh6yPI/AAAAAAAAATA/THiv6vdejW0/s400/3924705805_15d638ca8d_o.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5406207422236379378" /></a>


Az alábbi kódrészletet illeszd bele (az a és az onblur szavak közé, szóközzel.)

rel="lytebox"

Eképpen kell majd kinéznie:

<a rel="lytebox" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_JwD5r652h00/Swa1Adh6yPI/AAAAAAAAATA/THiv6vdejW0/s1600/3924705805_15d638ca8d_o.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 324px;" src="http://4.bp.blogspot.com/_JwD5r652h00/Swa1Adh6yPI/AAAAAAAAATA/THiv6vdejW0/s400/3924705805_15d638ca8d_o.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5406207422236379378" /></a>


Ha a "lytebox" után bemásolod - szóközzel - a következőt, feliratozhatod a képet:

title="IDE JÖN A FELIRAT"


Megjegyzés: Minden beillesztett kép kódját a fentiek szerint át kell írni!

Demo:
(Kattints a képekre!)


Related Posts Plugin for WordPress, Blogger...