إضافة ازرار تصغير و تكبير الخط على المواضيع في مدونات بلوجر

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

الان نتجه الى معاينة الاضافة عبر الزر التالي

معاينة

بداية الشرح

1. إبحث في القالب على </head> وضع هذا الكود فوقه مباشرة

<style>button.tipr-zome{text-align:center;float:right;background:#0045a6;border-radius:50px;color:#FFFFFF;border:1px solid transparent;cursor:pointer;padding:0;width:35px;height:35px;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;box-shadow:0 2px 10px rgba(0,0,0,0.28);transition:all 0.4s cubic-bezier(0.4,0,0.2,1) 0.3s} #postedit-font-btn{position:relative;display:inline-block} </style>

1. إبحث في القالب على </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>

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

<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>



الان احفظ القالب و مبروك عليك الاضافة اذا اعجبتك التدوينة لا تنسى الاشتراك في المدونة من هنا لدعمي على تقديم المزيد

شارك هذا