اضافة شعار ثاني بجانب شعار مدونة بلوجر

اضافة شعار ثاني بجانب شعار مدونة بلوجر

معــــاينـة | تحميل الكود

فائدة اضافة شعار ثاني مخفي هو الحصول على باك لينك وزوار بالاضافة الى سهولة التنقل بين المدونتين اذا كنت قد وضعت شعار مدونتك الثانية

شرح التركيب

اذهب الى التخطيط -اضافة اداة -اداة HTML

ثم ضيف الكود

-->

<!-- 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 -->

طريقة التعديل

غير http://ahmed-iq.blogspot.com/ الى رابط مدونتك

غير http://im38.gulfup.com/8pBMS.png الى شعار مدونتك التي تريد اضافتها

عدل على 

top: -10px;

left: 620px;

لاختيار مكان الاضافة