حل مشكلة صور الابتسامات لا تعمل فى التعليقات

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

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

حل مشكلة صور الابتسامات لا تعمل فى التعليقات

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


شاهد ايضا : طريقة انشاء صفحة اتصل بنا تدعم الصفحات المسرعه AMP

حل مشكلة صور التعبيرات لا تعمل فى التعليقات

ادخل الى مدونتك فى بلوجر والى مظهر القالب الذى يوجد به المشكلة ثم ابحث فى اكواد مدونتك عن هذا الكود.

Emo_List = [
        ':)'  ,'http://4.bp.blogspot.com/-YrmTHhfMtFU/VJNbpDMHzgI/AAAAAAAAH8c/g3dJ1Q-QTrc/s1600/smile.png',
        ':('  ,'http://4.bp.blogspot.com/-RDtah-TXteU/VJNblptXyEI/AAAAAAAAH70/GGZg4MMUVxA/s1600/sad.png',
        ' =('  ,'http://1.bp.blogspot.com/-dzENpgankUY/VJNbcfrM59I/AAAAAAAAH6A/UC7FJQwT-9E/s1600/disappointed.png',
        '^_^'  ,'http://2.bp.blogspot.com/-eeLWBWx7zaI/VJNbnR-JhoI/AAAAAAAAH8E/4vUZ3j_GoEg/s1600/shy.png',
        ' :D'  ,'http://2.bp.blogspot.com/-rvM5sSYqd2k/VJNbjkemjyI/AAAAAAAAH7k/QcT_8JETczs/s1600/noprob.png',
        '=D'  ,'http://1.bp.blogspot.com/-DB0TS3jw6n8/VJNbgab1A_I/AAAAAAAAH7I/4Cr8aYd6AmU/s1600/happy.png',
        '=)D' ,'http://1.bp.blogspot.com/-mz0Rl1l5ZYw/VJNbm0HqcDI/AAAAAAAAH8I/yu8XBAQmYOI/s1600/shit.png',
        '|o|'  ,'http://3.bp.blogspot.com/-i5w-i1jFe0U/VJNbaQxedgI/AAAAAAAAH5o/z7LK9qxEebs/s1600/clap.png',
        '@@,'  ,'http://2.bp.blogspot.com/-lbZ9iDF66F8/VJNbqSG8yNI/AAAAAAAAH9A/bnAQmQrrrZo/s1600/surprise.png',
        ' ;)'  ,'http://1.bp.blogspot.com/-Q--_b4-u1ZY/VJNbrI3A3LI/AAAAAAAAH8w/xshqjz4f3cs/s1600/trope.png',
        ':-bd'  ,'http://3.bp.blogspot.com/-_lM3w2ZD7K8/VJNbiIf2PII/AAAAAAAAH7g/U5qLOVDZg8c/s1600/like.png',
        ':-d'  ,'http://4.bp.blogspot.com/-EdvYpWDdZPI/VJNbc2J75FI/AAAAAAAAH6I/kcpuLO7TXFg/s1600/dislike.png',
        ' :p'  ,'http://4.bp.blogspot.com/-Y2KF1cqsEiQ/VJNbolnNw1I/AAAAAAAAH8Y/mzpdmmt9lp4/s1600/sigh.png',
        ':ng'  ,'http://2.bp.blogspot.com/-A_W5lI-_J8I/VJNbi2oXwjI/AAAAAAAAH7c/wlxM7CETbhI/s1600/love.png',   
        ];

وقم وضع بدل منه الكود التالي فى القالب.

