Облоко меток для Blogger

Вам нужно установить Облоко тегов на Blogger или на свой сайт? тогда читаем данную статью в которой я рассмотрю возможность быстрой установки данного виджета для Blogger, а также для других сайтов.

- Установка облоки тегов для Blogger совсем не сложный процесс, но данный метод не всегда работоспособный по этому сморим на данный метод по отдельности.Итак давайте опишем все действия, заходим в админку Блоггера, нажимаем на вкладку "Дизайн", выбираем место на странице где мы хотим разместить наш виджет и нажимаем на "Добавить гаджет", далее выбираем не гаджет из списка а находим с левой стороны вкладку "Свой Собственый".



 нам откроется инпут для ввода url адреса гаджета, вот тудамы все стираем и вставляем эту ссылку:  http://b-cumulus.googlecode.com/svn/tags/3.0/b-cumulus.xml и нажимаем далее на ссылку "Добавить по URL ".Вам откроется окошко для настройки гаджета (ширина, высота, цвет фона, цвет меток,прозрачности и.др.) эти настройки уже на ваше усмотрение.

Данный метод не всегда работает и для него есть альтернатива.Есть скрипт написаны на Яваскрипте, называется он "Облоко тегов", его мы можем редактировать на свое усмотрение, а выглядит он таким обозом:

<script type="text/javascript" src="http://orlenok.do.am/swfobject.js"></script><div id="wpcumuluswidgetcontent"><p align="center"> 
Для красивого отображения Облака тегов       
<br /> 
необходим       
<br /> 
Adobe Flash Player 9 
<br /> 
или выше 
<br /> 
<a href="http://www.adobe.com/go/getflashplayer" target="_blank" rel="nofollow"><font color="ff3366"><b>Скачать Adobe Flash Player</b></font></a></p></div><script type="text/javascript">var rnumber = Math.floor(Math.random()*9999999);var widget_so = new SWFObject("http://orlenok.do.am/tagcloud.swf?r="+rnumber, "tagcloudflash", "200", "200", "5", "#ffffff"); widget_so.addParam("allowScriptAccess", "always");widget_so.addVariable("tcolor", "#333333");widget_so.addVariable("tspeed", "150");widget_so.addVariable("distr", "true");widget_so.addVariable("mode", "tags");widget_so.addVariable("tagcloud", "<tags><a href='ВАША ССИЛКА' style='12'>ИМЯ ВАШЕЙ ССЫЛКИ </a><a href='ВАША ССЫЛКА ' style='12'>ИМЯ ВАШЕЙ ССЫЛКИ </a><a href='http://niculucas.blogspot.com/p/cms-wordpress.html' style='12'>Wordpress</a><a href='http://niculucas.blogspot.com/p/blog-page.html' style='12'>Контакты</a><a href='http://dfiles.ru/files/re9ovynh2' style='12'>Скачать Artister 4.0</a><a href='http://niculucas.blogspot.com/' style='12'>Nick Templates</a><a href='http://www.facebook.com/nick.templates' style='12'>NT на Facebook</a><a href='http://www.odnoklassniki.ru/group/54573295337488' style='12'>NT на Odnoklassniki.ru</a><a href='https://twitter.com/Nicuxd' style='12'>NT на Twitter</a><a href='http://vk.com/nick.templates' style='12'>Мы Вконтакте</a></tags>");widget_so.write("wpcumuluswidgetcontent");</script>

* Я выделил  большими буквами места где вы должны ставит ваши ссылки и Имя вашей ссылки, а ниже есть примеры силок и их названия выделены зеленым цветом.
* Только для блоггеров.После редактирования вставляем его в нужное место на странице с помощью  гаджета. HTML/Javascript.

by Анонимный · 0

Качаем огромную колекцию шикарних иконок для сайта


Вы встречались с недостатком мини иконок для вашего сайта или блога? Если ваш ответ положительный, то я вам готов помочь с огромном количеством иконок для сайта для любых решении.В составе входят красивейшие векторные и .ico картинки готовые к использованию.Они подойдут любому сайту и сэкономят ваше драгоценное время.



- Скачать  ikonki_Nick_Templates.zip

by Анонимный · 0

3D Карусель Для Сайта


