كلمة الفريق

في عصرنا يوجد مئات الآلاف من المدونين والمدونات، البعض يعمل بشغف وحب...، والآخر يعمل بشكل إنتاجي للكسب فقط !، أما نحن .. نحب ونعشق التدوين ونؤمن أننا سنقوم بإضافة كبيرة للمحتوى العربي ولو بشيئ بسيط، نتعلم بشكل مستمر ونشارككم بكل جديد...، نحاول المساعدة، نحب أصدقاءنا، نهتم بإستفساراتهم كما لو كانت ملكنا، فريقنا فريق واحد رغم أنه متكون من شخص واحد :) لكنه يعمل بجنون

التعليقات : 0 | تعليقات الفيسبوك (
0
) تم النشر مُنذ يونيو 27, 2019 المشاهدات : 0 تقييمك للموضوع :
للإبلاغ عن رابط معطوب اضغط هنا

أفضل أداة لإخفاء/ إظهار أجزاء متعددة من المحتوى على بلوجر

إعدادات النص
A+A-


عـُدتُ لـكــم مــع إِضـافــة جـد مــُفــيـدة ورائعـة لأصــحـاب قـوَالــب بــلـوجــر أيـضــا لـِمــن لــديـهــم مــواضـيــع بــِكــلـمــات تـَفــوق الــصــّفـحــة، ومــع إضــافــة اسـْتــكــشــف الــمــزيــد سـتـُغــنــيــك عــن الـعـديــد مــن الـوظــائف الـمــوجـودة بــالـمــوضـوع، ويــمـكــنـك إخـفــائهـا، كــمـا يـمــكـن لــلـزائر أن يـســتـكــشـف مـا تــحـتــويـه مـن تـتــمـة لـلــمــوضـوع أو مــلاحــظـة عــلـى حــسـب ذوقــكـُم فـي الــعـَرض، ولـِلـتـوضــيـح أكــثـر سـنـُعــايـِن الإضــافـة، وأيــضـا كـيـفــيـة الـتـطـبــيـق.
المعــاينة
مراحل تركيب الإضافة
  1. ادخل إلى لوحة تحكم المدونة في بلوجر.
  2. اختر قالب المدونة التي تود تطبيق الشرح فيها.
  3. اضغط على تحرير HTML ( قم بأخد نسخة إحتياطية للقالب )
  4. ابحث عن الوسم ]]></b:skin> و أضف الكود التالي قبله مباشرة 
    5. .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 { }

  5. مجدداً نبحث عن الكود التالى <body> ونضع الكود التالى أسفلة مباشرة 

    6. <script>
function visibilite(thingId){
    var targetElement;
    targetElement = document.getElementById(thingId) ;
    if (targetElement.style.display == "none"){targetElement.style.display = "" ;} else {targetElement.style.display = "none" ;}
}
</script>

  6. قم بحــفــظ الــنــمــوذج وتــوجــه لـلـمـشـاركــات
    7. مــــلاحظة :
    • الـكــود الأتــي يـوضــع داخــل مـوضــوع فــي تـبـويــب HTML 
    • مــع تــغـيــيـر content1 وcontent2 وcontent3 بــاسـم مُـغــايـر عــلـى حــسـب عـدد الـمــحــتـويـات الـتـي تـود إخــفـائهـا :
    &lt;span class = "iabflip" onclick="javascript:visibilite('content1'); return false;"&gt;المزيد لتستكشفه&lt;/span&gt;
&lt;div class ="iaflippan" id="content1" style="display:none;"&gt;المحتوى الأول&lt;/div&gt;
&lt;/br&gt;

&lt;span class = "iabflip" onclick="javascript:visibilite('content2'); return false;"&gt;المزيد لتستكشفه&lt;/span&gt;
&lt;div class ="iaflippan" id="content2" style="display:none;"&gt;المحتوى الثاني&lt;/div&gt;
&lt;/br&gt;

&lt;span class = "iabflip" onclick="javascript:visibilite('content3'); return false;"&gt;المزيد لتستكشفه&lt;/span&gt;
&lt;div class ="iaflippan" id="content3" style="display:none;"&gt;المحتوى الثالث&lt;/div&gt;


تم تحديث / نقل الموضوع بما فيه من روابط تحميل أو توجيه من المدونة السابقة (INTOARB) إلى مدونتنا الجديدة (تقني ويب) قصد الإحتفاض بالمعلومة، ولسهولة ولوج الزائر لها من مصدر واحد...، نرجوا أن يكون الموضوع مازال مفيدا...

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

إذا وجدت هذا الموضوع مفيد يمكنك مشاركته مع زوار مدونتك، أو نشره في المنتديات.




ليست هناك تعليقات

يمكنك وضع تعليقك هنا

الاشتراك في: تعليقات الرسالة ( Atom )

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