Emo_List = [
':)'   ,'https://twemoji.maxcdn.com/36x36/1f600.png',
':('   ,'https://twemoji.maxcdn.com/36x36/1f615.png',
'hihi'  ,'https://twemoji.maxcdn.com/36x36/1f601.png',
':-)'   ,'https://twemoji.maxcdn.com/36x36/1f60f.png',
':D'   ,'https://twemoji.maxcdn.com/36x36/1f603.png',
'=D'   ,'https://twemoji.maxcdn.com/36x36/1f62c.png',
':-d'   ,'https://twemoji.maxcdn.com/36x36/1f604.png',
';('   ,'https://twemoji.maxcdn.com/36x36/1f61e.png',
';-('   ,'https://twemoji.maxcdn.com/36x36/1f62d.png',
'@-)'   ,'https://twemoji.maxcdn.com/36x36/1f616.png',
':P'   ,'https://twemoji.maxcdn.com/36x36/1f61c.png',
':o' ,'https://twemoji.maxcdn.com/36x36/1f62e.png',     
':>)','https://twemoji.maxcdn.com/36x36/1f606.png',     
'(o)' ,'https://twemoji.maxcdn.com/36x36/1f609.png',     
':p' ,'https://twemoji.maxcdn.com/36x36/1f614.png',     
':-?' ,'https://twemoji.maxcdn.com/36x36/2753.png', 
'(p)' ,'https://twemoji.maxcdn.com/36x36/1f619.png', 
':-s' ,'https://twemoji.maxcdn.com/36x36/1f625.png',
'(m)' ,'https://twemoji.maxcdn.com/36x36/1f620.png',
'8-)' ,'https://twemoji.maxcdn.com/36x36/1f60e.png',
':-t' ,'https://twemoji.maxcdn.com/36x36/1f624.png',
':-b' ,'https://twemoji.maxcdn.com/36x36/1f634.png',
'b-(' ,'https://twemoji.maxcdn.com/36x36/1f635.png',
':-#' ,'https://twemoji.maxcdn.com/36x36/1f637.png',
'=p~' ,'https://twemoji.maxcdn.com/36x36/1f35c.png',
'$-)' ,'https://twemoji.maxcdn.com/36x36/1f4b5.png',
'(y)' ,'https://twemoji.maxcdn.com/36x36/1f44d.png',
'(f)' ,'https://twemoji.maxcdn.com/36x36/1f33a.png',
'x-)' ,'https://twemoji.maxcdn.com/36x36/1f60d.png',
'(k)' ,'https://twemoji.maxcdn.com/36x36/1f496.png',
'(h)' ,'https://twemoji.maxcdn.com/36x36/1f44f.png',
'cheer' ,'https://twemoji.maxcdn.com/36x36/1f378.png',   
        ];

او هذا الكود اخر الكود الذى تريده