Добро пожаловать на моем сайте.Я опять пишу интересные статьи для своих читателей, а рассмотрим мы сегодня возможность создания 3D каруселях для сайта.Для чего может понадобиться карусель? все очень просто, для динамического взаимодействия с читателем вашего интернет ресурса, и плюс к этом он выглядит роскошно,привлекает внимание "неосторожнйих" посетителей и его можно легко переделать под свой нужды.Итак давайте опишем процедуру для быстрого создания 3D каруселя.


Данное изобретение идет с сайта professorcloud.com.На сайте подробно описано процедура создания каруселя, но мы рассмотрим быструю и внятную методику его генерирования на страницах собственного сайта или блога.

1.Шаг первый
.Для начала нам нужен HTML каркас каруселя, ниже я привожу пример полной HTML страницы которая содержит весь необходимый код разметки а также скрипты языка Javascript.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>  Carusel 3d</title>

<!-- You can load the jQuery library from the Google Content Network.
Probably better than from your own server. -->
<script type="text/javascript"  src="js/jquery.js"></script>

<!-- Load the CloudCarousel JavaScript file -->
<script type="text/JavaScript"  src="js/cloud-carousel.1.0.5.js"></script>

<script>
$(document).ready(function(){
  
// This initialises carousels on the container elements specified, in this case, carousel1.
$("#carousel1").CloudCarousel(
{
xPos: 360,
yPos: 70,
buttonLeft: $("#left-but"),
buttonRight: $("#right-but"),
altBox: $("#alt-text"),
titleBox: $("#title-text")
}
);
});

</script>
</head>

<body>
<!-- This is the container for the carousel. -->
        <div id = "carousel1" style="width:750px; height:400px;background:#2D342C; border:2px solid #3AE2CE; border-radius:4px; overflow:scroll;">            
            <!-- All images with class of "cloudcarousel" will be turned into carousel items -->
            <!-- You can place links around these images -->
            <img class = "cloudcarousel"  src="logotip.png" alt="Free Templates For CMS" title="Nick Templates" />
<img class = "cloudcarousel"  src="music-is-my-life.png" alt="Music Is My Life Template" title="Music Category" />
<img class = "cloudcarousel"  src="comunications.png" alt="Comunications Template" title="Relations Category" />
<img class = "cloudcarousel"  src="car-wash.png" alt="Luxury Car" title="Cars Category" />
            <img class = "cloudcarousel" src="artefact.png"  alt="Artefact Template" title="History Category" />
            <img class = "cloudcarousel"src="big city.png"  alt="Big City Template" title="Social Category" />
            <img class = "cloudcarousel"src="template_preview.png"  alt="Counter - Strike Template" title="Games Category" />
        </div>
        
        <!-- Define left and right buttons. -->
        <input id="left-but"  type="image" src="left.png" value="Left" />
        <input id="right-but" type="image" src="right.png" value="Right" />
        
        <!-- Define elements to accept the alt and title text from the images. -->
        <div style=" width:750px; padding-left:10px; color:#D0FF00; height:80px;background:#2D342C; border:2px solid #3AE2CE; border-radius:4px; overflow:hidden;">
<p id="title-text"></p>
        <p id="alt-text"></p>
</div>
</body>
</html>



2.Шаг второй.
Теперь нам нужно подключить библиотеку JQuery и библиотеку cloud-carousel.1.0.5  для правильного отображения каруселя.JQuery  подключаем таким оброзом, между тегами <head> ...  </head> пишем данную строку:
<script type="text/javascript" src="http://ajax.googleapis.com/ajах/libs/jquery/1.3.2/jquery.min.js"> </script> .Это означает что мы подключили JQuery  с  стороннего сайта.Не забываем подключить также библиотеку cloud-carousel.1.0.5 таким оброзом:

<script type="text/JavaScript"  src="js/cloud-carousel.1.0.5.js"></script>
В атрибуте src пишем правельный адрес до этого javascript файла.У меня в примере src="js/cloud-carousel.1.0.5.js"> файл находится в папке js.

3.Шаг третий.
На этом этапе мы подключим свои картинки для их отображения в каруселе, рекомендую подготовить их заранее, и желательно чтоб все они были единого размера.между тегами <body>....</body>  ищем тег <img /> и для атрибута пишем  src="полный адрес картинки" .Привожу пример:
<img class = "cloudcarousel"  src="myhosting/images/template1.png" alt="Template 1 Description" title="Template  1 Title" />
Заметьте что для атрибута src пишем полный адрес до вашей картинки, в атрибуте alt пишем описание данной картинки, а в title ее заголовок, хотя это совсем не обязательно.Если вам нужны 5 картинок в каруселе, у вас должны быть 5 тегов <img />.

4.Шаг четвертый .
Настройка каруселя под своего сайта.После tega <body > находим следующий комментарии:

<!-- This is the container for the carousel. --> это контейнер карусели, а на одну строку ниже находим параметры тега <div > и выглядит это строка так, <div id = "carousel1" style="width:750px;  height:400px; background:#0f0; overflow:scroll;"> 

Для атрибута id ничего не меняем, иначе он не будет работать правильно или совсем не будет слушаться.Менять мы будем значения атрибутов width, height, background, и owerflow.Width это ширина каруселя, height это его высота, background это цвет фона, owerflow определяет что делать с контентом если он не влизает в задание параметры ( например у вас контейнер с шириной и высотой  в 600x400 пикселей, а в нем картинка 640x410 px.).В моем примере скрол означает что контент если видит из заданных приделов он будет показываться  с помощью полос прокрутки, также сушествуют значения hidden (скрытый) и auto (определять автоматически).Таким образом мы настроили внешний вид каруселя.

5.Шаг пятый .
Далее будем настраивать следующие параметры каруселя, расстояние между картинками ориентируясь по осям X и Y.Зададим параметр автоматического ворошения картинок, интервал вращения и его скорость .

- Расстояние между картинками следуем менять окутано ориентируясь по осям, для этого нам нужно сделать следующее:
 Находим в HTML каркасе комментарии // This initialises carousels on the container elements specified, in this case, carousel1.Чуть ниже видим значения: (Пример  xPos: 360 и yPos: 70).Нам придется поиграться с этими зачениями пока не получается  красивое пропорциональное распределение картинок карусели.Далее открываем с помощью блокнота файл cloud-carousel.1.0.5 и прокручиваем его до самого конца, и выгладит он таким образом:

// The jQuery plugin part. Iterates through items specified in selector and inits a Controller class for each one.
$.fn.CloudCarousel = function(options) {

this.each( function() {

options = $.extend({}, {
  reflHeight:0,
  reflOpacity:0.5,
  reflGap:0,
  minScale:0.3,
  xPos:0,
  yPos:0,
  xRadius:350,
  yRadius:90,
  altBox:null,
  titleBox:null,
  FPS: 30,
  autoRotate: 'yes',
  autoRotateDelay: 1000,
  speed:0.01,
  mouseWheel: false,
bringToFront: false
},options );
// Create a Controller for each carousel.
$(this).data('cloudcarousel', new Controller( this, $('.cloudcarousel',$(this)), options) );
});
return this;
};

})(jQuery);

Теперь меняем значения  xRadius:350, и  yRadius:90, для создания пространства между картинок и определения угла их отоброжения.Если чтото непонятно, попробуйте поиграться с этими значениями и сами все поймете.

- Ниже наим строку  autoRotate: 'yes', это означает что мы выбрали режим автопрокручивания картинок, если вместо yes писать no то картинки сами не будут крутиться.

- Параметр autoRotateDelay: 1000, определяет через какое время должно повториться прокручивание в миллисекундах.Если вы желаете чтоб они крутились каждые 2 секунды, пишем вместо 1000, 2000.

- Параметр   speed:0.01, определяет скорость прокручивания картинок.В маем слчии он оптимальный, вы с ним тоже можете поиграться.

* Теперь важной пункт оформления каруселя.Для прокрутки картинок используются кнопки left и right, я подумал что будет красивее  если туда вместо классических  кнопок поставить красивые яркие картинки, и соглоситесь что смотрятца лучше.Дале мы можем кросиво выводит ниже стрелок передвижения, имя картинки и ее описание.Для боле професианального уровня можем поставить как background красибю картинку, но это уже на ваше расмотрение.Ну вот и все, мы создали очень красивый и яркий карусель картинок.Исходные материалы вы можете скачать 

