اضافه اكثر من شعار فى مدونتك فى نفس الوقت

السلام عليكم ورحمه الله وبركاته
اليوم أتى اليكم بفكره رائعه لقد رأيته فى اكبر المواقع العالميه وهى خاصيه اضافه اكثر من شعار فى موقعك او مدونتك فى نفس الوقت وما فائدته انك سوف تأخذ باك لينك كويس اووى وزوار بالاضافه الى سهوله التنقل بين مدونتك والمدونات الاخرى التى سوف تضعهم تحت شعارك فهذه الميزه ساريكم اياه فى موقع ThemeForset من اكبر مواقع الخدمات للويب والمدونات بكل اشكالها على نطاق واسع جداا فأتمنى ان تعجبكم الفكره :] .

معاينه لمدونتى

معاينه لموقع ThemeForset

كيف يتم تركيبها ؟ 

1. اذهب الى منصه البلوجر الخاصه بك --> التخطيط -->  اضافه اداه (Html/javascript)
2. واضف هذا الكود 

<!-- Start Code logo2 by Mohamed, www.mohamedtahseen.blogspot.com --> <div class="network"> <ul> <li> <a class="network-arrow" href="اضف رابط مدونتك"target="_blank">مدونه وسيله</a> <ul> <li><a title="مدونه وسيله" href="اضف رابط مدونتك" target="_blank"><img src="اضف رابط لصوره الشعار" 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 mohamed, www.mohamedtahseen.blogspot.com -->

Powered By Waseeela

شاركه على فيسبوك شاركه على تويتر شاركه على جوجل بلس

عن Unknown