طريقة اضافة شعار اخر {ثاني} بجانب شعار المدونة الاصلى

<!-- Start Code logo2 by Ahmed, www.ahmed-iq.blogspot.com -->
<div class="network">
    <ul>
<li>
      <a class="network-arrow" href="http://ahmed-iq.blogspot.com/"target="_blank">مدونة احمد السعدي</a>
      <ul>
<li><a title="مدونة احمد السعدي" href="http://ahmed-iq.blogspot.com/" target="_blank"><img src="http://im38.gulfup.com/8pBMS.png" alt="مدونة احمد السعدي" style="
    left: 10px;
" /></a></li>
</ul>
</li>
</ul>
</div>
<style>


 .network{position: absolute;
top: -10px;
left: 620px;}
  .network ul li {list-style: none;position: relative;margin-left: 12px;display: inline-block;}
  .network ul li a {display: block;line-height: 25px;color: #26b9d4;padding: 0 5px;text-shadow: 1px 1px 0px #FFF;}

  a.network-arrow{background:url(http://im35.gulfup.com/ntNNw.png) no-repeat center 5px;width:15px;text-indent:-99999px;overflow:hidden;}
  .network li:hover > a.network-arrow,.network ul ul :hover > a.network-arrow{color: #000 !important; -webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topright: 5px;border-top-right-radius: 5px;background-color: #363636!important; background-position:center -180px;box-shadow: 0 1px 5px #000;}

 .network ul li:hover ul {display: block;}
 .network ul ul {display: none;position: absolute;top: 25px; right:0px;width: 204px;
height: 70px; z-index: 99999;float: right;background: #363636!important; box-shadow: 0 2px 5px #000;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;}
 .network ul ul a{padding:10px 10px 3px; text-align:center;}
 .network ul ul a:hover{opacity:0.8;}


</style>
<!-- End Code logo2 by Ahmed, www.ahmed-iq.blogspot.com -->