Emo_List = [
':)'   ,'https://lh3.googleusercontent.com/-cQugl5FMRuM/V1U_XbfQigI/AAAAAAAAEAU/_5Q9Hv4xAGo7Z_TUaGMyoch8vEPO1KnYgCLcB/h120/1.png',
':('   ,'https://lh3.googleusercontent.com/-nQpusekLOCY/V1U_XmFH4LI/AAAAAAAAEAY/TXKngRHW9go5Qrh9wkZR5QFCAEPPvVeeACLcB/h120/2.png',
'hihi'  ,'https://lh3.googleusercontent.com/-RqDpqWecyMw/V1U_j-B12EI/AAAAAAAAECc/s7jdJHYiDQogwTJGmkwO7H4m2JR5qvB6ACLcB/h120/3.png',
':-)'   ,'https://lh3.googleusercontent.com/-LWEIDBVvX1c/V1U_lnGQezI/AAAAAAAAEC8/rjH9OARs2xEp48_v9Q4KaaBvwo6YMZ-ggCLcB/h120/4.png',
':D'   ,'https://lh3.googleusercontent.com/-XxQdOt_KU0Q/V1U_mKKhA8I/AAAAAAAAEDA/bvjgNnnHctg9ueVNu5NFxQ18wQh-hqykACLcB/h120/5.png',
'=D'   ,'https://lh3.googleusercontent.com/-ecwUs8Iv7cE/V1U_maDI_uI/AAAAAAAAEDE/3VBplucPP9g3HRA-zyr_fwWPwlXpC9z9ACLcB/h120/6.png',
':-d'   ,'https://lh3.googleusercontent.com/-cPixj9X9VU4/V1U_mRajeVI/AAAAAAAAEDI/rLjaySYljNY7ldS5KBJYinqcz5JsQwLKACLcB/h120/7.png',
';('   ,'https://lh3.googleusercontent.com/-QK49_cxX7Pg/V1U_m0Plu0I/AAAAAAAAEDQ/QgU1OQfknsgiV1o9rHPZHByL2eeVNxCTgCLcB/h120/8.png',
';-('   ,'https://lh3.googleusercontent.com/-OIvn-XD877c/V1U_m0TggsI/AAAAAAAAEDU/dfIUcK-mvzwcuBYgE93WdXp8nUiaax-kwCLcB/h120/9.png',
'@-)'   ,'https://lh3.googleusercontent.com/-5-xZ_iOFEWY/V1U_fgPr1qI/AAAAAAAAEAk/Fzil_Zga404bKRMUWBJcrYCdZG9WMoqwQCLcB/h120/10.png',
':P'   ,'https://lh3.googleusercontent.com/-surwmy1xv7s/V1U_flVlhoI/AAAAAAAAEAs/UumewMQHQvQ0fF259J1pZPksuGkjt77UwCLcB/h120/11.png',
':o' ,'https://lh3.googleusercontent.com/-TbaqYWjix1Q/V1U_frVlWjI/AAAAAAAAEAo/blK4C7ldC6Me0rdC9yeC3UAs8L-K-oKSACLcB/h120/12.png',     
'-_-'   ,'https://lh3.googleusercontent.com/-MXeJVgDtvm8/V1U_gT-pwFI/AAAAAAAAEA4/VHEw8D0J-igAMmlHQEo8-H0LofhPblsyACLcB/h120/13.png',     
'(o)' ,'https://lh3.googleusercontent.com/-Qh8qpbpfn5w/V1U_gd8Y37I/AAAAAAAAEA0/jrmxtwDbWkAo6OMc1dp81LJ_4rxq6QgEACLcB/h120/14.png',     
'[-(' ,'https://lh3.googleusercontent.com/-ydJg3pGdAu4/V1U_glYAGYI/AAAAAAAAEA8/9Bmt6TkY6qAev2PW-upGFKyfTM_neZ33ACLcB/h120/15.png',     
':-?' ,'https://lh3.googleusercontent.com/-zvAWzR1cFqg/V1U_gwtpBEI/AAAAAAAAEBA/UwYwxwcPyRolYybeo2HM432aDEmoS7WKgCLcB/h120/16.png', 
'(p)' ,'https://lh3.googleusercontent.com/-P7z88ESwPbA/V1U_hOh1WhI/AAAAAAAAEBI/dIDLP1WItxQSmbJhxhpx0XmJ_HyzojQ7wCLcB/h120/17.png', 
':-s' ,'https://lh3.googleusercontent.com/-TPpiEOnXnIY/V1U_hPHCZ0I/AAAAAAAAEBM/bdDzJnYqQlIjRTVaGpq31n95sZmbRKRIQCLcB/h120/18.png',
'(m)' ,'https://lh3.googleusercontent.com/-6FrkT1JkhoI/V1U_hiPQnGI/AAAAAAAAEBY/BSr_6-K4NlwX1xfLljfIbFgx6ly7rJOvwCLcB/h120/19.png',
'8-)' ,'https://lh3.googleusercontent.com/-7C1sLx9TYkg/V1U_hty1WFI/AAAAAAAAEBg/Hs27CyEGkLEWoT3N8wCBWo22PE5VuPwZQCLcB/h120/20.png',
':-t' ,'https://lh3.googleusercontent.com/-_FUqFhidqMA/V1U_h6O-u1I/AAAAAAAAEBc/57ERp1X4nYcIpGHJwdLCLpJidR-CqURGACLcB/h120/21.png',
':-b' ,'https://lh3.googleusercontent.com/-mvLRhY4f4Hg/V1U_iQ6ZUiI/AAAAAAAAEBo/sy2V-sOyFoQylKRQuZHxymrzTibYlNoLQCLcB/h120/22.png',
'b-(' ,'https://lh3.googleusercontent.com/-xG1jATeYafQ/V1U_iY3K2rI/AAAAAAAAEBw/9siA8z5H7e0jv28K2d7Z3DpOn1Ioks9-gCLcB/h120/23.png',
':-#' ,'https://lh3.googleusercontent.com/-HICGf3jYH1Q/V1U_iTpgnOI/AAAAAAAAEBs/OTQXucr4SwQtYQ43-FJSQUA70V-HRcnkgCLcB/h120/24.png',
'=p~' ,'https://lh3.googleusercontent.com/-rFE8c9kChSA/V1U_jAuFzwI/AAAAAAAAEB8/Uei-eeRYucsaX_b25oSUFSjeOr6AbK1wgCLcB/h120/25.png',
'$-)' ,'https://lh3.googleusercontent.com/-Pzi_NyZB0CM/V1U_jCqzB-I/AAAAAAAAECA/86MgOeR0kGoylHserWnLU4-wEpro2oGmgCLcB/h120/26.png',
'(y)' ,'https://lh3.googleusercontent.com/-DOR5NAJ7fag/V1U_jLkDwhI/AAAAAAAAECE/elfZGm0x7FoChkEsbK_UMuxvyO2dx2gpwCLcB/h120/27.png',
'(f)' ,'https://lh3.googleusercontent.com/-JJCoISGDY-Q/V1U_j9Be1SI/AAAAAAAAECY/KHHRo2K5pPsne4BL4i-zsuM5CFjNGTyCgCLcB/h120/28.png',
'x-)' ,'https://lh3.googleusercontent.com/-AvfZd1NTFfw/V1U_j0YjR7I/AAAAAAAAECU/Fm1730hyNxAHjX7U85ht6IpHoKQ6kZOpwCLcB/h120/29.png',
'(k)' ,'https://lh3.googleusercontent.com/-Sf533Lx2XDo/V1U_khMZ9eI/AAAAAAAAECg/WOgTOgQB3D4RSYHCj9hfLrlOURjA3XEawCLcB/h120/30.png',
'(h)' ,'https://lh3.googleusercontent.com/--Rzg7PE7FYQ/V1U_kpnrH0I/AAAAAAAAECo/XrBlEvaRaawUxgC-i_UC0uQf_0EEGwlfgCLcB/h120/31.png',
'(c)' ,'https://lh3.googleusercontent.com/-q3xJUc8AM8Q/V1U_kniub3I/AAAAAAAAECk/qcB2jKeUbIAT0JxcC94SnPGcPMrUzrIMQCLcB/h120/32.png',
'cheer' ,'https://lh3.googleusercontent.com/-Di2zHgE4USM/V1U_lBsZvUI/AAAAAAAAEC4/1jGglPj2FhIuP2ugYy173q9evtzd-NWdACLcB/h120/33.png',
'(li)' ,'https://lh3.googleusercontent.com/-tg98vYaNbAM/V1U_lK3-GEI/AAAAAAAAECw/GSik9JCoRjwX5SRbCeYtkOOjguRN_j6lgCLcB/h120/34.png',
'(pl)' ,'https://lh3.googleusercontent.com/-xyfPNlEkU8s/V1U_lWd8aMI/AAAAAAAAEC0/ZSjoYA3rTY4DhfflmKYRm__fz6UejeePwCLcB/h120/35.png',
        ];

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


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

