recent
أخبار ساخنة

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

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

طريقة النركيب

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


الان ضع هذا فوق المواضيع ذات صلة او امام ازرار المشاركة التي تأتي اسفل التدوينة المهم اي شئ يضهر اسفل التدوينة انتا قم ب البحث عليه وضع هذا الكود فوقه او اسفل
<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>

الان احفظ القالب و مبروك عليك الاضافة

google-playkhamsatmostaqltradent