Բլոգում և առհասարակ բոլոր տեսակի կայքերում հաճախ հանդիպող դեպքերից է՝ օրինակ, հրատապ հայտարարությունների կամ ինչ-որ կարևոր նորությունների հաղորդումը օգտվողներին: Այդ տեսակի նյութերը, իհարկե, պետք է առանձնահատուկ ուշադրություն գրավեն: Եվ ահա ձեզ եմ ներկայացնում հատուկ 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/AVvXsEiDQ3Hj-OCpn3O4pUCXdh82IfC9ul39Ww9qUne8OYHbC3PGu-X0q3NkGGriac7l07rqVMhlOOeGc_ZD_Hf8b8-h06E7f5OxYrY0zDQttaq_IqRZBr5MiXdNYsW9AzumoShUBKau6IKus4M/) 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/AVvXsEjn0V1bygOM1mBp6fjpnSrbWcXDylmuqqS8mzeRQIIOtSU7LZ9KJAl0EDMqc5kS8hNbhawAPutWzQ5yx_YsHpQMG65S7BuR3ll2xgrPOTQw0C_U0CbhZWUp1A0O1KCMGmm3SY8yjsYsRHs/);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>
Կոդերի մեջ նշված հղումները ենթակա են փոփոխության:
Կարող եք նաև փոփոխել հավելման գույնը և նրա չափսերը:
.png "English"){kind=small}