http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif

قم بتغييرها بهذه الصورة

https://1.bp.blogspot.com/-TCxjAdMhUmI/WtU4DdVPaXI/AAAAAAAAO2k/JnMOxV6xg7cw53FDWOjAL5p6mbdydEAmgCLcBGAs/s1600/loading.gif

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

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

Read more

طريقة انشاء صفحة اتصل بنا تدعم الصفحات المسرعه AMP

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

فى موضوع اليوم طريقة انشاء صفحة اتصل بنا تدعم خاصية الصفحات المسرعه AMP ، سوف يكون انشاء الصفحة عن طريقة الصفحات الثابته فى مدونات بلوجر والصفحة عباره عن كود واحد فقط يتم وضعه داخل الصفحة فى وضع HTML تقوم بوضع بها الكود الذى فى موضوع اليوم.

طريقة انشاء صفحة اتصل بنا تدعم الصفحات المسرعه AMP

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

وللمزيد من إضافات بلوجر راجع هذه الصفحة إضافات بلوجر ، ويمكنك ايضا الحصول على صفحة اتصل بنا بخصائص احترافيه من موضوع انشاء صفحة اتصل بنا بشكل احترافى بالماتيريال ديزاين.

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

معاينة

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

صورة من الإضافة

طريقة انشاء صفحة اتصل بنا تدعم الصفحات المسرعه AMP

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

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

