Автоматизирано съкращаване на публикациите в 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. Искате ли такива и вие - потърсете ме!

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

Направи си сайт - въпроси и отговори
Споделете тази статия от "Направи си сайт!" в още мрежи и/или гласувайте за нея!

5 коментара:

БоБи каза...

Здравей Митко,
Много ми хареса този вид за съкращаване на постовете,обаче ми се появи един проблем,който не мога да махна.Точно там където публикацията се съкращава,при разгъването й,думата се разделя на две и по-средата й има надпис..undefined.Има ли начин да го махна?..Щото си е бая грозно..

xSEOn каза...

Боби, провери дали следните редове от кода, който се поставя в шаблона са както по-долу:
slicePoint: 300,
expandText: '[...]',
userCollapseText: '[^]'
Ако не са, поправи ги, но ако проблемът продължава, потърси ме на скайпа.

Анонимен каза...

здрасти,
направих точно както е оказано и нищо не стана.
Само една притурка за видео се смали.

xSEOn каза...

Анонимен, щом ти се е смалила притурка, значи или не си направил промените в шаблона си съгласно инструкциите или шаблонът ти има друга структура и трябва да се подходи персонално. Твоята част от кода така ли изглежда:
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/>
</div>
Трети вариант за проблема е да не си указал в самата публикация мястото за съкращаване. Има специален бутон за това в лентата с инструменти...

Анонимен каза...

Благодаря за бързия отговор, но като натисна бутона и отида на "настойки">"емисия с публикации" и дам на съкратени се получава без да променям кода

Публикуване на коментар

Моля, имайте предвид, че коментарът ви ще бъде одобрен само ако пишете на кирилица. Можете да използвате някои HTML оператори, например <b>, <i>, <a>.
Благодаря ви!