جعل أدوات بلوجر قابلة للتمرير

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

سنبدأ أولا بالأداة HTML/JavaScript 

وهي أكثر الأدوات إنشاراً وطريقة التطبيق عليها واحده 

وهي ان تبحث عن إسم الإضافة مثلا أنت تضيف آداة إسمها آخر الأخبار

قم بالدخول لصفحة تحرير القالب وطبعا خذ نسخة إحتياطية

ثم إضغط على زر الإنتقال الى الآداة وإختر الآداة التي تريد تعديلها أو إبحث عن اسم الآداة في القالب مباشرة
ثم إضغط على سهم توسيع العناصر الخاص بالآداة وتكون لبعض الادوات سهمين بعد الضغط على الأول يظهر الثاني وهذا مثال لشكل سهم التوسيع

بعد التوسيع ستجد تحت إسم الآداة الكود التالي

<h2 class='title'><data:title/></h2>
  </b:if>

بعده مباشرة أضف الكود التالي

 <div style='overflow:auto; width:ancho; height:250px;'> 

مع العلم أن 250 هو إرتفاع الآداة قم بالزيادة أو النقصان على حسب ما تحب

بعده ثم إبحث بعده عن هذا الكود

 <b:include name='quickedit'/>

 

 هذا الكود متكرر لأن كل آداة تحتوي واحد إبحث عن أول واحد تحت الآداة فهو الخاص بها

بعد مباشرة أضف

</div>

وهذا مثال لأحد الادوات التي تم التطبيق عليها 

<b:widget id='HTML1' locked='false' title='كن مدون' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
<div style='overflow:auto; width:ancho; height:327px;'>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</div>
</b:if>
</b:includable>
</b:widget>

بالنسبة لأداة المشاركات الشائعة نفس الطريقة ولكن الكود الثاني حتى تجده ستنزل مسافة أطول نظراً 

آداة التسميات

لجعل آداة التسميات قابلة للتمرير

نبحث عن الإسم الذي سميته لها في القالب

وإبحث تحته عن الكود التالي

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>

بعده مباشرة أضف هذا الكود

<div style='overflow:auto; width:ancho; height:250px;'>

ثم بعد ذالك إبحث تحتها عن هذا الكود

<b:include name='quickedit'/>

وتحت الكود السابق مباشرة أضف

</div>

آداة الأرشيف

إبحث عن هذا الكود

<div id='ArchiveList'>

بعده أضف الكود التالي

<div style='overflow:auto; width:ancho; height:250px;'>

ثم إبحث تحته عن الكود التالي  أيضا ستحتاج للنزول مسافة أطول حتى تجده

<b:include name='quickedit'/>

ثم أضف

</div>

لكن هذه المرة قد تحتاج لإضافة الكود فوقه

جرب مرة فوقه ومرة تحته وإستخدم ما يضبط معك منهما إستخدمه

منشورة في: هاكات