تحميل القالب العربي تحميل القالب الأنجليزي قالب التنظيف 

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

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

إقرأ ايضا : طريقة تحويل التسميات والصفحات الى قائمة منسدله لمدونات بلوجر

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

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

<script async='async' src='https://cdn.ampproject.org/v0.js'></script>
<script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'></script>
<amp-iframe title="Contact"
 src="https://callus--wdbloog.blogspot.com/"
 height="400"
 layout="fixed-height"
 frameborder="0"
 sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups">
 <amp-img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAALQAQMAAACAETNqAAAABlBMVEX////g4OACVBJKAAAAGklEQVQ4y2M4wMQwZMFQdvsoGAWjYDTPEwAAsbQCR7gQ8g0AAAAASUVORK5CYII="
 layout="fixed-height"
 height="400"
 width="auto"
 placeholder>
</amp-img>
</amp-iframe>

الأن بعد ذلك وبعد وضع الأكواد بالصفحة تقوم بحفظ الصفحة التى وسوف تجدها تعمل بدون مشكلة فى مدونتك.

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

Read more

طريقة تغيير لون شريط المتصفح على الهاتف لمدونات بلوجر

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

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

طريقة تغيير لون شريط المتصفح على الهاتف لمدونات بلوجر

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

إقرأ ايضا : طريقة تحويل التسميات والصفحات الى قائمة منسدله لمدونات بلوجر

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

يمكنك الدخول الى مدونه عالم المدون من على الهاتف وسوف تشاهد أن شريط المتصفح يتغيير لونه ، وسوف تجده باللون الأحمر كما هو اللون الأساسي للمدونة.

صورة من الإضافة

إقرأ ايضا : طريقة وضع وحدات إعلانية فى الشريط الجانبي بشكل احترافي

طريقة تغيير لون شريط المتصفح على الهاتف لمدونات بلوجر

كما قلت لكم فأن الإضافة سهل جدا فى التركيب فى مدونتك لانه عباره عن كود واحد فقط.
سوف تبحث فى مدونتك عن الوسم<head>وتقوم بوضع الكود التالى أسفله ( تحته ) .

<meta content='#E74C3C' name='theme-color'/>
<meta content='#E74C3C' name='msapplication-navbutton-color'/>

بعد ذلك سوف تقوم بتغيير اللون هذا #E74C3C المكرر مرتين باللون الذى تريد أن يتم تغيير شريط المتصفح له.
يمكنك الحصول على أكواد الألون من هذه الصفحة أكواد الألوان او من هذه الصفحة مكتبة اكواد الالوان

إقرأ ايضا : طريقة فهرسة المواضيع مع الموقع أو المدونة فى محركات البحث Bing و Yahoo

وبعد ذلك تقوم بحفظ القالب وتقوم بمشاهد مدونتك من على الهاتف وسوف تجد ان شريط المتصفح تم تغيير باللون الذى قمت بتحديده فى الكود.

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

Read more

طريقة تحويل التسميات والصفحات الى قائمة منسدله لمدونات بلوجر

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

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

طريقة تحويل التسميات والصفحات الى قائمة منسدله لمدونات بلوجر

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

اقرا ايضا : طريقة وضع وحدات إعلانية فى الشريط الجانبي بشكل احترافي

صورة من الإضافة

طريقة تحويل التسميات والصفحات الى قائمة منسدله لمدونات بلوجر

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

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

طريقة تحويل التسميات الى قائمة منسدله لمدونات بلوجر

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

بعد أن تجد الإضافة سوف تقوم بحذف الأكواد الخاصه بها المحدد فى الصورة فى الأعلى وبعد ذلك تقوم بوضع الكود التالى بدل منها.

<b:widget id='Label1' locked='false' title='الأقسام' type='Label' version='1'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
      <b:widget-setting name='display'>LIST</b:widget-setting>
      <b:widget-setting name='selectedLabelsList'/>
      <b:widget-setting name='showType'>ALL</b:widget-setting>
      <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'> 
<b:if cond='data:title'>
<h2><data:title/></h2> </b:if> 
<div class='widget-content'>
<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'>
<data:label.name/></option>
</b:loop> 
</select>
</div> 
</b:includable>
  </b:widget>

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

