0 ԱՎԵԼԱՑՆՈՒՄ ԵՆՔ ԲԼՈԳՆԵՐԻՆ ՏԵՂԵԿՈՒՅԹ ԲԱԺԻՆԸ

+ + + + +

Հարգելի՛ բլոգերներ, հաշվի առնելով այն, որ շատ շատերը հաղորդագրություններ են ուղարկում կապված այս տեղեկույթ բաժնի համար, որոշեցի այսօր ներկայացնել դա, հատուկ BlogSpot-ի վրա պատրաստված բլոգների համար:

Քայլ 1-բացում ենք բլոգի կարգավորումների էջը և կատարում ենք հետևյալ քայլերը հերթականությամբ՝ Design > Edit Html կամ (Шаблон › Изменить HTML>Расширить шаблоны виджета), որից հետո փնտրում ենք </head> կոդը: Կոդը գտնելուց հետո, նրա դիմաց  տեղադրում ենք ներքևում նշված կոդը:

<style type='text/css'>#info-teja {z-index: 1000;background:-moz-linear-gradient(top,  #1F2326,  #000);background: -webkit-gradient(linear, right top, right bottom, from(#1F2326), to(#000));box-shadow:-2px -2px 8px #FF0000, 2px 2px 13px #FF0000;-moz-box-shadow:-2px -2px 12px #FF0000, 2px 2px 13px #FF0000;-webkit-box-shadow:-2px -2px 8px #FF0000, 2px 2px 13px #FF0000;width:410px;position: fixed;top:60px;left:0;margin-left:-330px;border:1px solid #444;background-position:top right no-repeat;height:25px;font:12px Arial;color:#eee;border-top-right-radius:10px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:10px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;}#info-teja{-o-transition: all 1s ease-in;-moz-transition: all 1s ease-in;-webkit-transition: all 1s ease-in;} #info-teja:hover{width:400px;opacity:1.0;margin-left:0;}.Tejainbox {border:1px solid #444;width:290px; margin:0px 50px 10px 10px;background:#000;border-radius :13px; padding:5px 0;-moz-border-radius:13px; -webkit-border-radius:15px;-o-transition:all 2s ease-in;-moz-transition:all 2s ease-in;-webkit-transition:all 2s ease-in;opacity:0.2;}.Tejainbox:hover{opacity:1.0;box-shadow:1px 1px 13px #000; -moz-box-shadow: 1px 1px 13px #000; -webkit-box-shadow: 1px 1px 13px #000;background: #000;}.Tejainbox2 {margin:5px 10px;padding:0px 8px 10px;overflow:hidden;height:410px;}.teja15 {border-radius:13px;-moz-border-radius:13px;-webkit-border-radius:13px;}.Teja2 ul.bom {margin: 0; padding: 0;}.Tejainbox2 li {margin-left:20px;}.Tejainbox2 li a {color: #FFFFF; line-height: 4px; font-size: 12px;font-weight: bold; text-decoration:none;}.Tejainbox2 li a:hover {color: red;text-shadow: 0 1px 1px #000;}.Tejainbox2 h2 { font: 15px Droid Serif;font-weight:bold;padding:0 8px;color: #FF0000;text-shadow: 0px 1px 1px #ddd;border-bottom: 1px solid #FF0000;}.Tejatouch {font-size:13px;font-weight:bold;font-family:Arial Narrow;float:right;margin: 3px 10px 0 0;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;text-decoration:blink;}.Tejatouch:hover{-o-transform: scale(2) rotate(720deg) translate(0px);-moz-transform: scale(2) rotate(720deg) translate(0px);-webkit-transform: scale(2) rotate(720deg) translate(0px);color: red;}</style>

Տեղադրում ենք գադջիթը  Blogger-ում:

Քայլ 3-այս քայլում պետք է տեղադրենք HTML/JavaScript գադջիթը, որի համար պետք է կատարենք հետևյալ քայլերը՝ Design -> Click on “Add a Gadget” -> HTML/JavaScript և գադջիթում ավելացնենք հետևյալ կոդը և սեխմում Сохранить шаблонկոճակը:

<div id="info-teja"><span class="Tejatouch">Տեղեկույթ</span>
<div class="Tejainbox"><div class="Tejainbox2 teja15">
<h2>ԲԼՈԳԻ ՄԱՍԻՆ</h2>
Այստեղ գրում եք ձեր բլոգի մասին
<h2>ԻՄ ՄԱՍԻՆ</h2>
<center><img height="100px" src="Այստեղ գրում եք ձեր նկարի հասցեն" width="100px" /></center>
<p style="text-align:justify">Այտեղ գրում եք ձեր մասին</p>