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

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...