Снежен ефект за вашия сайт

Снегът и зимата вече чукат на вратата и много сайтове се премениха, за да ги посрещнат. Едни добавят снежни, коледни и новогодишни картинки, други прибавят и по-сложни ефекти и така създават у посетителите си едно празнично настроение, а всички знаем, че доволният посетител е редовен посетител. Затова може би и вие ще пожелаете да премените своя сайт.

За всички пожелали да имат в сайта си снежен ефект - падащите снежинки, с което да повдигнат настроението на посетителите си, ето и нужната информация за поставянето му.

Най-напред искам да допълня, че ефектът на падащ сняг се дължи на Java скрипт, който генерира снежинки във вид на бели точки, което го прави неподходящ за сайтове с бял фон. За разлика от други подобни скриптове, обаче той е много по-лек за зареждане, което се дължи на това, че всъщност генерираните снежинки не са изображения, а обикновени бели текстови символи (ако фонът на сайта ви е бял, снежният ефект трудно ще се забележи).

Скриптът със снежинки без изображения е на Kurt Grigg и може да се постави както в джаджа, така и в публикация. Разбира се, във втория случай публикацията трябва да бъде отворена, за да се зареди и снежният ефект. А всичко, което ви е нужно, за да започнат да прехвърчат снежинки и на вашия сайт, е следният код:

<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript">
/***********************************************
* Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
* Please keep this notice intact
***********************************************/
</script>
<a href="http://www.napravisisait.com/2009/01/snowing-effect-script.html">Снежинки за твоя сайт</а>

Е, желая ви весело настроение! А сега, слагайте Снежко и в своя сайт!!!

Вижте още: Два леки скрипта за снежинки за всеки сайт

Ако информацията ви е била полезна, подкрепете ме!

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

Защо притурките на Google Friend Connect в сайта ми не показват нищо?

От известно време притурките на Google Friend Connect, станали важна част от "Направи си сайт!"  не функционираха - на тяхно място стояха само празни полета. Знаейки, че те са базирани на джава скрипт допуснах, че при някоя от модификациите по шаблона на сайта си съм използвал друг джава скрипт, който е в конфликт с тях и дълго време не потърсих точната причина и съответното решение. Е, днес имах време да се заема с проблема и установих, че той не бил само мой. Оказа се, че притурките на Google Friend Connect се държат така на милиони сайтове в цял свят. И ако и вие във вашия сайт ползвате така популярният prototype скрипт, то значи и вие сте сред засегнатите.

Тъй като лично аз не бих искал да лиша сайта си от възможностите на нито един от двата скрипта, а да чакам докато авторите на prototype пуснат нова версия на скрипта не ме устройва, се огледах из форуми, помощни групи и т.н. за решение. И го намерих в официален отговор на Bob Aman - служител в Гугъл. Решението се свежда до добавянето на малко код, непосредствено преди някоя от притурките на Friend Connect (еднократно), които сме поставили в сайта си. А ето и самия код, отстраняващ пропуска в Prototype - скриптът, причиняващ проблема с притурките на Friend Connect:

<script>
window.JSON = {
parse: function(st){
return st.evalJSON();
},
stringify: function(obj){
return Object.toJSON(obj);
}
};
</script>

След този код вече е реда и на кода на съответна притурка на Friend Connect, която желаете да интегрирате в сайта си. Те започват с код от вида:

<!-- Include the Google Friend Connect javascript library. --> <script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script>...

Е, възползвайте се и вие!

Ако информацията ви е била полезна, можете да ме подкрепите или да препоръчате този материал (бутона по-долу).

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

Как да добавя модул за коментари в сайта си бързо и лесно

Възможността за коментиране, т.е. това посетителите в даден сайт да могат да оставят свое мнение по прочетения от тях материал и дори да отговорят на нечий друг коментар към него, може да бъде желана или не. За бизнес сайтовете например, много по-вероятно е такава функция да не е нужна, докато в основата на всеки един блог или форум тя има витално значение. Затова много често даден сайт се създава структурно и с оглед на нуждата от коментари. Т.е. изборът дали да е статичен или динамичен, може да зависи тъкмо от тази нужда. И ако, да кажем, вашият сайт е статичен или е динамичен, но просто в него липсва възможност за оставяне на коментари, дали можете да си добавите такава функция сами? А дали можете да си добавите функция за коментиране само за някои или за всички ваши страници?

Отговорът на тези въпроси е "да". Вие можете лесно да добавите функция за коментиране във всеки свой сайт, в желана от вас негова страница, без да е нужно да разбирате от HTML код, програмиране и пр. Всичко, което ви е нужно е разработеният и лесен за вграждане модул за коментари JS-Kit Echo.

