Автоматизирано съкращаване на публикациите в blogger

Tова много добро решение показва или отново скрива съкратената част от публикацията в същата, а не в нова страница, като използва jQuery expander plugin, създаден от Karl Swedberg и лицензиран едновремено под условията на MIT и GPL. Промяната в кода се прави много лесно. Идете в Оформление - Редактиране на HTML кода. Поставете отметка в полето Разгъване на шаблоните на притурки. След това намерете в кода </head> и поставете следващия блок с код непосредствено преди него:

<script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery-1.2.3.pack.js' type='text/javascript'/>
<script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery.expander.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('.excerpt').expander({
slicePoint: 300, // Указва броя символи които да се показват първоначално (броят се и HTML таговете)
expandText: '[...]', // Ако желаете, заменете [...] с друг символ или текст, напр. Вижте още
userCollapseText: '[^]' // Ако желаете, заменете [^] с друг символ или текст, напр. Скрий
});
});
</script>

След това маркирайте и копирайте (десен бутон върху маркираното -> копиране) следния код:

<b:if cond='data:blog.pageType != "item"'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>

намерете следната секция в кода:

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Маркирайте цялата секция и я заменете с току-що копираната (десен бутон върху маркираната секция - поставяне), както е показано в примера по-долу:

Сега натиснете бутон "Визуализация". Ще видите, че вашите публикации са в съкратен вид и на мястото на прекъсването се е появил символ-връзка - [...]. При натискане той разтваря и останалата част на публикацията в същата страница. На негово място се появява друг символ - [^] - натискането на който отново я съкращава. Ако вариантът ви устройва, натиснете "Запазване на шаблона" и готово.

За онези от вас, които биха искали малко повече контрол и персонализираност, мога да предложа услугите си за интегриране в сайта им (без значение дали в blogger или другаде) на варианти като тези по-долу:

Анимиран - плъзгане

Анимирано появяване на остатъка от текста на публикацията или на желана част от нея. Текстът се появява заедно със собствена рамка и цвят на фона, плъзгайки се с рамката си изпод текста на публикацията отгоре надолу. Повторното натискане на връзката за появата му го скрива отново, връщайки всичко обратно.

Анимиран - разкриване

Анимирано появяване на остатъка от текста на публикацията или на желана част от нея. Текстът се появява сякаш постепенно сваляме скриваща го преграда. Повторното натискане на връзката за появата му го скрива отново, връщайки преградата обратно.

Анимиран - изгряване

Анимирано появяване на остатъка от текста на публикацията или на желана част от нея. Текстът се появява постепенно, имитирайки изгрев. Повторното натискане на връзката за появата му го скрива отново, имитирайки залез.

Естествено, възможните ефекти за поява и скриване на текст в публикация са многобройни, като позволяват и комбиниране, и както казах, не се ограничават до прилагане само в blogger. Искате ли такива и вие - потърсете ме!

И ако информацията ви е била полезна, моля вижте тук!

Направи си сайт - въпроси и отговори