Как поставить облако тегов на Ucoz или Народ.ру
Такое облако тегов - есть плагин для wordpress (вордпресса) , и работает он на PHP.
К сожалению, не на Народ. ру, не на Ucoz нельзя поставить свои PHP скрипты!
Но все же установить такое облако на сайт использующих эти хостинги возможно, хотя это и связанно с увеличением работы.
Сначала придется сделать все на РНР, а затем адаптировать для этих хостингов.
Для такого облака тегов, понадобиться скачать js - скрипт (swfobject.js) и небольшой флеш - файл.(tagcloud.swf)
Скопировать код приведенный ниже в блокнот, и сохранить в кодировке UTF-8, с расширением php.
(Ссылки выделенные красным замените на свои.)
| <head> <title>oblako</title> <script type="text/javascript" src="swfobject.js"></script> </head> <body> <div id="tags"> <?php $tags = '<tags> <a href="http://a-surf.narod.ru/" style="font-size: 15pt">Главная</a> <a href="http://a-surf.narod.ru/map.htm" style="font-size: 15pt">Карта</a> <a href="http://www.narod.ru/guestbook/?owner=124441200" style="font-size: 15pt">Гостивуха</a> <a href="http://a-surf.narod.ru/bezopasnost.htm" style="font-size: 15pt">Защита</a> <a href="http://a-surf.narod.ru/referal.htm" style="font-size: 15pt">Рефералы</a> <a href="http://a-surf.narod.ru/surf.htm" style="font-size: 15pt">Серфинг</a> </tags>'; ?> <script type="text/javascript"> var rnumber = Math.floor(Math.random()*9999999); var widget_so = new SWFObject("tagcloud.swf?r="+rnumber, "tagcloudflash", "230", "140", "9", "#ffffff"); widget_so.addParam("allowScriptAccess", "always");widget_so.addVariable("tcolor", "0x333333"); widget_so.addVariable("tspeed", "115"); widget_so.addVariable("distr", "true"); widget_so.addVariable("mode", "tags"); widget_so.addVariable("tagcloud", "<?php echo urlencode($tags); ?>"); widget_so.write("tags");</script> </div> </body> </html> |
Затем требуется:
- Скачать и установить локальный сервис Денвер. (как, описано на официальном сайте denwer)
- В папке home, создать папку (назвать например oblako), в этой папке создать папку www (исключительно с таким названием)
- Все файлы перенести в эту папку (www).
- Запустить Денвер.
- Открыть браузер, в адресной строке которого набрать имя папки (у нас http://oblako/)
Открыв страницу мы увидим крутящиеся облако тегов.
(для удобства создадим js-скрипт )
Создаем ява скрипт.
Открываем блокнот и копируем код ниже.
| var rnumber = Math.floor(Math.random()*9999999); var widget_so = new SWFObject("tagcloud.swf?r="+rnumber, "tagcloudflash", "230", "140", "9", "#ffffff"); widget_so.addParam("allowScriptAccess", "always");widget_so.addVariable("tcolor", "0x333333"); widget_so.addVariable("tspeed", "115"); widget_so.addVariable("distr", "true"); widget_so.addVariable("mode", "tags"); widget_so.addVariable("tagcloud", "<?php echo urlencode($tags); ?>"); widget_so.write("tags"); |
- Заходим в браузер (на страницу с крутящимся облаком).
- Смотрим исходный код страницы. И находим строку:
widget_so.addVariable("tagcloud", "%3Ctags%3E%..........3C%2Ftags%3E"); (Картина очень похожа на код выше, вот только в строчке выделенной красным - козябяки.)
- Аккуратно копируем этот код, и вставляем его в блокнот.(код между кавычками!)
- Сохраняем файл с именем "tags", и расширением "js" (tags.js), в ту же папку с файлами.
Устанавливаем плагин wordpress на свой сайт.
Открываем в блокноте или редакторе файл куда будем вставлять этот плагин.
Вставляем:
- <script type="text/javascript" src="swfobject.js"></script> - между тегами <head> </head>
- <div id="tags"> </div> - то место, где на странице будет облако
- <script type="text/javascript" src="tags.js"></script> - перед закрывающим тегом </body>
Финиш. Если выполнить все аккуратно будет работать.
P.S.
Следует заметить, что ссылки в облаке, вряд ли будут индексироваться поисковиками, поэтому если нужна индексация их лучше продублировать.
При установке кода на свой сайт проверьте правильность пути к файлам.
Идейку подкинул мой друг, облако тегов
и постоянный участник спейс-чата, под ником "zip" (даст тематическую ссылку размещу, пока здесь его рефка), a кое что почерпнул из этого блога w-blog.ru. и szenprogs.ru