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

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

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

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

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

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

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

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

الأحد، 5 يونيو، 2016

اضافة قائمة احترافيه مثل عالم المدون



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

شرح التركيب

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

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

/* خدماتى على  خمسات */
#recomanim {    margin: 1% 1% 0px;margin-top: 50px;}
.stat {position: absolute;z-index: 10;color: #FFF;padding: 3px 6px;font-size: 12px;border-radius: 3px;top: 5px;right: 5px;}
.recobox {
  margin-bottom: 10px;
  padding: 5px;
  background-repeat: repeat-x;
  background: #fff;
  border: 1px solid #ccc;
  margin-right: -1px;
  margin-left: 2px;
}
.anim {
  float: right;
  border: 1px solid #CCC;
  border-radius: 3px;
  position: relative;
  width: 228px;
  height: 200px;
  overflow: hidden;
  font-family: ge_ss_threeregular;
  margin-left: 5px;
}
.stat.ongo {background: #F74047;}
.anim a {display: block;font-size: 0px;height: 200px;}
.anim img {width: 100%;height: 100%;cursor: url(//ar1web-com.googlecode.com/svn/Hm/cursormicky.png),pointer;}
.anim img:hover {transform: scale(1.4);}
.anim p {
  margin: 0px;
  font-size: 16px;
  background: #456B8E;
  color: #FFF;
  position: absolute;
  bottom: 0px;
  z-index: 200;
  padding: 4px 6px 5px;
  width: 216px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  height: 30px;
  font-family: Electrolize,ge_dinar_tworegular;
  line-height: 32px;
}
.anim p:hover {background: #F74047;}
.ftr-btn {
  float: right;
  width: 98.9%;
  display: block;
  margin-right: 2px;
  height: 55px;
  background-color: #456b8e;
  margin-bottom: 5px;
  border: 5px solid #fff;
  margin-top: -30px;
}
p.ftrgfgfftn {
  color: #FFF;
  padding: 16px;
  font-size: 20px;
  font-family: Electrolize,ge_dinar_tworegular;
  float: right;
}
a.fpqvitn {
  color: #FFF;
  padding: 8px;
  font-size: 16px;
  font-family: Electrolize,ge_dinar_tworegular;
  float: left;
  background-color: #F74047;
  margin-top: 8.1px;
  margin-left: 11px;
  border-radius: 5px;
}
a.stat.ongo {
  position: absolute;
  z-index: 10;
  color: #FFF;
  padding: 3px 6px;
  font-size: 12px;
  border-radius: 3px;
  top: 5px;
  right: 5px;
  height: 23px;
}

3- الكود التانى الخاص بالإضافة سوف تضعه فى المكان الذى تريده فى مدونتك او يمكنك وضعه اسفل القائمة الرئيسية كما فى المدونة الخاصه بنا

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='ftr-btn' style='margin-right: 0px;margin-top: 2px;'>
<p class='ftrgfgfftn'>خدماتى الذى أقدمها على موقع خمسات انا مشرف مدونة عالم المدون</p>
<a class='fpqvitn' href='https://khamsat.com/user/abdo-abd-alrazzaq' target='_blank' title='اطلبها الأن'>للحصول عليها</a>
</div>

<div class='recobox'>

<div class='anim'>
<a class='stat ongo' href='https://goo.gl/OmYhp9' target='_blank'>اطلب الخدمة الأن</a>
<a href='https://goo.gl/OmYhp9' target='_blank'>
<img href='https://goo.gl/OmYhp9' src='https://goo.gl/7g0kMb' target='_blank' title='إعلان على عالم المدون'/>
<p title='إعلان على عالم المدون '>إعلان على عالم المدون</p>
</a>
</div>

<div class='anim'>
<a class='stat ongo' href='https://goo.gl/Ra6C1y' target='_blank'>اطلب الخدمة الأن</a>
<a href='https://goo.gl/Ra6C1y' target='_blank'>
<img href='https://goo.gl/Ra6C1y' src='https://goo.gl/Ry2Spk' target='_blank' title='تعديل قوالب بلوجر'/>
<p title='تعديل قوالب بلوجر'>تعديل قوالب بلوجر</p>
</a>
</div>

<div class='anim'>
<a class='stat ongo' href='https://goo.gl/IwPjj2' target='_blank'>اطلب الخدمة الأن</a>
<a href='https://goo.gl/IwPjj2' target='_blank'>
<img href='https://goo.gl/IwPjj2' src='https://goo.gl/d6z1Oo' target='_blank' title='إنشاء مدونة أجنبية أوعربية'/>
<p title='إنشاء مدونة أجنبية أوعربية'>إنشاء مدونة أجنبية أوعربية</p>
</a>
</div>

<div class='anim' style='margin-left: 0px;'>
<a class='stat ongo' href='https://goo.gl/IB8sBa' target='_blank'>اطلب الخدمة الأن</a>
<a href='https://goo.gl/IB8sBa' target='_blank'>
<img href='https://goo.gl/IB8sBa' src='https://goo.gl/xj8f9f' target='_blank' title='تصميم تطبيق اندرويد للربح منه'/>
<p title='تصميم تطبيق اندرويد للربح منه'>تصميم تطبيق اندرويد للربح منه</p>
</a>
</div>

<div class='anim' style='margin-left: 0px;width: 227.8px;'>
<a class='stat ongo' href='#' target='_blank'>انتظر قريبا</a>
<a href='#' target='_blank'>
<img href='#' src='https://goo.gl/ysA4QU' target='_blank' title='قريبا'/>
<p title='قريبا'>قريبا</p>
</a>
</div>



<div class='clear'/>
</div>
</b:if>

4- قم بتغيير الخدمات بما تريد انت .

5- قم بحفظ القالب ومبروك عليك .

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



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

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

هناك 6 تعليقات:

تبادل مجاني:
https://tabadoul-i3lani.blogspot.com/

لم نعد نقدم خدمة التبادل الاعلانى الأن
يمكنك طلب خدمة الأعلان على المدونة من خمسات

كيف اضعه اسفل القائمة الرئيسية رجاء الرد

اولا اخى اقدم لك اسفى على عدم الرد عليك لانى لم ارى التعليق
ضع رابط مدونتك للمعاينة واخبرك ايضا سوف تضعها

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

Mohon Aktifkan Javascript!Enable JavaScript


إتصل بنا

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