Если всео прошло успешно и вы просто довольны статьой  то не поленитесь и посоветуйте ее кому то из друзей или оставьте ваш скромный  LIKE на официальной Facebook странице Nick Templates.

by Анонимный · 0

Как изменить шаблон под свою CMS?


Доброго времени суток посетитель моего сайта, вы хотели бы создать свои собственый шаблон на професиональном уровне без знаний языков программирования? тогда читаем далее статью.Даная статья посвешена замечательной праграме Artister 4.0.С ее помощью вы сможете без труда создать собственный шаблон для таких CMS систем как Joomla, Wordpress, Drupal, Blogger и.др.Пользоваться програмой совсем не трудно, ее структура напоминает программи Office.Также если вы скачали шаблон на моем сайте и хотите отредактировать его то вам для этого нужно в архиве с шаблоном найти (.artx) исходник проекта и открыть его с помощью Артистера, а дальше все на ваше усмотрение.Посмотрите видео что я привожу ниже если вам суть не понятно:


Программа Артистер отличная утилита для тех у кого есть сайт на Joomla, Drupal или блог на Wordpress и Blogger.С ее помощью вы сможете создать уникальные качественые и что главнее всего работаспособные шаблоны во всех браузерах.В програме шаблон создается начиная с шрифтов и заканчивая с "подвалом сайта"(footer).Можете на свое усмотрение настроить все цвета, структуру содержимого страницы сайта.Можете создать красивое выподаюшее меню что вполне работаспособно и для сайта на blogger.Присутствуют интересные флеш эфекты для украшения шляпки сайта, также можете создавать слайдеры из ваших собственных изображений.Можете снять все мелочи которые обычно мешают в стандартных шаблонах для blogger например.Исходя из выше сказонного, я хочу подчеркнуть что Artister 4.0 это чудо утилита которая позволяет создавать бесподобные шаблоны под любую ЦМС из выше сказанных.Также вы можете заказать у нас создание вашего уникального, профессионального шаблона.Для связь со мной используйте форму обратной связи из раздела Контакты.


Скачать программу Artister 4.0 

by Анонимный · 0

Как установить шаблон Wordpress?


И снова здравствуйте говорю я своим частым читателям.Сегодняшняя статья просвещено CMS Wordpress.А именно я постораюсь описать процедуру установки персональной темы wordpress, многих вы можете скачать на этом же сайте в разделе Wordpress .Итак приступим к пошаговой инструкции:

