رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 08-01-2012, 06:24 PM   #1
REDA
مدون مميز
 
الصورة الرمزية REDA
 
تاريخ التسجيل: Apr 2012
المشاركات: 441
إرسال رسالة عبر Yahoo إلى REDA
Smile اضافه شريط عائم فوق رأس المدونة بشكل رائع

أنا : REDA




بسم الله الرحمن الرحيم


اشافه شريط عائم فوق رأس المدونة بشكل رائع




معاينه الاضافه

قم بتحرير القالب الخاص بك مع اخد نسخه احتياطيه..
قم بالبحث عن
كود بلغة HTML:
<body>
ثم اضف تحته او ادناة الكود التالى :
كود بلغة HTML:
<!-- Notification code start --> <style type='text/css'> #ut-sticky { background: #7d7e7d; /* Old browsers */ background: -moz-linear-gradient(top,  #7d7e7d 6%, #7d7e7d 9%, #0e0e0e 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#7d7e7d), color-stop(9%,#7d7e7d), color-stop(99%,#0e0e0e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #7d7e7d 6%,#7d7e7d 9%,#0e0e0e 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #7d7e7d 6%,#7d7e7d 9%,#0e0e0e 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #7d7e7d 6%,#7d7e7d 9%,#0e0e0e 99%); /* IE10+ */ background: linear-gradient(top,  #7d7e7d 6%,#7d7e7d 9%,#0e0e0e 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */  border-bottom:2px solid #999;  color:#fff; text-align: center; margin:-12px auto; padding-bottom:1px; border-top: 1px solid #333; height:38px; font-size:13px; position:fixed; vertical-align: baseline; overflow:hidden; z-index:999; width:100%; border-bottom-left-radius:6px; border-bottom-right-radius:6px; display:block; font-weight: bold; font-family: arial,&quot;Helvetica&quot;; font-color:#fff;  -moz-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);  -webkit-box-shadow: 0 2px 4px hsla(0,0%,0%,.35); } #ut-sticky:hover {  background-color:#333;background-image:-moz-linear-gradient(top,#555555,#434343);background-image:-ms-linear-gradient(top,#555555,#434343);background-image:-webkit-gradient(linear,0 0,0 100%,from(#555555),to(#434343));background-image:-webkit-linear-gradient(top,#555555,#434343);background-image:-o-linear-gradient(top,#555555,#434343);background-image:linear-gradient(top,#555555,#434343);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#434343',GradientType=0)  -webkit-transition:all 1.3s ease-in-out;-moz-transition:all 1.3s ease-in-out;-o-transition-duration:all 1.3s ease-in-out;transition:all 1.3s ease-in-out;   -moz-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);  -webkit-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);  }  #ut-button {background:#fff; padding:4px; color:black;text-shadow:0 -1px 0 rgba(255,255,255,0.25);background-color:white}  #ut-sticky p{line-height:5px; font-size:13px; text-align:center; width:95%; float:left;} #ut-sticky p a{ text-decoration:underline; padding:4px; color:#FFFF33;} .ut-cross{display:block; position:relative; right:15px; top:4px;float:right;} .ut-cross a{font-size:18px; font-weight:bold; font-family:&quot;Arial&quot;; color:#FF0000; line-height:30px;} .ut-cross, a:hover{color:#DDD; text-decoration:none;}  </style> <div id='ut-sticky'> <p style='padding-top:17px;'>كتابة ما تريد هنا  <a class='ut-button' href='http://arabianblog.blogspot.com/' target='_blank'>Click Here!</a></p> <div class='ut-cross'><a href='javascript:hide_cross();'>X</a></div> </div> <script language='JavaScript'> function hide_cross() { crosstbox = document.getElementById(&quot;ut-sticky&quot;); crosstbox.style.visibility = 'hidden'; } </script> <br/><br/> <br/><br/> <!-- End of Notification code, info - http://www.allbloggingtips.com -->

ثم قم بتغيير الرابط برابط مدونتك والاعلان التى تريدة

الدعم العربي

REDA غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 08-01-2012, 06:53 PM   #2
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
افتراضي رد: اضافه شريط عائم فوق رأس المدونة بشكل رائع

أنا : admin




شكرا على الإضافة المميزة
بانتظار جديدك

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس
قديم 08-02-2012, 02:28 AM   #3
REDA
مدون مميز
 
الصورة الرمزية REDA
 
تاريخ التسجيل: Apr 2012
المشاركات: 441
إرسال رسالة عبر Yahoo إلى REDA
افتراضي رد: اضافه شريط عائم فوق رأس المدونة بشكل رائع

أنا : REDA




اقتباس:
المشاركة الأصلية كتبت بواسطة عثمان بن الطالب مشاهدة المشاركة
شكرا على الإضافة المميزة
بانتظار جديدك
مرورك رائع اخى عثمان تسلم

الدعم العربي

REDA غير متواجد حالياً   رد مع اقتباس
قديم 08-02-2012, 02:43 PM   #4
خالد الاحمري
مدون مميز
 
الصورة الرمزية خالد الاحمري
 
تاريخ التسجيل: May 2012
المشاركات: 320
افتراضي رد: اضافه شريط عائم فوق رأس المدونة بشكل رائع

أنا : خالد الاحمري




إضافة جميلة جداً

تشكر عليها

تقبل مروري.,,

الدعم العربي

خالد الاحمري غير متواجد حالياً   رد مع اقتباس
قديم 08-04-2012, 09:27 AM   #5
REDA
مدون مميز
 
الصورة الرمزية REDA
 
تاريخ التسجيل: Apr 2012
المشاركات: 441
إرسال رسالة عبر Yahoo إلى REDA
افتراضي رد: اضافه شريط عائم فوق رأس المدونة بشكل رائع

أنا : REDA




شكرا لك اخى خالد

الدعم العربي

REDA غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
اضافة خلفيه لــ تعليق المدونة بشكل رائع جدا مى محمد إضافات وأدوات بلوجر 0 03-23-2013 05:57 PM
اضافة المواضيع العشوائيه بشكل رائع new MoSHkla1 إضافات وأدوات بلوجر 5 09-10-2012 07:59 AM
طلب اضافه التسميات بشكل جميل REDA طلبات الدعم الفني 8 08-13-2012 01:26 AM
شرح إضافة شريط آخر مواضيع المدونة بشكل متحرك admin إضافات وأدوات بلوجر 15 07-25-2012 10:04 PM
إضافة القائمة البريدية بشكل رائع ال شاوي ياس إضافات وأدوات بلوجر 9 07-16-2012 12:02 AM





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 09:00 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)