Գովազդային վահանակ Blogger-ի համար

Հեղինակ Hayk գրվել է воскресенье, 5 февраля 2012 г. | 03:30

Մի քանի օր առաջ բլոգում տեղադրեցի հետաքրքիր գովազդային վահանակ, որը մեծ արձագանք գտավ շատ բլոգերների մոտ: Ինձ ուղղված նամակներում ամենից շատ հարցերը կապված էին հենց այդ վահանակի հետ և այսօր որոշեցի անդրադառնալ նաև այս հետաքրքիր հավելմանը: Հավելումը տեղադրվում է շատ արագ և հեշտությամբ:

Պետք է միայն կատարել ներքևում նշված քայլերը և վերջ:

Բացում ենք բլոգի կարգավորումների էջը ու կատարում ենք քայլերը հերթականությամբ:

Քայլ 1. Կարգավորումների էջում ընտրեք՝ Design > Edit Html

Քայլ 2. Html հատվածում փնտրեք ներքևում նշված կոդը: (Սեղմեք Ctrl և F կոճակները արագ գտնելու համար: Մինչ որևէ փոփոխություն անելը, մի մոռացեք պահպանել բլոգի կրկնօրինակը):

</body>

Քայլ 3. պատճենեք ներքևի կոդը և տեղադրեք </body>-ի կոդի ներքևում կամ վերևում:

<style type='text/css'>
#ut-sticky
{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGzcCcWloKQEFPpXwj5XX6wibgQxD74IiYllkxeZ93A6SIFLyhjFHnUT1kyFhwuMu_9cnMYd7uHYY0SInbBSwQus8ZCCQp55mZgHl9fL6TjQAhGt0jjdE7yV5DrznoX3OOc_VQ4tpeYaRe/s1600/ut-bg.png') repeat;
color:#fff;
text-align: center;
margin:0 auto;
border-top: 1px solid #fff;
height:28px;
font-size:13px;
position:fixed;
bottom:0;
z-index:999;
width:95%;
border-top-left-radius:15px;
border-top-right-radius:15px;
display:block;
font-weight: bold;
font-family: arial,"Helvetica";
font-color:#fff;
}
#ut-sticky:hover
{background:#333;}
#ut-sticky p{line-height:5px; font-size:13px; text-align:center; width:95%; float:left;}
#ut-sticky p a{ text-decoration:underline; color:#FFFF33;}
.ut-cross{display:block; position:relative; right:15px; float:right;}
.ut-cross a{font-size:18px; font-weight:bold; font-family:"Arial";color:#FF0000; line-height:30px;}
</style>
<div id='ut-sticky'>
<p>Այստեղ գրում եք գովազդի համար նախատեսված տեքստը <a href='http://www.mrblogger.ru' target='_blank'>Հղման դաշտ</a></p>
<div class='ut-cross'><a href='javascript:hide_cross();'>X</a></div>
</div>
<script language='JavaScript'>
function hide_cross() {
crosstbox = document.getElementById("ut-sticky");
crosstbox.style.visibility = 'hidden';
}
</script>

Հավանեցի՞ք: Տեղեկացրեք ընկերներին :

MRBlogger