Design elegant pentru bara de instiintare cookie pe Blogger

Design elegant pentru bara de instiintare cookie pe Blogger

Un design aparte pentru bara de înștiințarea cookie prezentat pe diferite culori fiind ca mărime mult mai subțire decât cea originala.Bara standard es

Accesare link extern de pe site automatic in alt tab Blogger
Widget ce afiseaza postari comentarii si pagini totale pe blogger
Lecția nr.1 codare HTML și CSS construcție website de la zero

Un design aparte pentru bara de înștiințarea cookie prezentat pe diferite culori fiind ca mărime mult mai subțire decât cea originala.Bara standard este foarte lata ocupând aproape tot header-ul temei ,vizual fiind deranjantă așa ca am redus dimensiunile, si am micșorat textul modificând culoarea de background iar în final a rezultat ceva mai plăcut si elegant.Este customizabila, se poate modifica conținutul si mărimea textului, culoare background si text.Acest cod este valabil doar pentru platformele blogger.

Copiați unul din codurile de mai jos și plasați în temă deasupra la <body> ,urmăriți pentru mai multe detalii tutorialul video de mai jos:

Temă pe ALB

<!--Custom Cookies by tutorialevideoit.ro-->
<script type='text/javascript'>
  cookieOptions = {
    msg: &quot;Acest site folosește cookie-uri de la Google pentru livrarea serviciilor și analizarea traficului.&quot;,
    link: &quot;https://www.blogger.com/go/blogspot-cookies&quot;,
    close: &quot;Ok&quot;,
    learn: &quot;Citește Detalii&quot; };
</script>
    <style>.cookie-choices-info {z-index:999999!important;background-color:#ffffff!important;border-bottom: 1px solid #565656;
        box-shadow: 0px 0px 0px #000!important; padding:0px 0px!important;}.cookie-choices-info .cookie-choices-text{font-size:14px !important; color:#000000!important;}.cookie-choices-info .cookie-choices-button{  background-color:#ffffff!important;border-radius: 0px!important;font-size:14px !important; color:#000000!important;box-shadow: 0px 0px 0px #000!important; padding:0px!important;text-transform: none!important;}</style>
<!--Custom Cookies by tutorialevideoit.ro-->

Temă pe GRAY

<!--Custom EU Cookies Notice by tutorialevideoit.ro-->
<script type='text/javascript'> 
cookieOptions = { 
msg: &quot;Acest site folosește cookie-uri de la Google pentru livrarea serviciilor și analizarea traficului.&quot;, 
link: &quot;https://www.blogger.com/go/blogspot-cookies&quot;, 
close: &quot;Ok&quot;, 
learn: &quot;Citește Detalii&quot; }; 
</script>
<style>.cookie-choices-info {z-index:999999!important;background-color:#31353d!important;border-bottom: 1px solid #565656; 
box-shadow: 0px 0px 0px #000!important; padding:0px 0px!important;}.cookie-choices-info .cookie-choices-text{font-size:14px !important; color:#ffffff!important;}.cookie-choices-info .cookie-choices-button{ background-color:#31353d!important;border-radius: 0px!important;font-size:14px !important; color:#ffffff!important;box-shadow: 0px 0px 0px #000!important; padding:0px!important;text-transform: none!important;}</style>
<!--Custom EU Cookies Notice by tutorialevideoit.ro-->

Temă pe ORANGE

<!--Custom EU Cookies Notice by tutorialevideoit.ro-->
<script type='text/javascript'> 
cookieOptions = { 
msg: &quot;Acest site folosește cookie-uri de la Google pentru livrarea serviciilor și analizarea traficului.&quot;, 
link: &quot;https://www.blogger.com/go/blogspot-cookies&quot;, 
close: &quot;Ok&quot;, 
learn: &quot;Citește Detalii&quot; }; 
</script>
<style>.cookie-choices-info {z-index:999999!important;background-color:#ff3d00!important;border-bottom: 1px solid #565656; 
box-shadow: 0px 0px 0px #000!important; padding:0px 0px!important;}.cookie-choices-info .cookie-choices-text{font-size:14px !important; color:#ffffff!important;}.cookie-choices-info .cookie-choices-button{ background-color:#ff3d00!important;border-radius: 0px!important;font-size:14px !important; color:#ffffff!important;box-shadow: 0px 0px 0px #000!important; padding:0px!important;text-transform: none!important;}</style>
<!--Custom EU Cookies Notice by tutorialevideoit.ro-->

COMMENTS

WORDPRESS: 0