إضافة هيدر إحترافي من تصميم المدونة

<style>
.header2 {    background: #efefef url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjALBikUnSJO5oSh4K_-QxaUq1j7gTmc4YA1qy32F_DuEFvL-7pikeEdEQKmnm5VqjrtJv-WHQFDoifqPZ_gX8geEmsMik0MUbKaeeX_VUx32qBAH5MCZWK7QKNS2CYPOFab5oJLmD2q5pc/s0-r/bg-cover.jpg) repeat fixed top center;    margin-bottom: 10px;    height: 150px;    border: 5px solid #fff;}.header2-text {    float: right;    margin-top: 30px;    margin-right: 20px;    font-size: 40px;    color: #fff;    font-family: 'Lobster',ge_ss_threeregular  !important;}.header2-text2 {    float: right;    margin-right: -170px;    margin-top: 85px;    color: #fff;    font-family: 'saudi';    font-size: 20px;}
.ads-2 {    width: 728px;    height: 90px;    border: 5px solid #34495E;    margin-bottom: 10px;    background: white;    float: left;    margin-top: 30px;    margin-left: 20px;}.ads-text-2 {    margin-right: 300px;    margin-top: 20px;    font-family: Droid Arabic Kufi;    font-size: 20px;    color: #DD5B4B;}
</style>
<div class='header2'>
<div class='header2-text'>
رمضان كريم
</div>
<div class='header2-text2'>
نتمنى لكم قضاء افضل الاوقات على المدونة
</div>
<div class="ads-2">
<div class="ads-text-2">
مساحة اعلانية
<span style="
    float: left;
    background: #DD5B4B;
    border-radius: 7px;
    color: white;
    font-family: Droid Arabic Naskh;
    font-size: 11px;
    padding: 3px 5px 3px 5px;
         margin-left: 250px;
">للتبادل</span>

</div>
<div class="clear"></div>
</div>

</div>