1.Для начала заходим как админ блога на вордпресс (Пример:http://www.colealucas.ru/wp-admin).Далее в панели управления блогом, а точнее ишим пункт меню "Вид" или  "Appearance":

при наведении  на этот пункт меню должно всплывать подменю из которой выбираем рубрику "Темы" или "Themes":

Для продолжения вам нужно выбрать из появившейся на странице вкладку "Install Themes".Далее нажимаем на "Upload" или "Загрузить" и вы тепери можете выбирать на компьютере соответствующий шаблон для загрузки.После нажимаем на "Install  Now " или "Установить Сейчас" и дожидаемся полной загрузки шаблона (темы).

2.В случаи если все прошло без ошибок и неприятностей вы увидите результат "Install Succefull" или чтото в этом роде.


После установки вам предлагается активировать или просмотреть сначала тему чтоб избежать неприятностей связанных с потерей информации что у вас  на сайте находится, но я надеюсь у вас таких проблем  не будет.В конце этой статьи хочу подчеркнуть что шаблон для своего сайта вы сможете переделать с помощью программы Artister 4.0, скачать можно здесь.

Если всео прошло успешно и вы просто довольны этим моим постом то не поленитесь и посоветуйте ее кому то из друзей или оставьте ваш скромный  LIKE на официальной Facebook странице Nick Templates.

by Анонимный · 0

Как установить шаблон Joomla?


Доброго времени суток читатель моего сайта, сегодня я раскажу как установить свой персонализированный шаблон на CMS Joomla.Процедура установки достаточно проста, нужно всего лишь выполнить пару шагов для этого.Итак я пошагово объясню процедуру установки или смены текущего шаблона сайта на Joomla:

1.Шаг первый, заходим в панель админа Joomla (Пример: http://www.nick-templates.ru/administrator ) и вводим свой логин и пароль админа.Далее выбираем в админке на панели верхнего меню пункт  "Extensions" или "Расширения" если у вас рускоязычное меню:


 При наведении на этот пункт меню всплывает подменю и выбираем первую опцию "Extensions Manager" или "Менеджер Расширений".

2.Теперь вы в разделе  менеджере расширений.Вам нужно выбрать архив шаблона который вы раньше скачали на моем сайте например в разделе Joomla шаблоны.Нажимаем на "выбрать файл" и ишим его  на компьюте:

и выбираем архив с шаблоном.Нажимаем "загрузить и установить" или "upload & install".Ждем до полной загрузки и установки шаблона.После автоматической загрузки и установки шаблона должно появиться примерно такое сообщение что означает что шаблон удачно установился :

3.Наводим опять курсор на "Extensions"  или "Расширения" и выбираем "Менеджер Шаблонов" или "Templates Manager" :

и таким оброзом попадаем в разделе менеджера шаблонов, здесь видны все правельно установленые шаблоны.Если после загрузки  имя шаблона не появилось в этом списке, значит чтото пошло нетак(советую попробовать снова, и обратите внимание на версию шаблона, если шоблон создан для версии Joomla 1.5, то он вряд ли подойдет для CMS Joomla  версии 2.5 или 3.0).А мы представим что все прошло успешно и для активации шаблона вам нужно всего лишь нажать на звездочку напротив имени шаблона которого вы хотите установить по умолчанию.

После нажатия на звездочку проверяйте ваш домен, наверно вы будете приятно удивлены.И в канце этой статьи хачу подчеркнуть что шаблон для Joomla, wordpress или Blogger вы можете скачать на этом же сайте в соответствующих разделах, и что очень важно если вы желаете можете сами подобрать под себя шаблон  с помощью программы Artister 4.0, скачать можно здесь. Если вы желаете заказать у нас создание вашего профессионального шаблона, то в разделе контакты вы найдете мой контактные данные.

by Анонимный · 2

Как установить шаблон Blogger?

Приветствую вас на моем сайте, сегодня я расскажу из своего личного опыта и как создатель очень многих шаблонов для Blogger Как правильно установить Blogger шаблон.Установка шаблонов на Блогспоте очень простое, но часто возникают нестандартные ситуации, в которых могут разобраться  только опытные пользователи Блогера.Итак я опишу процедуру изменения стандартного Blogger шаблону по шагам:



1.Скачайте любой понравившейся вам шаблон на моем сайте в разделе "Шаблоны - Blogger".После скачивания шаблона разархивируйте его с помощью WinRar утилиты, в итоге у вас появится папка с тем же именем что и архив, в этой папке находятся все необходимые исходные файлы шаблона.Откройте эту папку,  содержащийся там XML файл вам нужно будет выбрать для загрузки.

2.Теперь перейдите в панель управления Blogger, выберите вкладку "Настройки":

 - Дальше в раскрывшемся меню настроек выбираем пункт меню  "Другое":

- Дальше в начале страницы видим опцию "Импорт Блога": 

 кликаем на неe и всплывает окошко с помощью которой мы и  загружать шаблон.

3.Выбираем шаблон, а  я именно XML файл о котором я говорил выше. вставляем проверочный код капчи и нажимаем "Импорт Блога".


4.После загрузки ваш старый шаблон поменяется на новый!
Получайте удовольствие сами и радуйте своих читателей привлекательным профессиональным шаблоном от Nick Templates.Также если вы желаете персонализировать свои шаблон читаем инструкцию  здесь.

Есть также другой метод изменения шаблона, читаем внимательно! шаблон для блогера это xml файл который содержит весь дизайн блога, вот именно этот xml файл вам нужно открыть в текстовом редакторе , например в Блокноте и скопировать весь код.далее идем в админку блоггера, пункт шаблон - изменить HTML и появится xml код шаблона который вам нужно нужно будет заменить тем что скопировали с файла xml.

by Анонимный · 10

Все права зашищены Nick - Templates | Blogger Template by Bloggermint