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

2011. április 24., vasárnap

Segítség Zerának - Linkelés és középrezárás HTML-kódokkal

Szia Zera!

Írtad kommentben, hogy nem tudsz az új laptopoddal középre zárni és linkelni. Sajnos nem tudom, mi lehet az oka, de ezek a dolgok megoldhatók HTML-kódok segítségével is.

Íme a kódok.

Középre zárás:

Ha egy szöveget vagy képet szeretnél középre zárni, miután beírtad ill. beillesztetted, kattints a szerkeztőben a "HTML-kód szerkesztése" fülre, és keresd meg, amit írtál - kép esetén egy ehhez hasonló kódrészletet keress:

<a href="http://2.bp.blogspot.com/-ptwir14EFn4/TDD-MUSBkNI/AAAAAAAACj4/f3zOxDy4AVY/s1600/mfclogo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-ptwir14EFn4/TDD-MUSBkNI/AAAAAAAACj4/f3zOxDy4AVY/s1600/mfclogo.png" /></a>

Akár a képkódot, akár a szöveget ilyen "center" tagek közé kell zárnod:

<center>IDE JÖN A SZÖVEG VAGY A KÉPKÓDJA</center>

Linkelés:

Na, ehhez már kicsit több mindent kell beirkálni.

Szöveg belinkelése:

Válts HTML-kód szerkesztésre, és így írd be a dolgokat:


<a href="IDE ÍRD BE AZ URL-CÍMET, AHOVÁ MUTASSON A LINK">IDE JÖN A SZÖVEG</a>

A fönti linkelést kommentben is tudod alkalmazni!

Egy beillesztett képet úgy tudsz linkelni, ha a képre kattintasz, miután betetted a posztba, ekkor megjelenik egy kék sor alatta különböző lehetőségekkel. Ott válaszd a "Link szerkesztése" pontot, és a megjelenő ablakban majd látsz egy sort, sok betűvel meg számmal. Na, azt a sort töröld, és írd a helyébe a linket, amit szeretnél, és nyomj OK-t.








Ha nem olvastad a válaszomat a kommentedre, ide is leírom a biztonság kedvéért.

Helyesírás-ellenőrzés:


Minden bizonnyal a laptopodon lévő böngésző beállításaiban kell keresni a megoldást. Ha FireFoxod van, akkor nyisd meg azt, majd fönt kattints az "Eszközök"-re, aztán ott a "Beállítások"-ra. Ekkor megnyílik egy ablak. Abban klikk a "Haladó"-ra , és az "Általános" részben (nem a föntire, hanem éppen alatta a kis fülre gondolok) pipáld ki a "Helyesírás-ellenőrzés beírás közben"-t. Elvileg ekkor már fog működni a helyesírás ellenőrzés.

Remélem, tudtam segíteni!

2010. szeptember 11., szombat

Related posts - Kapcsolódó bejegyzések

Megjeleníti a blogban a bejegyzésekhez kapcsolódó, hasonló további bejegyzéseket a címkék alapján.

 Itt láthatod, miről is van szó.

Ha tetszik, lépj be a sablonszerkesztőbe (Tervezés > HTML-kód szerkesztése), és ott jelöld be a Vezérlősablonok kibontása négyzetet.

Keresd a következőt:

</head>

És cseréld le ezzel:


<!--Related Posts Scripts and Styles Start-->
<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;

}
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:blue;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:transparent urlundefinedhttp://2.bp.blogspot.com/_u4gySN2ZgqE/SnZhv_C6bTI/AAAAAAAAAl4/Rozt7UhvgOo/s200/greentickbullet.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}
</style>

<script type='text/javascript'>
var relatedpoststitle="Related Posts";
</script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-for-blogger.js' type='text/javascript'/>

<!--Remove--></b:if>
<!--Related Posts Scripts and Styles End-->
</head>

Ha meg akarod változtatni a fölötte megjelenő feliratot, írd át a pirossal jelölt szöveget tetszésed szerint ebben a kóddarabban: 

var relatedpoststitle="Related Posts"

Ha ezzel megvagy, keresd meg ezt:


post-footer-line-1


És közvetlenül utána illeszd be az alábbi kódot:

<!-- Related Posts Code Start-->

<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget for Blogger" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>

<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicatesundefined); printRelatedLabelsundefined&quot;<data:post.url/>&quot;);
</script>
</div>

<!--Remove--></b:if>
<!-- Related Posts Code End-->

Az alábbi részletben a számot átírva szabályozhatod, mennyi linket mutasson a modul a posztjaid alatt:




var maxresults=5;

