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

الاثنين، 8 يوليو 2013

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

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

شرح التركيب

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

ثم ضيف الكود

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

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

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

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

عدل على

top: -10px;

left: 620px;

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

Reviewed by Ahmed Al-Saadi Rating: 5.0

منشورة في: اضافات بلوجر

كل شي عندي

الاثنين، 8 يوليو 2013