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

حصريات
فوتوشوب
شروحات
إضافات
قوالب

الصفحة غير موجودة ، 404

الصفحة أو الكلمة التى تبحث عنها غير موجوده على المدونة أو تم حذفها

يمكنك التبليغ عن رابط لا يعمل من هذا الصفحة التبليغ عن رابط لا يعمل

ويمكنك طلب ما تريده من هذه الصفحة الدعم الفنى

أو يمكنك العودة للصفحة الرئيسية أو البحث عن الصفحةو من جديد

العودة للرئيسية

الأحد، 1 مايو، 2016

تغيير شكل أداة قائمة الرابط لتبادل الأعلانى



شرح جديد على مدونة عالم المدون وموضوع جديد هو موضوع هام هو لكيفية تغيير شكل أداة قائمة الرابط لعمل التبادل الأعلانى ، والتبادل الأعلانى يحتاجه كل مدون فى مدونته وفى هذا الموضوع سوف تقوم بالتعديل على أداة قائمة الروابط التى توفرها بلوجر ضمن الأضافات التى فى كل مدونة وهذا الشكل الذى سوف تقدمة هو الشكل الذى يتم استخدامه على المدونة الخاصه بنا الأن .


شرح التركيب



1- قم بالدخول إلى تحطيط مدونتك ثم قم بإضافة أداة قائمة الروابط فى المكان الذى تريده وهى على هذا الشكل .


2- قم بوضع الروابط التى تريدها فى الأداة كما فى الصورة التالية .



3- قم الأن بالبحث عن هذا الوسم  ]]></b:skin> فى قالب مدونتك ثم قم بوضع الكود التالى فوقه ( قبله ) .

#LinkList1 ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

#LinkList1 li a {
  background-color: #F74047;
  box-shadow: 0 1px 0 4px #fff;
  color: #fff;
  display: block;
  height: 40px;
  line-height: 40px;
  margin-bottom: 5px;
  text-align: center;
  text-decoration: none;
  transition: all 0.7s ease 0s;
  font-family: Electrolize,ge_dinar_tworegular;
  font-weight: 100;
}
#LinkList1 li a:before {
  content: '\f122';
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  right: 0;
  float: right;
  color: #FFF;
  background: #456B8E;
  padding-left: 7px;
  padding-right: 7px;
  transition: all 0.3s linear;
}
#LinkList1 li a:after {
  content: '';
  margin-top: 10px;
  border: 10px solid transparent;
  border-right-color: #456B8E;
  float: right;
}
#LinkList1 li a:hover {
  background-color: #456B8E;
}
#LinkList1 li a:hover:before {
  padding-left: 17px;
  padding-right: 17px;
  transition: all 0.3s linear;
  content: '\f135';
  font-family: FontAwesome;
  background: #F74047;
}
#LinkList1 li a:hover:after {
  content: '';
  margin-top: 10px;
  border: 10px solid transparent;
  border-right-color: #F74047;
  float: right;
}

هذا الكود هو الخاص بتغيير شكل الإضافه يوجد فى هذا الكود معرف وهو هذا المعرف LinkList1 هو المعرف يتم تغييره حسب المعرف الخاص بالإضافة فى مدونتك ولمعرفة المعرف الخاص بأداة قائمة الروابط الخاص بك تابع الصورة التالية .


4- خطوة اخيرة فى الإضافة وهى لكيفية فتح أداة قائمة الروابط فى صفحة جديده سوف تستخدم كود بسيط لعمل هذا الأمر هذا الكود هو target='_blank' الكود يتم وضعه كما بالصورة التالية تقوم بالبحث عن معرف الأداة التى تكلمنى عن فى أول الموضوع وسوف يظهر لك كما بالصورة تقوم بوضع الكود الخاص بفتح الروابط فى صفحة جديدة كما فى الصورة .



كان هذا كل شئ فى هذا الموضوع أن واجهتك مشكلة فى التركيب فباب التعليقات مفتوح لا تتردد ! وادعمنا بمشاركة التدوينة ليستفيد منها الجميع :)


شارك الموضوع ليستفيد الجميع

مواضيع قد تهمك ايضا

هناك 15 تعليقًا:

اضافة جميل اخي تابع فئانت دائما تفاجئنا بالجديد

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

العفو اخى فى خدمتك دائما بالتوفيق لك

خطوة الاخيرة مش عارف اعملها

ما المشكلة التى تواجهك اخى

مش عارف اعملها خطوة الاخيرة

الخطوة الأخير ليس لها اهمية كثيرها
ولكن اذا كنت تريد مساعده يمكننى مساعدتك

تم حل لك المشكلة ومساعدتك فى تركيبها اخى بالتوفيق

العفو اخى ويسعدنى انها اعجبتك
بالتوفيق لك

اخي لاستطيع نسخ الاكواد

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع
الأبتساماتأخفاء الأبتسامات

Mohon Aktifkan Javascript!Enable JavaScript

إتصل بنا

الإسم الكريم البريد الإلكتروني مهم الرسالة مهم
جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر