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

Admin Amer

مارس 17, 2018

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

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

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

معاينة

بداية الشرح

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

<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. إبحث في القالب على   وضع هذا الكود فوقه مباشرة

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



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

الكلمات المفتاحية :

Written by you: Technical blogger AMER BACHIR

URL Of Post:

https://ab-expert.blogspot.com/2018/03/blog-post_17.html

HTML Code Of Post:

<a href="https://ab-expert.blogspot.com/2018/03/blog-post_17.html">إضافة ازرار تصغير و تكبير الخط على المواضيع في مدونات بلوجر كتبها: المدون التقني - الخبير عامر بشير</a>