Գլխավոր » » Տեղադրում ենք «Clearbox» նկարների էֆեկտը Blogger-ում

Տեղադրում ենք «Clearbox» նկարների էֆեկտը Blogger-ում

Հեղինակ Hayk գրվել է суббота, 7 июля 2012 г. | 09:04

Տեղադրում ենք «Clearbox» նկարների էֆեկտը Blogger-ում
«Clearbox»-ը համարվում է նկարների jQuery կաղապարներ պատրաստող խոշորագույն ծառայություններից մեկը: Ի տարաբերություն մի շարք նմանատիպ ծառայությունների, այն ունի որոշակի առավելություններ: Առջին և ամենակարևոր առայվելությունը այն է, որ «Clearbox»-ը թույլ է տալիս բացի նկարներից, կաղապարում տեղադրել նաև վիդեոներ, ֆլեշ անիմացիաներ, HTML կոդեր և այլն:
Բացի այդ նաև «Clearbox»-ը հնարավորություն է տալիս տեղադրել շրջել նկարները ցանկացած ուղությամբ:
Այժմ խոսեմ այն մասին, թե ինչպես այն կարելի է տեղադրել BlogSpot-ում: Բացում ենք բլոգի կառավարման էջը և կատարում ներքևում նշված քայլերը:
  • Մշտական օգտագործում 
  • Մեկանգամյա օգտագործում 


1. Design > Edit HTML և որոնում ենք </head> կոդը և նրա ներքևում կամ վերևում տեղադրում ենք այս կոդը.
<script src="http://dl.dropbox.com/u/27675057/Clearbox/clearbox.js" type="text/javascript">
</script>
*Ցանկության դեպքում կարմիրով նշված կոդը կարող եք տեղափոխել ձեր ցանկացած հոսթինգի վրա:


Բացում ենք հաղորդագրություն տեղադրելու էջը և սեղմում ենք փոխել HTML բաժնի վրա (Edit HTML) և տեղադրում ենք ներքևում նշված կոդը և գրում հաղորդագրությունը:
<script src="http://dl.dropbox.com/u/27675057/Clearbox/clearbox.js" type="text/javascript">
</script>


Այս կոդը տեղադրելուց հետո պահպանում ենք փոփոխությունները և փակում էջը:
Այժմ, երբ գրում ենք նյութը նկարը տեղադրելու համար օգտագործում ենք ներքևում տեղադրված կոդը.
<a rel="clearbox" href=" Նկարի հասցեն"><img src="Նկարի հասցեն" /></a>
Նկարների խումբ պատրաստելու համար օգտագործում ենք այս կոդը՝
<a href=" Նկարի հասցեն " rel="clearbox[gallery=My Gallery]"><img src=" Նկարի հասցեն " /></a>
<a href=" Նկարի հասցեն " rel="clearbox[gallery=My Gallery]"><img src=" Նկարի հասցեն " /></a>
<a href=" Նկարի հասցեն " rel="clearbox[gallery=My Gallery]"><img src=" Նկարի հասցեն "/></a>
Վիդեո, ֆլեշ կամ այլ տեսակի ֆայլեր տեղադրելու համար օգտագործեք այս կոդերը՝
Swf
<a href="http://www.clearbox.hu/test.swf" rel="clearbox[tnhrf=nopreview,,width=600,,height=400,,title=Flash content]">SWF</a>
YouTube
<a href="http://www.youtube.com/v/OtQN-iDfprU" rel="clearbox[tnhrf=nopreview,,width=700,,height=490,,title=A clearbox 3 preview movie on YouTube,,comment=I uploaded some movies to YouTube from clearbox 3...]">Youtube</a>
Այլ տեսահոլովակ
<a href="http://handras.hu/insight/media/insight_960.mov" rel="clearbox[tnhrf=nopreview,,title=iNSIGHT (http://handras.hu/insight),,comment=This joy of creation through behind-the-scenes pictures.&lt;br /&gt;&lt;font color=&quot;#ff7700&quot;&gt;QuickTime plugin required!&lt;/font&gt;,,width=960,,height=540]">Quicktime</a>
MP3
<a href="http://www.clearbox.hu/test.mp3" rel="clearbox[tnhrf=nopreview,,width=500,,height=150,,title=MP3 music,,comment=Windows Media Player plugin is required!]">MP3</a>

Վերջում ավելացնեմ, որ եթե Ձեր բլոգում անջատված չի Blogger-ում նկարների ստանդարտ Lightbox ֆունկցիան, ապա անջատեք այն: Անջատելու համար բացեք բլոգի կառավարման էջը և կատարեք քայլերը հերթականությամբ.  Настройки › Сообщения и комментарии › Показывать изображения в Lightbox › Нет:
Հավանեցի՞ք: Տեղեկացրեք ընկերներին :
0 Comments
Tweets
Comments

Отправить комментарий

 
Այլ կայքերում կամ թերթերում մեջբերում անելիս հղումը MrBlogger-ին պարտադիր Է:
Բոլոր իրավունքները պատկանում են Հայկ Գրիգորյանին:
Copyright © 2012-2013. www.Mrblogger.ru