Végül, ha azt szeretnéd, ha a főoldalon is megjelennének a kapcsolódó bejegyzések, töröld a két hosszú kódból a kékkel kiemelt részeket. 



Összességükben ezek azok, ezeket kell keresni és törölni


az első kódból:
<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Remove--></b:if>
a második kódból: 
 <!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
 <!--Remove--></b:if>



Nézd meg előnézetben, nem jelez-e hibát, ha minden oké, mentsd a sablonodat.



2010. augusztus 29., vasárnap

Segítség Oximoronnak 2. - Rating (Csillagok) megjelenítése, ha nem működik alapból

Legelőször is lépj be a sablonod HTML-szerkesztőjébe, és jelöld be a Vezérlősablonok kibontása négyzetet.

És most keresd meg ezt a jó hosszú kódrészletet:

<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'>&#160;</span>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/>

És cseréld le az egészet a következővel:

<!-- feed links -->
<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.loadundefined&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
function initializeundefined) {
google.annotations.setApplicationIdundefined<data:top.blogspotReviews/>);
google.annotations.createAllundefined);
google.annotations.fetchundefined);
}
google.setOnLoadCallbackundefinedinitialize);
</script>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/>


Ezután keresd meg ezt:

<p class='post-footer-line post-footer-line-3'/>

És közvetlen utána másold be ezt:

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>

Nézd meg Előnézetben, nem jelez-e hibát. (Ha a Tervezés oldalon már bejelölted, hogy mutassa a csillagokat - gondolom, igen -, akkor láthatod őket a poszt alján.)

Ha minden oké, mentheted.

2010. augusztus 27., péntek

Segítség Oximoronnak - A megosztás-gombok megjelenítése, ha nem működik alapból

Úgy döntöttem, inkább posztban, mint kommentben küldöm Neked a megoldást, Oximoron, mert így jobban el tudom magyarázni.

Akkor tehát:

Először is lépj be a sablonod HTML-szerkesztőjébe, és jelöld be a Vezérlősablonok kibontása négyzetet.

Keresd ki a kódban ezt:

<!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>


 Ha megvan, csak másold közvetlen a </span> után akövetkezőt:


<div class='post-share-buttons'>
        <b:include data='post' name='shareButtons'/>
      </div> 

Nézd meg Előnézetben, s ha nem ír ki hibát, láthatod a gombokat a poszt alján.
Mentsd a sablonodat, és készen vagy.

2010. augusztus 22., vasárnap

Automatikus "Read More" 2.

Ezen alkalmazást használva nem látszik a bejegyzés részletben a teljes posztban szereplő kép.

Első lépésben meg kell keresned és kimásolnod valahová a blogID-det. 
Menj a Bejegyzések szerkesztése fülre, és a címsorban meg is találod.


Az a hosszú számsor lesz a végén.

Ha ezt kimásoltad - a sajátodét természetesen -, lépj be a sablonszerkesztődbe, és jelöld be a Vezérlőelemek kibontása négyzetet. 

Majd keresd meg ezt a kódot:

 <data:post.body/>

És cseréld le ezzel:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'/>
<script type='text/javascript'>
var blogID = &quot;937920098338306331&quot;;
function retriveSummaryPost<data:post.id/>undefinedjson){document.getElementByIdundefined&quot;summary<data:post.id/>&quot;).innerHTML
= json.entry.summary.$t + &quot;...&quot;}
function createSummaryPost<data:post.id/>undefinedPOSTID){ var script =
document.createElementundefined&quot;script&quot;);
script.src = &quot;http://www.blogger.com/feeds/&quot;+blogID+&quot;/posts/summary/&quot;+POSTID+&quot;?alt=json-in-script&amp;callback=retriveSummaryPost<data:post.id/>&quot;;
script.type = &quot;text/javascript&quot;; document.getElementsByTagNameundefined&#39;head&#39;)[0].appendChildundefinedscript);
}
</script>
<script type='text/javascript'>
createSummaryPost<data:post.id/>undefined&quot;<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>--&gt;Read more...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='post_body'><data:post.body/></div>
</b:if>  

Végül a pirossal kiemelt számsort cseréld ki avval, amit az előbb kimásoltál, és mentsd a sablont.

Néhány ReadMore gomb

http://i643.photobucket.com/albums/uu153/nirav07/black-1.gif
http://i643.photobucket.com/albums/uu153/nirav07/black.png
http://i643.photobucket.com/albums/uu153/nirav07/black1.gif
http://i643.photobucket.com/albums/uu153/nirav07/blue-dark.gif
http://i643.photobucket.com/albums/uu153/nirav07/blue-1.gif
http://i643.photobucket.com/albums/uu153/nirav07/blue.png

