بسم الله اقدم لكم اليوم اضافة ازرار تصغير وتكبير النص لمدونة بلوجر وكما عودناكم على الجديد مدونة بلوجر برو ساقدم لكم اليوم ازرار تكبير او تصغير النص حتى تساعد الزائر على قراءة التدوينة الخاصة بك وانا اليوم اقدمها لكم بشكل احترافى جدا تابعو الشرح .
اولا : ابحث عن الوسم </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>
إبحث في القالب على الوسم </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>
ابحث عن هذا الكود <data:post.body/> وضعه اسفله مباشرة
<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>
لا تنسى نشر الموضوع دعمنا لنا واذا حصل لك خلل فى الاضافة لا تتردد فى كتابة تعليق بالمشكلة
هناك 3 تعليقات:
لم تعمل
لم تعمل
لم تعمل و شكرا على اية حال