Նախազգուշացնող վահանակ BlogSpot-ի համար

Բլոգում և առհասարակ բոլոր տեսակի կայքերում հաճախ հանդիպող դեպքերից է՝ օրինակ, հրատապ հայտարարությունների կամ ինչ-որ կարևոր նորությունների հաղորդումը օգտվողներին: Այդ տեսակի նյութերը, իհարկե, պետք է առանձնահատուկ ուշադրություն գրավեն: Եվ ահա ձեզ եմ ներկայացնում հատուկ BlogSpot-ի համար պատրաստված մի հետաքրքիր հավելում, որը Ձեզ կօգնի վերոնշյալ հայտարարությունները և նորությունները առանձնացնել բլոգի այլ նյութերից:
Այս հավելումը ամենահեշտ տեղադրվող և մեծ կիրառում ունեցող հավելումներից է: Այն ավելացնելու համար պետք է կատարեք ընդամենը մեկ քայլ:Մուտք են գործում Blogger-ի կառավարման էջ և կատարում ենք այս քայլերը՝ Design > Edit Html կամ (Шаблон › Изменить HTML>Расширить шаблоны виджета) և տեղադրում ենք ներքևում գրված կոդը </body> կոդի վերևում:
<b:if cond='data:blog.url == data:blog.homepageUrl'> <style type='text/css'> .notification{height:70px;width:480px;display:block;position:fixed;bottom:10px;left:10px;/*Border Radius*/border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;/*Box Shadow*/-moz-box-shadow:2px 2px 2px #cfcfcf;-webkit-box-shadow:2px 2px 4px #cfcfcf;box-shadow:2px 2px 2px #cfcfcf} .notification span{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieDYBlUl6QCDTfApMfA3oRz1BEXN03hU2THcVOFezhZ4vNLxECo2kpCC3lxDY-BoRH-PBXKO8r03iwCXRNH4oE3jGZqmUFg6meVSlZtik7yddMwNCFi7DEUuHI5lXiYjlCxcG0GDA0T5Q/) no-repeat right top;cursor:pointer;display:block;width:19px;height:19px;position:absolute;top:-9px;right:-8px} .notification p{width:400px;font-family:Arial,Helvetica,sans-serif;color:#323232;font-size:14px;line-height:21px;text-align:left;float:right;margin:10px 15px 0 0;*margin-top:15px;/*for lt IE8*/padding:0;/* TEXT SHADOW */ text-shadow:0 0 1px #f9f9f9} .warning{border-top:1px solid #fefbcd;border-bottom:1px solid #e6e837;/*Background Gradients*/background:#feffb1;background:-moz-linear-gradient(top,#feffb1,#f0f17f);background:-webkit-gradient(linear,left top,left bottom,from(#feffb1),to(#f0f17f))} .warning:before{content:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio254Ziju_hJY3JPFHryAkwwY3LqW4CrzPZxmwcnhS4hSTCnq1RRmU2MyXClEPI3F4pH_a3fX8rfTv0edR61mUgTTd5RmYECemPPkDlyRq5HUFTzT1zCQx5GD89zS8MYdvJnCGr8yEBMQ/);float:left;margin:15px 15px 0 25px} .warning strong{color:#e5ac00;margin-right:15px} </style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function(){$('.notification').hover(function(){$(this).css('cursor','auto');});$('.notification span').click(function(){$(this).parent().fadeOut(800);});});</script> <div class='notification warning'><span/> <p><strong>Ուշադրություն!</strong>Այստեղ գրում եք ցանկալի տեքստը</p></div></b:if>
Կոդերի մեջ նշված հղումները ենթակա են փոփոխության:
Կարող եք նաև փոփոխել հավելման գույնը և նրա չափսերը:

Posted by Hayk
on 11:52.
Filed under
Blogger
.
You can follow any responses to this entry through the
RSS 2.0
Hayk isk du taba.ru ic texyakes ete ha uremn kxndrei ases te vonc karelia futbolain axyusak qcel et sait
Ճիշտն ասած տեղյակ չեեմ....բայց դե կարող ես Word-ի միջոցով աղյուսկը պատրաստել, հետո կոպի Պաստ անել Կայքում...:q
HAYK JAN MI BAN XNDREM KASES VONC PATRASTEM BLOGIS MOBILE TARBERAK@ :i
Որ մտնում ես դիզայն բաժինը, էտ տեղ կա Для мобильных устройств գրված ու դրա տակը կարգավորումներ ա դրա վրա սեղմի կտեսնես...
EN VOR PITI SABSHENIA UXARKEM
չէ, Шаблон › Выберите мобильный шаблон---ստեղից,,,են որ HTML ով պետքա բաներ ավելացնես պակասեցնես, այ դրա կողքնա
Շատ հետաքրքիր էր Հայկ ջան... Կարող ես ինձ խորհուրդ տալ? իմ բլոգի համար գեղեցիկ կլինի? realmadrid-times.blogspot.com
Ախպերս իսկ ինչի իմ մոտ իքս սեխմելուց հետո չի փակվում ետ վահանակը?
@Nver Khachoyan-հնարավոր է սխալ ես տեղադրել, կամ խանգարող կոդեր կան բլոգումտ
aper et kod@ vortegh teghadrem