http://i643.photobucket.com/albums/uu153/nirav07/blue1.gif
http://i643.photobucket.com/albums/uu153/nirav07/bluish.png
http://i643.photobucket.com/albums/uu153/nirav07/brown.gif
http://i643.photobucket.com/albums/uu153/nirav07/dark-bluish.png
http://i643.photobucket.com/albums/uu153/nirav07/dark-grey.gif
http://i643.photobucket.com/albums/uu153/nirav07/dark-orange.gif
http://i643.photobucket.com/albums/uu153/nirav07/dark-purple.gif
http://i643.photobucket.com/albums/uu153/nirav07/green.png
http://i643.photobucket.com/albums/uu153/nirav07/green1.gif
http://i643.photobucket.com/albums/uu153/nirav07/greenish.png
http://i643.photobucket.com/albums/uu153/nirav07/grey-1.gif
http://i643.photobucket.com/albums/uu153/nirav07/grey.png
http://i643.photobucket.com/albums/uu153/nirav07/grey1.gif
http://i643.photobucket.com/albums/uu153/nirav07/light-blue.png
http://i643.photobucket.com/albums/uu153/nirav07/light-orange.gif
http://i643.photobucket.com/albums/uu153/nirav07/orange.png
http://i643.photobucket.com/albums/uu153/nirav07/original.gif
http://i643.photobucket.com/albums/uu153/nirav07/pink.png
http://i643.photobucket.com/albums/uu153/nirav07/purple-1.gif
http://i643.photobucket.com/albums/uu153/nirav07/purple.png
http://i643.photobucket.com/albums/uu153/nirav07/purple1.gif
http://i643.photobucket.com/albums/uu153/nirav07/red-dark.gif
http://i643.photobucket.com/albums/uu153/nirav07/red-1.gif
http://i643.photobucket.com/albums/uu153/nirav07/red.png
http://i643.photobucket.com/albums/uu153/nirav07/red1.gif

Automatikus "Read More" 1.

Lépj be a blogod sablonszerkesztőjébe.

Tervezés > HTML-kód szerkesztése > Jelöld be a Vezérlő sablonok kibontása négyzetet.

Keresd meg:

</head>
És másold be elé a következő kódot:

<SCRIPT type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 500; summary_img = 400; img_thumb_height = 130; img_thumb_width = 281; </SCRIPT> <SCRIPT src='http://www.smashingtips.com/wp-content/uploads/2009/05/read-more.js' type='text/javascript'/>
 Második lépésben keresd ki ezt:

<p><data:post.body/></p>
És cseréld le az alábbi kóddal:

<b:if cond='data:blog.pageType == &quot;item&quot;'><p><data:post.body/></p><b:else/><DIV expr:id='&quot;summary&quot; + data:post.id'><p><data:post.body/></p></DIV> <SCRIPT type='text/javascript'>createSummaryAndThumbundefined&quot;summary<data:post.id/>&quot;);</SCRIPT> <div style='clear: both;'/> <div style='border:0px;padding-top:5px;;float:right;text-align:right;'><span class='readon'><a expr:href='data:post.url' rel='bookmark'><img src='http://i422.photobucket.com/albums/pp302/bloggeracs/ReadMore.png'/></a></span></div></b:if>
Nézd meg előnézetben, nem ír-e hibát, és láthatod, kb. hogy néz ki. Azért kb., mert még ezt formázhatjuk is.

Ha van kép a posztodban, látható a bejegyzés részletben is, de nem biztos, hogy megfelelő a kép formája, de ezt megváltoztathatod.

Keresd ki a var thumbnail_mode = "no-float" részt, és a no-float-ot írd át float-ra. 
Az img_thumb_height = 130 rész mutatja, a bejegyzésrészletben megjelenő kép magasságát. Az img_thumb_width = 281 pedig a szélességét. A számokat írd át tetszés szerint a kép méretének változtatásához. 

summary_noimg = 500 - Ilyen hosszú szöveg jelenik meg, ha nincs kép a posztban (500 karakternyi).
summary_img = 400 - És ennyi, ha van (400 karakter).
Itt is tetszés szerint átírhatók a számok.

http://i422.photobucket.com/albums/pp302/bloggeracs/ReadMore.png - Ez a kép jelenik meg a bejegyzésrészlet alatt, amelyre kattintva olvashatóvá válik a teljes poszt. Ezt kicserélheted másik képre, ha nem tetszik. (A Google képkeresőbe írd: Read more button, és kidob egy rakás gombot, amikből választhatsz; vagy akár készíthetsz magadnak egyedit.)

Ha elkészültél, mentsd a sablont.
Related Posts Plugin for WordPress, Blogger...