BLOGGER YUVARLANAN DUYURU EKLENTISI

Merhaba, arkadaşlar Bugün sizlere cogu blogda gördünüz sol tarafta durak Gelince yuvarlanan duyuru eklentisini tanıtacağım ustune ettik ..

Blogger yuvarlanan duyuru eklentisi  css Ile yazılmış Olup blogger sayfanızın  sol tarafında Sabit  durmaktadır. ÜCRETİ Ile Üstüne gelindiğinde, kare gelir duyuru eklentisi yuvarlanıp yazmiş oldugunuz duyuruyu Gösteriyor ..

 ilk hali böyleyken ücret Ile Üstüne gelindiğinde aşağıdaki Hale gelmektedir. .
tabii bunu İçindeki yazıda boyutu kalmistir ..

 

 tabii bunu İçindeki yazıda boyutu kalmistir ..

bloğunuzda uygulamak içinn:

Blogger Yönetici Paneline  Giriş Yapıyoruz

Konut> Gadget ekleye  tıklıyoruz.

ACILAN bakmak Bakmak yeni Pencerede  HTML / JavaScript aşağıda ki kodu ACILAN bakmak Bakmak sayfaya yapışırıyoruz ettik tıklıyoruz 'e.

<div class="yuvarlanan-duyuru eklentisi"> <div class="divix">
<Div style = "position: absolute; top: 0px; left: 0px; font-family: Helvetica, Arial, sans-serif; font-weight: normal;
font-size: 13px; color: # fff; background-color: # e84343; "class =" duyuristan ">
<span style="display:block;margin-left:40px;">
<b> Hoşgeldin! </ b>
<br/>
Yayınlarımıza Yorum Toplam Yapmayı Unutmayın.! İyi Bloglar.!
<br/>
<br/>
Bize Destek Olmak İçin sağdaki reklama işlemi Toplam ACILAN bakmak sayfada Formüllü doldurmanız Yeterli olacaktır .. Teşekkürler ...!
<br/>



</ Span>
</ Div>
! Önemlisi; text-align: center; line-height: 60px; font-family: Helvetica, Arial, solid # ff9c9c;} </ style>
<div class="duyurucaz"> DUYURU </ div> </ div> </ div> <style> duyurucaz {text-decoration: none önemli; text-align:.! center; line-height: 60px; font-family Helvetica, Arial, Tüm 1s kübik Bezier (0.6, -0.83, 0.805, 1.425),-moz-geçiş: Tüm 1s kübik Bezier (0.7, -0.8, 0.805, 1.3),-o-geçiş: Tüm 1s kübik Bezier (0.7, -0.83, 0.805, 1.3); geçiş: tüm 1s kübik Bezier (0.7, -0.83, 0.805, 1.3); cursor: pointer;} duyuristan {padding-right:. 30px; height: 80px; text-decoration: none genişlik 1s kübik Bezier (0.6, -0.83, 0.805, 1.425),-moz-geçiş: genişlik 1s kübik Bezier (0.7, -0.8, 0.805, 1.3),-o-geçiş: genişlik 1s kübik Bezier (0.7, -0.83, 0.805, 1.3); geçiş:. tüm 1 kübik Bezier (0.7, -0.83, 0.805, 1.3);} divix: hover {duyurucaz height: 80px; margin-left:. 300px; transform: rotate (360deg) ,-ms-transform: rotate (360deg); / * IE 9 * /-moz-transform: rotate (360deg); / * Firefox * /-webkit-transform: rotate (360deg); / * Safari ve Chrome * /-o-transform: rotate (360deg); / * Opera * /-webkit-border-radius: 40px; border-radius: 40px;} divix:.. Hover duyuristan {background-color: # e84343; border: 1px solid - 52 + "px"));}
</ Style>

duyurudak i arka plan rengini değiştirmek için kodun içerisinde bulunan  background-color:#e84343 kodunu bulup istediğiniz bir renk koduyla değiştirebilirsiniz.