كود الماسكي لإخفاء رقم الهاتف عند الاتصال بأي شخص

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

تقسيم التدوينة إلى عدة صفحات في بلوجر:

* اولا تجه الى لوحة تحكم مدونتك. ولكن قبل ذلك يمكنك معاينة الشكل الذي ستتحصل عليه في نهاية.

* ثم انتقل الى المظهر.

* بعدها من القائمة المنسدلة اختر تحرير HTML.

* الان قم بضغط داخل اكواد وابحث عن الوسم التالي.

</b:skin>

* عند ايجاده ضع فوقه الكود التالي.

a.movepg.nexter,a.movepg.prever{color:#fff} 

.separator{overflow:hidden;max-height:240px;margin:0 0 20px}.separator img{background:#eee;max-width:100%;vertical-align:middle;background-position:middle;border:0;height:auto;width:100%}.next-wrap img,.next-wrap video,.next-wrap object{max-width:100% }.next-wrap{position:relative;padding:0 0 0 40px;line-height:normal;}.instruction{display:block;height:100%;width:100%;overflow:hidden}.slidecontentWrap{width:1000%}.slidecontent{direction: rtl;float:left;width:10%;line-height:161%;overflow:hidden}.movepg{display:none;position:absolute;bottom:20px;background:#e74c3c;color:#fff;font-weight:700;text-transform:uppercase;padding:6px 12px;cursor:pointer;font-size:80%;outline:none;border-radius:3px;transition:background .6s}.movepg:hover{background:#c0392b}.movepg.prever{left:20px}.movepg.nexter{right:20px}

* الان اعد البحث عن الوسم التالي.

</body>

* بعد ايجاده ضع الكود التالي فوقه.

<script type='text/javascript'>//<![CDATA[

function updateBtnState(){0==index?$(".prever").hide():$(".prever").show(),index==maxIndex?$(".nexter").hide():$(".nexter").show()}var index=0,maxIndex=4;$(".nexter").on("click",function(e){if(index++,index>maxIndex)return void e.preverentDefault();updateBtnState();var n=$(this).parent().find(".slidecontentWrap"),t=100*-index+"%";n.animate({marginLeft:t},300)}),$(".prever").on("click",function(e){if(index--,0>index)return void e.preverentDefault();updateBtnState();var n=$(this).parent().find(".slidecontentWrap"),t=100*-index+"%";n.animate({marginLeft:t},300)}),updateBtnState();

//]]></script>

* الكود التالي يقوم بتقسيم المقالات الى 4 صفحات اذا اردت اكثر من اربع صفحات يمكنك تغير  maxIndex=4  الى الرقم الذي يناسبك. بعدها قم بحفظ القالب.

2. كيفية استخدام هذه اضافة:

* كل ما عليك فعله الان هو انشاء مشاركة عادية بعدها قم بتغير وضع كتابة الى html ثم ضع داخله الكود التالي.

<div class="next-wrap">

  <div id="photocons" class="instruction">

    <div class="slidecontentWrap">

      <div class="slidecontent">

        <-- هُنا يتم كتابة المحتوى -->

      </div>

      <div class="slidecontent">

        <-- هُنا يتم كتابة المحتوى -->

      </div>

      <div class="slidecontent">

        <-- هُنا يتم كتابة المحتوى -->

      </div>

      <div class="slidecontent">

        <-- هُنا يتم كتابة المحتوى -->

      </div>

      <div class="slidecontent">

        <-- هُنا يتم كتابة المحتوى -->

      </div>

      </div>

      </div>

      <a class="movepg prever">السابق</a>

      <a class="movepg nexter">التالي</a>

</div>

بعدها قم بتعديل على الموضوع بما يناسبك ، ثم انشر الموضوع وشاهد النتيجة.