اضافة واجهه ترحيبيه لبلوجر مفاجئة اضافة واجهتين لبلوجر

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<style>
#head-dzpro{
background: rgb(83, 83, 83); 
border-bottom: 4px solid rgb(173, 172, 172);
height: 190px; 
width: 100%; 
}

#content-dzpro{

  }

.dzpro {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#f9f9f9&#39;, endColorstr=&#39;#e9e9e9&#39;);
background-color:#f9f9f9;
-webkit-border-top-left-radius:0px;
-moz-border-radius-topleft:0px;
border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;
border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomleft:0px;
border-bottom-left-radius:0px;
text-indent:12.67px;
border:2px solid #dcdcdc;
display:inline-block;
color:#666666;
font-family:Georgia;
font-size:28px;
font-weight:bold;
font-style:normal;
height:77px;
line-height:77px;
width:200px;
text-decoration:none;
text-align:center;
}
.dzpro:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#e9e9e9&#39;, endColorstr=&#39;#f9f9f9&#39;);
background-color:#e9e9e9;
}.dzpro:active {
position:relative;
top:1px;
  }

#bouton{
margin: 30px;
clear: both;
height: 125px;
text-align: center;

  }
#ftr-dzpro{
border-top: 1px solid #DDD;
-webkit-box-shadow: 0px 1px #FFF inset;
box-shadow: 0px 1px #FFF inset;
width: 800px;
margin-right: 265px;
margin-left: 265px;

  }
.el-nass{
text-align: center;

  }
</style>
<div id='head-dzpro'>
<img src='http://im81.gulfup.com/XYbUZj.png' style='padding-right: 500px;'/>
  </div>

<div id='content-dzpro'>
<div id='bouton'>
  <a class='dzpro' href='/search?max-results=8'>المشاركات</a>
  </div>
  </div>

<div id='ftr-dzpro'>

<div class='el-nass'>
  <p>تصميم محترف الجزائر</p>

  </div>

  </div>