عـُدتُ لـكــم مــع إِضـافــة جـد مــُفــيـدة ورائعـة لأصــحـاب قـوَالــب بــلـوجــر أيـضــا لـِمــن لــديـهــم مــواضـيــع بــِكــلـمــات تـَفــوق الــصــّفـحــة، ومــع إضــافــة اسـْتــكــشــف الــمــزيــد سـتـُغــنــيــك عــن الـعـديــد مــن الـوظــائف الـمــوجـودة بــالـمــوضـوع، ويــمـكــنـك إخـفــائهـا، كــمـا يـمــكـن لــلـزائر أن يـســتـكــشـف مـا تــحـتــويـه مـن تـتــمـة لـلــمــوضـوع أو مــلاحــظـة عــلـى حــسـب ذوقــكـُم فـي الــعـَرض، ولـِلـتـوضــيـح أكــثـر سـنـُعــايـِن الإضــافـة، وأيــضـا كـيـفــيـة الـتـطـبــيـق.
مراحل تركيب الإضافة- ادخل إلى لوحة تحكم المدونة في بلوجر.
- اختر قالب المدونة التي تود تطبيق الشرح فيها.
- اضغط على تحرير HTML ( قم بأخد نسخة إحتياطية للقالب )
- ابحث عن الوسم ]]></b:skin> و أضف الكود التالي قبله مباشرة
- مجدداً نبحث عن الكود التالى <body> ونضع الكود التالى أسفلة مباشرة
- قم بحــفــظ الــنــمــوذج وتــوجــه لـلـمـشـاركــات
- الـكــود الأتــي يـوضــع داخــل مـوضــوع فــي تـبـويــب HTML
- مــع تــغـيــيـر content1 وcontent2 وcontent3 بــاسـم مُـغــايـر عــلـى حــسـب عـدد الـمــحــتـويـات الـتـي تـود إخــفـائهـا :
.iabflip { background: none repeat scroll 0% 0% #FD4B4B; color: #FFF; font-weight: bold; font-size: 15px; text-align: right; border: medium none; border-radius: 3px; padding: 8px; cursor: pointer; text-shadow: 0px 1px rgba(0, 0, 0, 0.3); margin: 6px auto; vertical-align: middle; display: inline-block; max-width: 300px; min-width: 130px; }
.iabflip:hover { }
.iaflippan { padding: 10px; display: block; border: 0px none; margin: 8px auto; background: none repeat scroll 0% 0% #F5F5F5; position: relative; border-radius: 10px; }
.iaflippan:hover { }<script>
function visibilite(thingId){
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none"){targetElement.style.display = "" ;} else {targetElement.style.display = "none" ;}
}
</script>
مــــلاحظة :
<span class = "iabflip" onclick="javascript:visibilite('content1'); return false;">المزيد لتستكشفه</span>
<div class ="iaflippan" id="content1" style="display:none;">المحتوى الأول</div>
</br>
<span class = "iabflip" onclick="javascript:visibilite('content2'); return false;">المزيد لتستكشفه</span>
<div class ="iaflippan" id="content2" style="display:none;">المحتوى الثاني</div>
</br>
<span class = "iabflip" onclick="javascript:visibilite('content3'); return false;">المزيد لتستكشفه</span>
<div class ="iaflippan" id="content3" style="display:none;">المحتوى الثالث</div>تم تحديث / نقل الموضوع بما فيه من روابط تحميل أو توجيه من المدونة السابقة (INTOARB) إلى مدونتنا الجديدة (تقني ويب) قصد الإحتفاض بالمعلومة، ولسهولة ولوج الزائر لها من مصدر واحد...، نرجوا أن يكون الموضوع مازال مفيدا...
ليست هناك تعليقات:
إرسال تعليق