Модулът за коментари е базиран на джава скрипт и вграждането му в даден сайт се свежда до поставянето на желаното място в него на един единствен ред от код:

<script src="http://js-kit.com/comments.js"></script>

Когато го поставите в сайта си, ще видите това:



Лесно, нали! А сега изпробвайте и вижте сами какво всъщност може този модул.

Това, което трябва да се подчертае е, че модулът е независим и самостоятелен за всяка страница, в която е поставен. Т.е. ако искате модул за коментари, който да позволява посетителите в отделните ви страници да коментират само на едно място, то или трябва да го поставите в странична лента (но тогава той не се ли превръща в обикновена чат-кутия!) или да използвате притурката за коментари в сайта от социалните приставки на Google Friend Connect.

Иначе, по-важните негови възможности в синтезиран вид са следните:

• Административен панел за настройка на модула за коментари от самите вас
• Модулът за коментари позволява подчинени коментари (threaded comments)
• Позволява влизането с профил (най-популярните социални мрежи са обхванати)
• Позволява споделяне на коментара в основните социални мрежи
• Можете да добавяте изображение, видео или емотикони в коментара си
• Коментарите се появяват в реално време
• ... виж всички функционалности в официалния сайт на модула
  

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

Вижте още:
Как да направя сайта си интерактивен

Надявам се статията ми да ви е полезна и да ме подкрепите!

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

Как да поставя притурка за показване на последните коментари в blogger блог

Ако имате сайт в Blogger, вероятно ви се е искало да имате в страничната си лента и джаджа с последните коментари и сте се чудили защо не намирате такава готова притурка в базата от джаджи на blogger. При това притурка, която е почти задължителен елемент от един интерактивен сайт. Е, Google си знаят защо не са сложили. Но не ви пречат да си създадете и поставите такава и сами.

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

Показаният вариант е базиран на Java скрипт, поради което може да се постави както в HTML/Java притурка в страничната лента, така и в публикация (в режим Редактиране на HTML кода на публикацията).

Притурка "Последни коментари"

За това решение трябва да благодарим на MadTomatoe, а как изглежда то, можете да видите в моя сайт най-долу. Направил съм само някои дребни промени в скрипта, с оглед това, че ще се ползва на български сайтове.

За да го поставите в своя блог, ви е нужен следния код:

<!-- Начало: Притурка за последните коментари от http://www.napravisisait.com --> <script style="text/javascript" src="http://siteforfree.hit.bg/blogger/komentari.js"></script><script style="text/javascript">var a_rc=5;var m_rc=true;var n_rc=true;var o_rc=100;</script><script src="http://URL-на-вашия-блог/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script><!-- Край: Притурка за последните коментари -->
Копирайте горния код и го поставете там (copy/paste), където всъщност искате да се показват последните коментари от вашия блог. Това може да бъде както в самостоятелна HTML/Javascript притурка (Оформление -> Добавяне на притурка), така и във всеки друг елемент на вашата страница.

Важно: Промените, които трябва задължително да направите в този код: заменете там, където пише URL-на-вашия-блог с точния адрес на блога ви (напр. ime.blogspot.com).

Притурката за най-новите коментари позволява да бъде персонализирана по отношение на някои параметри. В зависимост от това какво точно искате да се показва, можете да се възползвате от следните настройки:

• брой на показваните коментари (var a_rc=5) - заменете на показаното в скобите място в горния код цифрата 5 с желаната от вас; препоръчвам ви тя да не е по-малка от 4 и да не е по-голяма от 10
• показване на датата на коментара (var m_rc=true) - при стойност false датата на коментара няма да се показва, при стойност true ще се показва
• показване на заглавието на публикацията, към която е коментарът (var n_rc=true) - при стойност false името на публикацията няма да се показва, при стойност true ще се показва
• показване на част от текста на коментара (var o_rc=100) - заменете 100 с броя символи, които искате да се показват от всеки коментар; при брой 0 няма да се показва нищо от самия коментар

Ами, това е! Сдобихте се с една полезна притурка. А може би тя не е точно онова, което ви трябва? Вижте тогава друга алтернатива - поставяне на Фейсбук притурка за коментари.

Надявам се информацията да ви е била полезна и да ме подкрепите!

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

Как да създам меню от категории в Blogger

