code header 02 html

ضع الاكواد التالية فوق <head/>  او اسفل<b:skin/>
<b:if cond='data:blog.pageType == &quot;item&quot;'> <style>#blog-banner{position: absolute; width: 100%; height: 260px;;background-attachment: fixed;-webkit-filter: blur(2px); background-size: 75%; background-position: 50% -35%;}.titlewrapper-intop { margin: 20px; text-align: center; color: #fff; font-size: 26.3px; background: url(https://lh3.googleusercontent.com/-RxN2gAXtwwM/VwEux4gRx5I/AAAAAAAAGCM/2tNonX1Q1a0vCr33Yya9YlkF9P7uYi89gCCo/s230-Ic42/slicses2016.png); background-position: center bottom; background-repeat: no-repeat; margin-bottom: 30px; padding-bottom: 55px;position: relative;z-index: 99;}.mg_intop{height: 260px; position: relative; overflow: hidden; width: 1170px;}.fcenter{max-width: 1179px; display: block; margin: auto; position: relative;}.mg_intop .breadcrumbs a{font-weight: 700; font-size: 12px;}.mg_intop .breadcrumbs i{color:#fff;padding:0 5px;}.mg_intop:after{content: &quot;&quot;;background: rgba(0,0,0,.5);position: absolute; right: 0;width: 100%; height: 100%;top: 0;background-image: url(https://lh3.googleusercontent.com/-r8fJlEPNon4/VmXMcHiwAmI/AAAAAAAAE0Y/WjHJ0MYfZN4qyNdcBoQDqYRogGgk481NwCCo/s8-Ic42/repeat-all-JAZAIRIWEB.png);}.ymr-item{padding-right:20px!important;}</style><style>#header-wrap_slider {background-color: #fff; width: 1170px; margin: 0 auto; height: 245px; margin-bottom: 5px; margin-top: 15px; border: 5px solid #fff; overflow: hidden;}.titlewrapper-jazairiweb {margin: 20px; text-align: center; font-weight: normal; color: rgb(255, 255, 255); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.01) 1%,rgba(255, 255, 255, 0.35) 50%,rgba(255, 255, 255, 0) 100%); font-size: 26.3px; font-family: Lobster,ge_dinar_tworegular; }#header-wrap_info { background: #fff; margin: auto 0; height: auto; overflow: hidden;margin-top: 15px; }</style> <style>.titlewrapper-intop {font-family: Electrolize,ge_dinar_tworegular; text-align: center; color: #fff; font-size: 26.3px;margin-top: 6px;position: relative;z-index: 99;}</style><style>.post-sharing {margin:0 auto 20px;position :relative;text-align:center;z-index: 99;} .post-sharing a{width: 40px; height: 40px; display: inline-block; line-height: 43px; color: #fff!important; text-align: center; border-radius: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; font-size: 19px;} .post-sharing a:hover {opacity: 0.80;box-shadow: 0px 0px 18px 18px rgba(80, 80, 80, 0);transition: all .2s ease-in-out; background:rgba(255, 255, 255, 0.8);color: #1B1A1A!important;-webkit-transform: translateY(-4px); transform: translateY(-4px);} .post-share{float :right;width : 100%;padding-left:20px;padding-right:25px;margin:0 auto;text-align:center;} .post-share li,.post-sharing li{display :inline-block;font-size:15px} ul.post-sharing:before{content:&#39;شارك هذه التدوينة على : &#39;;display :block;margin-bottom:10px;color: #fff;} .post-share li a{position :relative;margin:0 1px 0 0;padding:4px 11px;line-height:2.2;font-weight:400;vertical-align:middle;color:#fff;font-size:16px;text-transform:uppercase;display :inline-block;transition:background-color .3s} .post-share .fa{padding:0 0 0 5px;top:1px;font-size:16px;position :relative} .post-share ul{list-style:none} .post-share ul li{padding-bottom:3px;font-size:16px;font-family:&#39;Karla&#39;,sans-serif;display :inline-block;margin-top:5px;} .post-footer .post-share li a{color:#fff;} .post-sharing .facebook-share,a.facebook.df-share{background-color:#3B5998;} .post-sharing .twitter-share,a.twitter.df-share{background-color:#00ACED;} .post-sharing .google-share,a.google.df-pluss{background-color:#D14836;} .post-sharing .pinterest-share,a.pinterest.df-pinterest{background-color:#CB2027;} .post-share li a:hover{color:#fff;background-color:#212026}</style> </b:if>