A blogsablonod képei 2.

Mielőtt hozzákezdesz, mentsd el a régi sablonod. Ha nem jól csináltál valamit, akkor vissza tudod állítani a blogodat!

1. Készíts egy mappát a számítógépeden pl. sablonomkepei néven.
   Irányítópult - Elrendezés - HTML-kód szerkesztése (vez.sab. kibontása nem kell kipipálni)
   A kód elején keress, míg nem találsz egy hivatkozást arra, hol vannak a képek. Pl.:
   
   /* Layout */
   #outer-wrapper {
   background: url('http://i379.photobucket.com/albums/oo234/giselej/bg_top-2.png') repeat-x center top;
   width: 100%;
   margin: 0px;
   padding: 0px;
   float: left;
   clear: both;
   }
2. Nyiss új lapot a böngészőn, és a piros színű hivatkozást írd be. Most megtaláltad a képeket. Mentsd le őket egyenként a sablonomkepei mappába a gépedre. Ezt a lapot be is csukhatod.
3. Most menj a bejegyzések fülre, és írj egy új bejegyzést pl. Sablon képek címmel, de ne tedd közzé, csak piszkozatban mentsd el. Töltsd fel ide az összes képet, pl. "nagy" méretben. Mindegyik közé tegyél egy üres sort, így jobban fogod látni. Ha kész, mentsd.
   Válts át HTML-kód nézetre (itt a posztnál!), ne Írás-ban legyél. Ilyeneket látsz (Explorerben nézve):
   

   
<a href="http://4.bp.blogspot.com/_pHfsk7ExMQA/SrTe0aXcWQI/
AAAAAAAACDE/4IA3LNvBQQo/s1600-h/bgr_body_top.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 119px;" src="http://4.bp.blogspot.com/_pHfsk7ExMQA/SrTe0aXcWQI/
AAAAAAAACDE/4IA3LNvBQQo/s400/bgr_body_top.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5383172446626797826" /></a>

<a href="http://4.bp.blogspot.com/_pHfsk7ExMQA/SrTet7suOkI/
AAAAAAAACC8/GLdlbWOJF2U/s1600-h/bgr_body_end.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 57px;" src="http://4.bp.blogspot.com/_pHfsk7ExMQA/SrTet7suOkI/
AAAAAAAACC8/GLdlbWOJF2U/s400/bgr_body_end.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5383172335315335746" /></a>

<a href="http://3.bp.blogspot.com/_pHfsk7ExMQA/SrTefZn742I/
AAAAAAAACC0/1Jcnl9kWLjo/s1600-h/bgr_board.png"><img id="BLOGGER_PHOTO_ID_5383172085650285410" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 200px; CURSOR: hand; HEIGHT: 27px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_pHfsk7ExMQA/SrTefZn742I/
AAAAAAAACC0/1Jcnl9kWLjo/s200/bgr_board.png" border="0" /></a>
   

   
   
4. Minden képnél hagyd meg a pirossal jelölt részt, a többit töröld ki. Ments. Ez marad:
   

   
http://4.bp.blogspot.com/_pHfsk7ExMQA/SrTe0aXcWQI/
AAAAAAAACDE/4IA3LNvBQQo/s1600-h/bgr_body_top.png

http://4.bp.blogspot.com/_pHfsk7ExMQA/SrTet7suOkI/
AAAAAAAACC8/GLdlbWOJF2U/s1600-h/bgr_body_end.png

http://3.bp.blogspot.com/_pHfsk7ExMQA/SrTefZn742I/
AAAAAAAACC0/1Jcnl9kWLjo/s1600-h/bgr_board.png

   
   
5. Mindegyikből töröld a piros részt: -h
   Csak az s1600 maradjon.
6. Készen vannak a kép hivatkozások:
   

   
http://4.bp.blogspot.com/_pHfsk7ExMQA/SrTe0aXcWQI/
AAAAAAAACDE/4IA3LNvBQQo/s1600/bgr_body_top.png

http://4.bp.blogspot.com/_pHfsk7ExMQA/SrTet7suOkI/
AAAAAAAACC8/GLdlbWOJF2U/s1600/bgr_body_end.png

http://3.bp.blogspot.com/_pHfsk7ExMQA/SrTefZn742I/
AAAAAAAACC0/1Jcnl9kWLjo/s1600/bgr_board.png

   
   
7. Nyiss új lapot a böngészőben és menj be a blogodba
   
8. Irányítópult - Elrendezés - HTML-kód szerkesztése
9. Bogarászd végig a kódot, keress meg minden képet, és szúrd be ezekre a helyekre egyenként a Sablon képek bejegyzésből az új hivatkozásokat a régiek helyett. Pl.:
   
   /* Layout */
   #outer-wrapper {
   background: url('ideszúrdbe') repeat-x center top;
   width: 100%;
   margin: 0px;
   padding: 0px;
   float: left;
   clear: both;
   }
10. Mentsd el a sablont.

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