Както споменах вече в предишен отговор, възможността да организираме публикациите си в категории и подкатегории на пръв поглед липсва в blogger. Всъщност, е възможно, но изисква да се добави нова Java функционалност и да се поработи с кода на страницата. И ако за по-напредналите това е постижимо, съмнявам се, че начинаещите ще се справят. За ентусиастите ще публикувам решението в отделна публикация. Тук ще посоча едно много по-просто и бързо постижимо решение за ръчно създаване на меню от списък с категории, което се базира на имената на етикетите ви.

Етикетите в blogger позволяват автоматизирано съставяне на списъци с публикациите, които са асоциирани с даден етикет. Ако използвате притурката за етикети от Оформление -> Добавяне на притурка -> Етикети, blogger ще покаже списък на всички ваши етикети и броя на публикациите ви, в които сте записали съответния етикет. Т.е. публикациите ви са групирани на база етикетите в тях, но без възможност за нещо повече. Тъкмо тази функция, обаче може да бъде успешно пригодена за създаване на прегледна структура от категории във вид на меню.

Да речем, че сайтът ви е за туризъм и ваши примерни категории са: Хотели, Ваканционни селища, Вили и т.н. Хотели, да речем, има подкатегории Петзвездни, Четиризвездни, Тризвездни, Семейни, Пансиони; Ваканционни селища има Морски и Планиски, а Вили има съответно Луксозни и Стандартни. Трикът е в поставянето като етикет на публикациите ви на точно онова име на подкатегория, в която искате тази публикация да се вижда. След като го направите, вече можете да пристъпите и към пригаждането на функцията, спомената по-горе, за създаване на лесно за навигация меню от категории.

В зависимост от това къде искате да поставите този модул-меню, в публикация или в страничната си лента, следва да отворите нова или вече съществуваща публикация за редакция, респективно - да отворите за добавяне нова притурка от един от двата типа: Текст или HTML/Java. В съответното поле поставете следното:

<h2>Хотели</h2><ul><li><a style="text-decoration: none;" href="http://ВАШИЯТСАЙТ.blogspot.com/search/label/Петзвездни">Петзвездни</a></li><li><a style="text-decoration: none;" href="http://ВАШИЯТСАЙТ.blogspot.com/search/label/Четиризвездни">Четиризвездни</a></li><li><a style="text-decoration: none;" href="http://ВАШИЯТСАЙТ.blogspot.com/search/label/Тризвездни">Тризвездни</a></li><li><a style="text-decoration: none;" href="http://ВАШИЯТСАЙТ.blogspot.com/search/label/Семейни">Семейни</a></li><li><a style="text-decoration: none;" href="http://ВАШИЯТСАЙТ.blogspot.com/search/label/Пансиони">Пансиони</a></li></ul><h2>Ваканционни селища</h2><ul><li><a style="text-decoration: none;" href="http://ВАШИЯТСАЙТ.blogspot.com/search/label/Морски">Морски</a></li><li><a style="text-decoration: none;" href="http://ВАШИЯТСАЙТ.blogspot.com/search/label/Планински">Планински </a></li></ul><h2>Вили</h2><ul><li><a style="text-decoration: none;" href="http://ВАШИЯТСАЙТ.blogspot.com/search/label/Луксозни"> Луксозни</a></li><li><a style="text-decoration: none;" href="http://ВАШИЯТСАЙТ.blogspot.com/search/label/Стандартни">Стандартни</a></li></ul>

В завършен вид, този модул би изглеждал приблизително така:

Остава ви само да промените навсякъде в горния код думите ВАШИЯТСАЙТ с точното име на сайта ви, както и да поставите правилните етикети и заглавия на категориите и подкатегориите на местата на Хотели, Вили, Петзвездни и т.н., спрямо вашия сайт, да запишете и да се порадвате на тази си нова придобивка - меню, базирано на етикетите на публикациите ви.

Веднъж създадена, тази структура-меню може лесно да се редактира, което ви позволява да махате, да променяте или добавяте нови категории, връзки и пр. по посочената схема и стандартния за това начин. Нещо повече - подкатегориите в менюто могат да бъдат скрити и да се показват само когато се натисне върху съответната главна категория, като възможните варианти за анимиране на това показване също са разнообразни (вижте например моето меню). Ето само три от тях за пример:

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

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

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

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

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

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

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

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

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

Мога ли да слагам свои скриптове в wordpress.com

Добавянето на външни притурки (джаджи) или скриптове в wordpress.com не е разрешено, но е възможно в blogger.com. Ако все пак искате да ползвате платформата на wordpress, но и да имате в сайта си динамично съдържание, което сам да определяте, можете да го направите ако инсталирате платформата на ваш сървър.

Прочетете за разликите между wordpress и blogger тук.

Ако информацията ви е била полезна, моля вижте как да подкрепите сайта!

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