اقرا ايضا : طريقة فهرسة المواضيع مع الموقع أو المدونة فى محركات البحث Bing و Yahoo

طريقة تحويل الصفحات الى قائمة منسدله لمدونات بلوجر

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

الأن ايضا سوف يكون عليك حذف كود الإضافة المحدد كما فى الصورة فى الاعلى وتقوم بتغييره بالكود التالى هذه.

<b:widget id='PageList1' locked='false' title='الصفحات' type='PageList' version='1'>
    <b:widget-settings>
      <b:widget-setting name='pageListJson'><![CDATA[{'3055799429595839769': {'href': 'https://wdbloog.blogspot.com/p/photoshop.html', 'title': 'فوتوشوب Photoshop اون لاين', 'position': 0}, '7168048324172533865': {'href': 'https://wdbloog.blogspot.com/p/blog-page_87.html', 'title': 'الإعلان على عالم المدون', 'position': 1}, '6703719989949366384': {'href': 'https://wdbloog.blogspot.com/p/index.html', 'title': 'فهرس عالم المدون', 'position': 2}, '6540983174536766983': {'href': 'https://wdbloog.blogspot.com/p/cssminifierbackgroundecf0f1positionrela.html', 'title': 'ضغط أكواد CSS', 'position': 3}, '1918760950852243376': {'href': 'https://wdbloog.blogspot.com/p/blog-page_98.html', 'title': 'محول الأكواد', 'position': 4}, '3520800301624924652': {'href': 'https://wdbloog.blogspot.com/p/request-additions-or-templates.html', 'title': 'أطلب قالب أو إضافة', 'position': 5}, '7724567441770860254': {'href': 'https://wdbloog.blogspot.com/p/commentssidebar-wrapper.html', 'title': 'إتصل بنا', 'position': 6}, '3456452093345761229': {'href': 'https://wdbloog.blogspot.com/p/blog-page_55.html', 'title': 'تطبيق عالم المدون - حمل التطبيق الأن', 'position': 7}, '7284174226634163784': {'href': 'https://wdbloog.blogspot.com/p/abdocr251gmail.html', 'title': 'Privacy Policy | سياسة الخصوصية', 'position': 8}, '5079376903104552129': {'href': 'https://wdbloog.blogspot.com/p/blog-page_7.html', 'title': 'الدعم الفنى المجانى الخاص بـ عالم المدون', 'position': 9}, '3374182273395115140': {'href': 'https://wdbloog.blogspot.com/p/blog-page_22.html', 'title': 'أكواد الألوان', 'position': 10}, '7648486801065244535': {'href': 'https://wdbloog.blogspot.com/p/blog-page_42.html', 'title': 'شروط الإستخدام وحقوق النشر', 'position': 11}, '5109231328155110337': {'href': 'https://wdbloog.blogspot.com/p/blog-page_49.html', 'title': 'مكتبة اكواد الالوان', 'position': 12}, '8545795064800921729': {'href': 'https://wdbloog.blogspot.com/p/blog-page_35.html', 'title': 'التبليغ عن رابط معطوب', 'position': 13}}]]></b:widget-setting>
      <b:widget-setting name='homeTitle'>الصفحة الرئيسية</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'> 
<b:if cond='data:title'>
<h2><data:title/></h2> </b:if> 
<div class='widget-content'>
<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'>
<b:loop values='data:links' var='link'>
<option expr:value='data:link.href'>
<data:link.title/></option>
</b:loop> 
</select>
</div> 
</b:includable>
  </b:widget>

مع الحرص ايضا على عدم تكرار معرفة الإضافة PageList1 فى مدونتك حتى لا تحدث مشكلة فى حفظ المظهر وايضا يمكنك تكرار هذا الأمر مع أكثر من إضافة.

اقرا ايضا : تحميل برنامج فوتوشوب Photoshop CC 2018 اخر أصدار كامل مجانا

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

Read more

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

لا يستخدم الشريط الجانبي في مشاركات المدونة فقط للأدوات التي تدعم محتوى المدونة ، ولكنه يستخدم أيضًا فى الوحدات الإعلانية الذاتية ، التي تعرض بانر تصميم إعلان 300 × 250 أو 125 × 125 ، يمكنك أيضًا استخدام اعلانات أدسنس به مثل ما فى مدونة عالم المدون حاليا أو إعلانات بانر بديلة أخرى في الشريط الجانبي.

