اضافة تكبير و تصغير الخط
اضافة مميزة جدا
تمكنك من تكبير او تصغير الخط بداخل المواضيع
الاضافة جميلة جدا سيستفيد منها جميع الزائرين للموضوع
شرح التطبيق على القالب
بإستعمال الزر C + Ctrl للنسخ و V + Ctrl للصق قم بوضع الأكواد في المكان المناسب
إبحث في القالب على </head> وضع هذا الكود فوقه مباشرة
<style>
button.tipr-zome{text-align:center;float:right;background:#2368a1;border-radius:4px;color:#FFFFFF;border:1px solid transparent;cursor:pointer;padding:0;width:30px;font-size: 10px;height:30px;margin:0.2em;text-decoration:none;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#postedit-font-btn{position:relative;display:inline-block;left: 336px;}
button.tipr-zome:hover {background: #d3d5d6;color: #1c629c;}
@media screen and (max-width : 480px) {#postedit-font-btn {position: relative;display: inline-block;left: 0px;}
</style>
إبحث في القالب على </body> وضع هذا الكود فوقه مباشرة
<b:if cond='data:blog.pageType == "item"'>
<script>
//<![CDATA[
var _0xee16=["\x66\x6F\x6E\x74\x2D\x73\x69\x7A\x65","\x63\x73\x73","\x65\x61\x63\x68","\x2E\x70\x6F\x73\x74\x2D\x62\x6F\x64\x79","\x6F\x72\x69\x67\x2D\x73\x69\x7A\x65","\x64\x61\x74\x61","\x63\x6C\x69\x63\x6B","\x23\x62\x74\x6E\x2D\x69\x6E\x63\x72\x65\x61\x73\x65","\x23\x62\x74\x6E\x2D\x64\x65\x63\x72\x65\x61\x73\x65","\x23\x62\x74\x6E\x2D\x6F\x72\x69\x67"];function changeFontSize(_0xf999x2){$affectedElements[_0xee16[2]](function(){var _0xf999x3=$(this);_0xf999x3[_0xee16[1]](_0xee16[0],parseInt(_0xf999x3[_0xee16[1]](_0xee16[0]))+ _0xf999x2)})}var $affectedElements=$(_0xee16[3]);$affectedElements[_0xee16[2]](function(){var _0xf999x2=$(this);_0xf999x2[_0xee16[5]](_0xee16[4],_0xf999x2[_0xee16[1]](_0xee16[0]))}),$(_0xee16[7])[_0xee16[6]](function(){changeFontSize(1)}),$(_0xee16[8])[_0xee16[6]](function(){changeFontSize(-1)}),$(_0xee16[9])[_0xee16[6]](function(){$affectedElements[_0xee16[2]](function(){var _0xf999x2=$(this);_0xf999x2[_0xee16[1]](_0xee16[0],_0xf999x2[_0xee16[5]](_0xee16[4]))})})
//]]>
</script>
</b:if>
الان ضع هذا فوق المواضيع ذات صلة او امام ازرار المشاركة التي تأتي اسفل التدوينة
<b:if cond='data:blog.pageType == "item"'>
<center>
<h1>
تعديل على حجم الخط</h1>
<span id="postedit-font-btn">
<button class="tipr-zome" id="btn-decrease" title="تصغير الخط">A<span>-</span></button>
<button class="tipr-zome" id="btn-orig" title="خط إفتراضي">A</button>
<button class="tipr-zome" id="btn-increase" title="تكبير الخط">A<span>+</span></button>
</span>
</center>
</b:if>
و شكرا
شكرًا لوقتكم واهتمامكم بقراءة موضوع تركيب اضافة ازرار تكبير و تصغير الخط بداخل المواضيع. إذا صادفتكم أي مشكلة أثناء استخدام الكود أو كان لديكم أي استفسار، فلا تترددوا في طرحه ضمن التعليقات أو التواصل معنا عبر صفحة الاتصال بنا . ولا تنسوا الانضمام إلى متابعي مدونة هلا تك ليصلكم كل كل ما هو جديد.