Несколько минут назад я сообщил вам о нововведении контакта – комментариях.
Теперь я хочу рассказать о том как установить комментарии вконтакте на joomla.
Лично я использую на всех своих сайтах систему комментариев jcomments. Она надежна, проста, и работает с большинством компонентов). Именно поэтому я задумал связать jcomments и коментарии вконтакте.
Всё оказалось проще чем ожидалось).
Итак начнем:
Для начала получаем код на странице контакта http://vkontakte.ru/developers.php?o=-1&p=Comments
Выбираем необходимую ширину и количество комментариев на странице.
Теперь открываем index.php лежащий в папке испоьзуемого шаблона joomla.
И в любое место между тегами <head></head> вставляем такой вот кусочек кода выданного нам контактом:
<!– Put this script tag to the <head> of your page –>
<script type=»text/javascript» src=»http://vkontakte.ru/js/api/openapi.js?9″ charset=»windows-1251″></script><script type=»text/javascript»>
VK.init({apiId: ХХХХХХ, onlyWidgets: true});
</script>
где XXXXXX это id вашего сайта в контакте) о том как получить apiId можно прочитать тут.
Теперь переходим в каталог /components/com_jcomments/tpl/папка_шаблона и открываем файл tpl_index.php.
Находим строки:
<div id=»jc»>
<div id=»comments»><?php echo $comments; ?></div>
И перед ними вставляем вторую часть скрипта выданного контактом.
<!– Put this div tag to the place, where the Comments block will be –>
<div id=»vk_comments»></div>
<script type=»text/javascript»>
VK.Widgets.Comments(«vk_comments», {limit: 10, width: «400″});
</script>
Обратите внимание на параметры {limit: 10, width: «400″}. Изменяя их вы можете изменить настройки без участия контакта))
Впринципе после таких несложных телодвижений мы получаем работающую систему коментариев вконтакте и коментарии jcomments.
Плюс такого метода использования комvентариев вконтакте по моему мнению огромен. Комvентарии вконтакте будут выводится толькотам где выводятся комvентарии jcomments, а значит все настройки показа будут распостранятся и на jcomments. Попросту говоря комvентариев вконтакте не будет там где нет jcomments.
Но выглядит се это не очень то прикольно) я решил расположить эти две системы коментариев в 2 столбика. Для этого я прописал такие вот строчки в css файле шаблона сайта:
#vk_comments {
float:left;
width:400px;
margin-top: 15px;
}
и
#jc {
float:left;
margin-left: 5px;
margin-top: 15px;
border-left: 1px dashed #ccc;
padding-left: 5px;
width: 400px;
}
Не забываем что расмеры блоков следует подбирать индивидуально для каждого сайта. Мне вот подошли такие)
Ну все радуемся и наслаждаемся)) и говорим спасибо 
20 responses
Do you want to comment?
Comments RSS and TrackBack Identifier URI ?
Trackbacks