اضافة شعار ثاني بجانب شعار مدونة بلوجر
===========
شرح الإضافة
===========
(1) قم بفتح لوحة تحكم مدونتك
(2) فم بفتح التخطيط
(3) قم بإضافة أداة Javascript
(4) انسخ الكود التالى وضعه فيها واحفظ
شرح الإضافة
===========
(2) فم بفتح التخطيط
(3) قم بإضافة أداة Javascript
(4) انسخ الكود التالى وضعه فيها واحفظ
<div class="network"> <ul><li> <a class="network-arrow" href="http://mynewfiles.blogspot.com/"target="_blank">MY NEW FILES</a> <ul><li><a title="MY NEW FILES" href="http://mynewfiles.blogspot.com/" target="_blank"><img src="http://im39.gulfup.com/zP95i.png" alt="MY NEW FILES" style=" left: 10px;" /></a></li></ul></li></ul></div><style>.network{position: absolute;top: 80px;left: 670px;} .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: #3BB9FF !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>
غير ما تم كتابته باللون الأحمر بما يناسبك
من فضلك اضغظ لايك لمشاهدة لينك التحميل
0 التعليقات:
إرسال تعليق