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

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

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

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

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

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



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

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

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

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

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

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

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

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

Как да откроя авторските си коментари в Blogger

Щом вече сте се сдобили със собствен блог, обърнали ли сте внимание на това, как изглеждат вашите собствени коментари в него? Най-вероятно, те имат стила на останалите коментари, т.е. не се различават от тях. Вие обаче, можете да го промените, в името на това да улесните посетителите си, които може да искат да открият именно вашите мнения/отговори. А "по-лесно за посетителите" е един от факторите да ги задържите в сайта си, нали!

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

Промяна на стила на авторските коментари в Blogger

Ако вашият сайт е базиран на Blogger, следва да модифицирате кода на шаблона на сайта от Оформление -> Редактиране на HTML кода, съгласно указанията по-долу. Ако не се чувствате достатъчно сигурни, за да правите промени в кода, по-добре недейте или най-малкото, направете архив на шаблона, преди да започнете редакцията му (от връзката "Изтегляне на целия шаблон").

Добавяне на функцията, намираща авторските коментари и прилагаща определения за тях стил

1. Поставете отметка на "Шаблоните на приставките да се разгъват"

2. Натиснете Ctrl+F и открийте мястото в шаблона на "comments-block"

3. Добавете оцветените в оранжево части от код, както е показано в примера:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-avtor-komentar'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

След като направите това, ви остава само да укажете и стила, с който да се показват вашите коментари.

4. Открийте с Ctrl+F по-долу в шаблона клас ".comment-body".

5. Добавете след знака "}" за целия .comment-body модул, следния код за клас:

.blog-avtor-komentar p {
margin: 0 0 .75em;
padding: 5px 10px;
font-size: 120%;
font-family: courier;
background: url("adres na kartinka");
}

6. Променете стойностите на оцветените в зелено параметри, така че да са еднакви с тези на клас ".comment-body" на вашия шаблон (може с Copy и Paste на съответните редове).

7. Укажете желания от вас размер (font-size) и име (font-family) на шрифта и картинка за фон (background) като промените оцветените в оранжево стойности. Ако не желаете да задавате някой от тези параметри, просто изтрийте целия ред.

8. Запазете направените промени - бутон "Запазване на шаблона".

Това е всичко. Можете да си поиграете и да променяте кода от т. 5, съгласно стъпки 6 и 7 дотогава, докато постигнете удовлетворяващия ви изглед на вашите собствени коментари. Но вярвам, че освен вас, доволни от него ще бъдат и вашите посетители.

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

Вижте още отговори на въпроси и трикове!

Как да поставя притурка за показване на последните коментари в 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 няма да се показва нищо от самия коментар

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

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

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