عندما تقوم بإضافة إعلانات البانرات 300 × 250 و 125 × 125 إلى الشريط الجانبي ، يجب أن تظهر إعلانات البانرات ، أو بمعنى اخر يجب أن تكون بتنسق جيد لها ، وفى هذا الموضوع سوف أقدم لكم إضافة لوضع إعلانات البانرات فى الشريط الجانبي بطريقة احترافيه بأستخدام CSS و HTML .

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

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

معاينة

صورة من الإضافة

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

تابع معى الشرح والخطوات التاليه لمعرفة كيفية وضع بسيطة بأحجام 300 × 250 أو 125 × 125 فى الشريط الجانبي بكل سهوله.

اولا قم بوضع الكود التالى فوق الوسم]]></b:skin>هذا فى مدونتك.

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.banner_box_ads{background:#efefef;width:300px;margin:0 auto;text-align:center;padding:16.6666666667px}
.banner_box{background:#ddd;height:125px;width:125px;display:inline;margin:0;padding:0;float:right;position:relative;}
.banner_box:nth-child(1),.banner_box:nth-child(3){margin-left:16.6666666667px}
.banner_box:nth-child(1),.banner_box:nth-child(2){margin-bottom:16.6666666667px}
.banner_box a{position:relative;display:block;z-index:2}
.banner_box img{object-fit:cover}
.banner_box:before{content:"125x125";line-height:1.2;position:absolute;top:0;left:0;width:100%;height:100%;color:#444;font-size:20px;display:flex;flex-direction:column;justify-content:center;z-index:1;}
.banner_300{width:300px;height:250px;}
.banner_box.banner_box-300:nth-child(1){margin-right:0;margin-bottom:0;}
.banner_box_ads.box_widget{padding:0;}
.banner_300:before{content:"300x250";}
.clear{clear:both;}

الأن عليك حفظ القالب وتقوم بالأنتقال الى التخطيط فى مدونتك الأن وتقوم بأنشاء أداة جديد وتقوم بوضع الكود التالى بها.

<div class="banner_box_ads box_widget">
<div class="banner_box banner_300">
<!-- 300x250 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="250" width="300"/></a>
</div>
<div class="clear"/>
</div>
<div class="banner_box_ads">
<div class="banner_box">
<!-- 125x125 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="125" width="125"/></a>
</div>
<div class="banner_box">
<!-- 125x125 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="125" width="125"/></a>
</div>
<div class="banner_box">
<!-- 125x125 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="125" width="125"/></a>
</div>
<div class="banner_box">
<!-- 125x125 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="125" width="125"/></a>
</div>
<div class="clear"/>
</div>

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

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

Read more

طريقة فهرسة المواضيع مع الموقع أو المدونة فى محركات البحث Bing و Yahoo

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

وكما هى الطريقة لفهرس المواضيع أو المدونة أو الموقع فى جوجل يتم ذلك عن طريقة أداة مشرفى المواقع الخاصه به ، وايضا بالنسبة لموقع بينج Bing فأنه يتوافر على أداة مشرفى المواقع كما هو جوجل ، أم بالنسبة لياهو Yahoo فأنه لا يتوافر على أداة مشرفى المواقع بل أنه يستخدم أداة مشرفى المواقع التى تعمل على موقع بينج Bing .

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

طريقة فهرسة المواضيع مع الموقع أو المدونة فى محركات البحث Bing و Yahoo

طريقة فهرسة المواضيع مع الموقع أو المدونة فى محركات البحث Bing و Yahoo

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

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

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

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

الأن سوف يكون عليك أرسال باقى الخرائط فى الموقع الخاصه بمدونتك وانت فى أول التسجيل قمت بأرسل أول خريطة ومتبقى 9 سوف تقوم بأرساله كما فى الترتيب

https://www.Domain.com/atom.xml
https://www.Domain.com/rss.xml
https://www.example.com/feeds/posts/default?orderby=updated
https://www.Domain.com/feeds/posts/default?alt=rss
https://www.Domain.com/feeds/posts/default
https://www.Domain.com/feeds/comments/default
https://www.Domain.com/atom.xml?redirect=false
https://www.Domain.com/atom.xml?redirect=false&start-index=501&max-results=1000
https://www.Domain.com/atom.xml?redirect=false&start-index=1&max-results=500

سوف تقوم بأرسال خريطة خريطة مع تغيير الرابط هذا https://www.Domain.com برابط مدونتك وسوف تقوم بالأرسال كما فى هذه الصورة.

طريقة فهرسة المواضيع مع الموقع أو المدونة فى محركات البحث Bing و Yahoo

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

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

وبعد ذلك فانك قمت بفهرس مواضيع مدونتك وكذلك مدونتك فى محركات البحث Bing و Yahoo ، هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .

Read more

تحميل برنامج فوتوشوب Photoshop CC 2018 اخر أصدار كامل مجانا

تحميل برنامج فوتوشوب Photoshop CC 2018 كامل مجانا ، برنامج فوتوشوب Photoshop CC 2018 البرنامج الأول فى تعديل وتحرير الصورة وأنشاء الشعارات وتصميم البانرات وكل ما يتعلق بالتصميم بالتأكيد سوف تحتاج له برنامج الفوتشوب ، فى هذا الموضوع شرح لطريقة تحميل برنامج فوتوشوب Photoshop CC 2018 كامل مجانا.

برنامج الفوتوشوب كما يعرف الكثيرون أنه البرنامج الأول عالميا فى التصميم بكل أنواعه ، وبرنامج فوتوشوب Photoshop CC 2018 هو أحدث أصدار من شركة أدوبي الشهيرة جدا فى مجال التصميم بمختلف البرامج التى تقدمها ، كما يمكنك ايضا الحصول على المزيد من ملحقات التصميم وايضا تحميل أصدارات سابقه من برنامج الفوتوشوب.

وبالتأكيد برنامج الفوتوشوب لا يمكن لاى شخص لديه موقع أو مدونة على الأنترنت عدم أستخدمها لذلك سوف أقوم بتوفير لكم اليوم أحدث أصدار من برنامج فوتوشوب Photoshop CC 2018 ، كما ايضا يمكنك أسخدام فوتوشوب أون لاين بدون تحميل.

تحميل برنامج فوتوشوب Photoshop CC 2018 اخر أصدار كامل مجانا

مميزات برنامج فوتوشوب Photoshop CC 2018 اخر أصدار كامل مجانا

• دعم مُحسن للشاشات ذات الدقة المرتفعة
• تحسينات التحديد والقناع
• تكامل أفضل باستخدام Microsoft Dial
• تنظيم أفضل للفرش
• تحسينات على أداء الفرشاة
• الوصول إلى صور Lightroom
• تنعيم خط الفرشاة
• فرش حصرية من كيلي ت. ويبستر
• الخطوط المتغيرة
• قائمة Quick Share (المشاركة السريعة)
• أداة Curvature Pen
• لون مسار وعرض مخصص
• ترتيب طبقة المجموعة
• تلميحات أداة مُحسنة
• سير عمل بانوراما 360
• للمزيد من المميزات

صور برنامج فوتوشوب Photoshop CC 2018 اخر أصدار كامل مجانا

معلومات عن برنامج فوتوشوب Photoshop CC 2018 اخر أصدار كامل مجانا

• الأسم : Adobe Photoshop CC 2018
• الإصدار : 19.1.2.45971
• نظام التشغيل : الويندوز و الماك
• نوات التشغيل للويندوز : 64 بت و 32 بت
• المطور : Adobe
• الترخيص : مدفوع ، متوفر باتش تفعيل

تحميل برنامج فوتوشوب Photoshop CC 2018 اخر أصدار كامل مجانا

كما تعرفون أن برنامج الفوتوشوب هو برنامج ليس مجاني وهو برنامج مدفوع وسوف أضع لكم فى هذا الموضوع رابط لتحميل البرنامج بنسخة تجريبية لمدة 7 أيام يمكنك الحصول عليه من هنا تحميل الأصدار التجريبي من برنامج فوتوشوب Photoshop CC 2018 اخر أصدار.

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

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

Read more