вторник, 16 октября 2007 г.

Сделай сам

Меня попросили рассказать, как я прилипил сюда музыку и картинки на ссылках, но в комментариях нельзя писать почти никакого кода, поэтому пришлось вынести это как отдельный пост ..

эх ... ну давай по порядку ..

1. про музыку. Средствами самого Blogger'а этого сделать нельзя и поэтому нужно использовать какой-то внешний плеер, который можно встроить в свой пост или саму страничку блога. Таких довольно много - я выбрал в частности fmp3(flash mp3) - на его сайт можно попасть, если клацнуть на надпись fmp3 в правом нижнем углу самого плеера в моем посте про fleur. Там ты сможешь скачать сам плеер. Это swf файл - файл флеш ролика. Сначала его нужно где-то разместить, чтобы ты могла его вызывать. Можно конечно вызывать чей-нибудь чужой, но тогда ты не застрахована от того, что рано или поздно он перестанет работать, если тот, у кого ты его тягаешь вдруг убьет у себя файл. Поэтому намного проще скачать себе файл, который ты найдешь на сайте, потом зарегестрироваться например в photobucket'e(займет минут 10-15), загрузить туда свой скачанный плеер. И сохранить где-нибудь в блокнотике его адрес в этой системе.
Так теперь сам плеер у тебя есть. Для того, чтобы забить в него музыку нужно посмотреть как он работает - сам файл смотрит в адресную строку, когда его вызывают и берет оттуда параметры. Названия и значения этих параметров можно посмотреть на том же сайте. Если же самой тебе копаться в них не с руки(не знаешь как/лень), то просто вставляешь в место, где хочешь чтобы был плеер такой вот на первый взгляд страшненький код

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="260" height="60" id="myFmp3" align="middle">< param name="allowScriptAccess" value="sameDomain"><param name="movie" value="**![1]!**?mp3=**!![2]!!**&action=**!![3]!!**&title=**!![4]!!**&color=**!![5]!!**&loop=no&lma=yes&textcolor=**!![6]!!**"><param name="quality" value="high"><param name="bgcolor" value="#**!![7]!!**"><embed src="**![1]!**?mp3=**!![2]!!**&action=**!![3]!!**&title=**!![4]!!**&color=**!![5]!!**&loop=no&lma=yes&textcolor=**!![6]!!**" quality="high" bgcolor="#ffffff" width="260" height="60" name="myFmp3" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object>


На самом деле ничего ужасного нет. Вместо странных пометочек **!![x]!!** вставляем следующие параметры
[1] - путь к самому плееру (тот самый который ты получила на фотобуклете и записала в файлик)
[2] - путь к фалйлу в mp3 (тут прийдетс найти в интернете сам файл с музыкой или выложить его где-нибудь у себя на сайте)
[3] - stop или play (определяет, будет ли плеер играть с самого начала или будет стоять на stop, пока пользователь его не запустит - я поставил себе stop чтобы можно было размещать несколько музык в разных постах, а то при заходе на блог будет звучать жуткая какофония из всех)
[4] - название песни, которое ображается на плеере - можно по русски или по английски с пробелами и другими знаками препинания кроме кавычек
[5] - цвет самого плеера (в rgb)
[6] - цвет текста на плеере (rgb)
[7] - фон на котором размещается плеер, на самом деле - только маленькие уголки вокруг него
* Обрати вниание, что все параметры с первого по 6 нужно заполнить 2 раза - не ленимся, так нужно .. )
* Если не знаешь что такое rgb - поищи в сети - а то тут еще на 2 таких поста хватит ... )
* Помимо замены параметров не добавляй и не изменяй код даже на пробел, а то блоггер может начать ругаться - он некоторые теги воспринимает неадекватно.

Фух .. ну с музыкой вроде как разобрались ...

2. Теперь с меню .. тут немного проще будет .. для начала нужно зарегестрироваться на сайте snapshot, потом подключить этот самый snap shot к своему блогу (там на самом сайте можно найти как это сделать на Blogger), затем в том месте, где ты хочешь повесить у себя список вставлять для каждой ссылки такие вот блоки кода:

<a class="snap_shot" href="адрес" title="название"><img style="border: 2px solid white; cursor:pointer;" width="210" src="картинка" height="140"/></a><br/><br/>


где
"адрес" - адрес куда
"название" - надпись ,которая появляется, когда наводишь мышь

А вот с "картинкой" нужно немного помудрить ...
все пути к картинкам имеют следующий вид ..

http://shots.snap.com/preview/?url=http%3A%2F%2F!!!адрес!!!%2F&key=!!!твой код!!!&src=!!!твой адрес!!!&cp=&sb=0&v=2.23.0.3&size=small&lang=ru-ru&search_type=spasense&origin=shots_bubble&act=both_icon&po=1&rp=null&has_img=0&ol=0&ex=0&ad=&ip=213.227.241.135&ua=Opera%2F9.23+%28Windows+NT+5.1%3B+U%3B+en%29&vid=49d21a1f9f38841926622bbba023833e&referrer=http%3A%2F%2Fwww.blogger.com%2Frearrange%3FblogID%3D6384609641463186188%26action%3Dpreview%26action%3Dpreview%26section.navbar%3DNavbar1%26section.header%3DHeader1%26section.crosscol%3D%26section.main%3DBlog1%2CBlogArchive1%2CHTML1%2CHTML2%26section.sidebar%3DLabel1%2CProfile1%2CHTML3%26securityToken%3DPwExzIN6JaS-C-5DRjbyXtPO-uw%253D%253A1190931060616&svc=&view_id=a55ded812d925f199d17ce96a5a1002b&goto=%D0%9F%D0%B5%D1%80%D0%B5%D0%B9%D1%82%D0%B8%20%D0%BD%D0%B0%20%25URL&direct=1&sc=0


Тут тоже ничего ужасного нет. И в качестве адреса ты можешь подставить все тот же "адрес куда", в качестве "твой адрес" подставляешь адрес твоего блога, ну а вот ради ключа все и затевается. Итак ключ присваивается тебе при регестрации и узнать его можно след.образом. После того как ты подключила службу к своему блогу, наведи на любую ссылку у себя на блоге/ У тебя откроется окошко с картинкой как у ссылки выше в этом пункте. Наведи мышь на открывшееся окошко и клацни правой кнопкой на картинке отображенного сайта
a) если у тебя Internet explorer - выбери свойства картинки и там скопируй адрес картинки
б) если Opera или Firefox - просто выбери в выпавшем списке "copy image adress"

Запомненный адрес вылей(Ctrl+V ))) в какой-нибудь блокнотик. Он будет очень похож на тот, который я привел выше. В него подставь уже выбранные ранее "адрес" и "твой адрес" и все это вместе скопируй в параметр "картинка" в первом коде.

Вот .. теперь должно работать ... Обновляться картинки будут только когда будешь в своем броузере говорить Обновить ... тогда тебе будут показывать самые свежие скриншоты с выбраных тобой сайтов ...

Удачи .. ))

5 комментариев:

Анонимный комментирует...

Ааааа.... мать мая женщина-)))))))
Я думала все намного проще-)))
озадачу мужа, а то у меня голова треснет-)))
а если серьезно я только юзер, по большей части программирования для меня темный лес-))А тем более делать это в Линуксе-))

* Ёж * комментирует...

Ну, учитывая что ты все это делаешь в сети, то в знания линукса у тебе должно входить только умение открыть блокнот и что-нибудь туда скопировать .. ))

Anya комментирует...

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

Байкальчік комментирует...

у кого-то чувство благодарности, а у меня комплекс неполноценности :'(
я и техника.... эх ;)

* Ёж * комментирует...

2 Анька : Та нема за шо .. ))
2 Ваабражуля : да ладно ... посмотри на это с другой стороны - а нафиг тебе оно все надо .. ) .. мне-то по кайфу ковыряться ... ))