U3F1ZWV6ZTM5ODcyMTQzOTA5X0FjdGl2YXRpb240NTE2OTYzNzg1NzM=
recent
أخبار ساخنة

كيفية اضافة معلومات عن الموضوع فى القائمة الجانبية مع أزرار التحميل

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

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

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

كيفية اضافة معلومات عن الموضوع فى القائمة الجانبية مع أزرار التحميل 

تحميل الأكواد الخاصة بالإضافة ومعاينة الإضافة


يمكنك من خلال هذه الرابط تحميل أكواد الإضافة التى فى موضوع اليوم وايضا معاينة الإضافة من الرابط الخاصة بها ، وسوف يكون لملف الأكواد باسورد سوف يكون wdbloog


صورة من الإضافة


شرح التركيب


  • قم بالبحث أولا عن هذا الوسم]]></b:skin>ثم قم بوضع الكود التالى فوقه.
#store-style{overflow:hidden;background:#fff;border:1px solid #ddd;padding:25px 10px 10px;margin-bottom:20px}
#store-style .storebutton{background:#07ACEC;color:#fff;font-weight:bold;border-radius:3px;text-align:center;transition:all .4s ease-in-out;position:relative}.rio-ss{padding-top:15px;overflow:hidden}.idb{line-height:1.5;padding:25px 0 5px}
#store-style .storebutton:hover{background:#333;color:#fff}.but1{padding:10px 95px}.but2{padding:10px 84px}
.storelist{padding:12px 10px;border-bottom:1px solid #ddd;width:100%;float:right}
.storelist:last-child{border-bottom:none}
.storelist:before{content:"\f05d";font-family:FontAwesome;font-size:13px;font-style:normal;font-weight:400;padding:5px}


  • الأن أبحث عن هذا الوسم</head>ثم قم وضع الكود التالى فوقه وفى بعض القوالب سوف تجد الوسم هكذا&lt;/head&gt;&lt;!--<head/>--&gt;ضع ايضا فوقه الكود التالى.


<script type='text/javascript'>
/*<![CDATA[*/
$(document).ready(function(){ 
$('a[name="details"]').before($('#Theme-details').html()); 
$('#Theme-details').html(''); 
}); 
/*]]>*/
</script>


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




  • وهذا هو الكود وبعد وضعه سوف تقوم بالتعديل عليه بما يخضك .


<div style="display: none;">
<div id="Theme-details">
<div id="store-style">
<center>
<a class="storebutton but1" href="https://draft.blogger.com/blogger.g?blogID=7586452364121532876#LINK-DEMO" target="_blank">مشاهدة العمل</a></center>
<div class="rio-ss idb">
يمكنك مشاهدة العمل من الرابط فى الاعلى لمعاينة كل شئ عن العمل</div>
</div>
<div id="store-style">
<center>
<a class="storebutton but2" href="https://draft.blogger.com/blogger.g?blogID=7586452364121532876#LINK-PURCHASE" target="_blank">شراء الأن - 10 دولار</a></center>
<div class="rio-ss">
<span class="storelist">تحديثات العمل بشكل مستمر</span>
<span class="storelist">حذف حقوق العمل</span>
<span class="storelist">تقديم نطاق مجانى</span>
<span class="storelist">لا يوجد فى العمل أكواد مشفرة</span>
<span class="storelist">دعم فنى مجانى</span>
<span class="storelist">وأكثر بكثير...</span></div>
</div>


  • فى الكود السابق محدد لك كل ما سوف تقوم بتغييره حتى تعمل الإضافة كما تريد وبعد التعديل على الكود بعد وضعه فى الموضوع سوف تقوم بحفظ الموضوع وبمبروك عليك الإضافة.
الاسمبريد إلكترونيرسالة