الشارقة لدروس و إضافات بلوجر: أبريل 2012

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

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

طبق ما بالاسفل ان اعجبك الدرس..:

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

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

4. ثم ضع اسفله الكود التالي

<div style=' width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS-iGXDTd2RxhUnr1pDZgEY4i_IsSAETF-_1BAXnJGzyqJ_xs39h9Cs_0oUpNaL_USmKzEar3GnLKjKTyk3BG8HY2faHUAkC_3jCDYlotmd1pZUEBmJxAAACDB5lolkWeUs2AwdabWvBk/s800/emoticon-0100-smile.gif'/> :a
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKbZvx-ATg5-WpYR5nL2GKwZvFiUbHag7fj3DQ8nUoKE3XqtNqEbHfgqlnAlyHYnEB368S5fNR3L9WFUjml_SB8Qxh6-B3skr4-RSrmpKd_K9WAY1KfyCPPJCXAb844r9_w2jUtIAG-rM/s800/emoticon-0101-sadsmile.gif'/> :b
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI6FFogd9Y_nZEm5vI4qGFrqayUYH9D7bHbDwFQuD01Ey5dgAqRY-bnvt2xtnufEeMQaqQgZrAL85rtYWsTcKKe-dYioSgYt611_EexYtMHrECcUwz1AtCEM1q42kk14yxEb7c-_K3kGc/s800/emoticon-0102-bigsmile.gif'/> :c
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLCSQvk0E0bL4MujdbpQSPWCAo9BbHNLCE0aMHrYf39EpgmM4vLHvjLtdn25jp-6FSHWXKHtuX3A_1YTO9-bsCdDH0Bncl1GPO07glla2I7yJ6UsAtuRZHERFD60N4lG_Kv3pYL3MotUw/s800/emoticon-0105-wink.gif'/> :d
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyV1DiuoYmHGOXg3efI9V-Ds9xxzsyMxHn5Ufi2AMrf3fK0o7nVzlVXWWWCqKKbvXY625rZMgy2CZz_2APhnO4wRYSlPJrcI2k9xfcAOc9N4HAclzgwimNBjqcAH6a_YJVFBkF3YyZqv8/s800/emoticon-0104-surprised.gif'/> :e
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMsV7aKD-ZiJg9jB7IsncxyCrIEVye4f5MMUm-hmsRpN_9ay5EcKOZ-wcd_VL1CxeaeeVAZSUzp6idsCfPwOSttRSwivDM00ZNB3tmIinNAoH8TQAieFqCE3v6M81QwiK774ohvBlHYXk/s800/emoticon-0106-crying.gif'/> :f
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTCjr4sjXflDbJxdI_KaqMK8CpubetFItRaOrseJGZ7oGpRMTzxJQ4Jb5-PiSdXm8AS4Wy0gdx8fNstUGKgvQcd1LVA3Pz-b_fc1rnECdtALq68vVBCxGjvHZUu9S4WgHxe6EYoFzi_Oc/s800/emoticon-0109-kiss.gif'/> :g
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwUHq2Pe2SmNZWOBLpum2e6GvOaRttVPTyazbvmI7v97m1Tsg5PwRHG95TlV_8zd5f-A0-sK6wZgCO3HUVEfVvJOEm2DZKZIR754JE4OKISknR_6OVM8qq44LOdMfFAm_-f47TD-L-c8g/s800/emoticon-0111-blush.gif'/> :h
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWzPVsle1gV0cWRzNBY8oC_XSWKgxY4BT2mjUpFyvLqj6FgY4lAmiNCsmVocfyDp8Dda7U_ZRs3ga9ZgYNjbsCLpiF27ObL3ZBFkq8QtvrHIzNB8eB31XBftXPcxDYQYYVkXuZdo1CeCM/s800/emoticon-0110-tongueout.gif'/> :i
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYJoN9Pxby2fmMUl-gatkKuPSRvPcUbI3CUiCd95UAugCfkVPr8yzKiqntNl07AE4a2bQmxGb707zm1It5pTO96vYcLu9UMj75yRWlooAydF6e58q1o4xwXtsNC3eoz8NGA-E8fQ1EnmE/s800/emoticon-0126-nerd.gif'/> :j
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwejNgrBMvWkiow2MFQ_TAbUEU7e3dxlhG4T9dTU44N9wbnulD4IKc0ROq8y6fPk3VAwV51E8QL9-wMMNx4lNxoEnfWFKBS4824i1IwIumjIVt4IovVg5DiNuS2yY6RHYnzcWfaINfXwU/s800/emoticon-0103-cool.gif'/> :k
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Y19mfGlTXGU-61bFZSGkI9ciHOmYVw9qdsYdIgGGDaiFD8-KqGwIUm3L_onZhWlQI8Ay8TBlP-0YxqgDvOA0MjZnatKbgXHPuBwlYyfwUwH1NgvEz1FvPLh47NCdx89Mx4w0-N_9MJA/s800/emoticon-0130-devil.gif'/> :l
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzRliQmbg13MXOP_NGeyh3nhFY-6KhDlduCU00DIQgXh9q2QQ4ww4Zkt9obyhcs4qdQ8eRG8Lmwl8ENcJKhIO9YlgQc_vqvm_W0XfnuB4jzfWyBVsDgOIc4-T6Gj-rJnzuwboF5rfvntE/s800/emoticon-0133-wait.gif'/> :m
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhIwhCmXriRT_bCfBsKbwcpmjLKhF5EHx21gQp9qJYci611WCCtHz_3QQQ5gPDTQZrDyCp37xobTgymMAzDCT_3JwU51e7Dhih44ae_wff4Ng44FZqoug861nijXB9uGmewVNbeYz_LNg/s800/emoticon-0137-clapping.gif'/> :n
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihs912Hf4dUGmeFMYu7JpVjJzaXWjXQ-7EuJV2_mehxqq82xUGsRiQkTlzBsZv9KttrJ121kMABBEaNjbRBAglFvyBKXwem1QpKDaXN8fbAl_kMQl5NxYOSZhfDCZ6VyCDFBCD9CBYVmk/s800/emoticon-0136-giggle.gif'/> :o
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3zL2XrJR5iIv3FmUVDtmjWo6SRZczrndAAidK2ohYg8y2TVamDlQC3jrEmuLZXEuQxDjDJx2NYNfLCLkryqb1mqUiO8lAUVAl21rH3QhqVV1-EvQVyrMxXsFF7a10Co4H0kch5wG-Unw/s800/emoticon-0141-whew.gif'/> :p
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwzF1ar7Se3GdhPaBH4Y0E4oPJcdYVqmHtEANHQu5AA4cmII7RyL2GV6KfY8UmYvYo5Nnvh8b4FJCJFxYwOe7KfE4NaxKdNB8nLYDDnYzrbMnBArKFUdD5_IJZZrPLXvwTyjt9WwrXbYs/s800/emoticon-0148-yes.gif'/> :q
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMi0CroIfxFvjK7N4aQ0V9BlJ1QHINhln4d4I3Uok-koyDIx6rWXuZ7CxvFNn4ktGRKeszaBmQxIOnItvt-B0jj-YbXYJ1iksALSFUZruohj8KBkH3GF9ffEIIOI4R0HQrQ4C0ZTWMuSM/s800/emoticon-0149-no.gif'/> :r
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnW0ovGtDkgHEQD3NjTCmbM33zdq6b-jzKat1Ne466R3TNgmAS8qjp7YN-4pYnAvPQ9pFMqyLDLrvWtUOX1VHjW-qTfRZR-0p1Rlkm8NYM77pS6jzS_9WrctcWAsvX1aJb876RBI_po6s/s800/emoticon-0178-rock.gif'/> :s
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLbBUYQnyEIxhZDPTVSiimaPWBciMZhCrnOijkIs5TzFGm4qik6BQbJXJJ6T3b6AZh8WCcckpoaGORnHncKxW1KOcJX-GcwCbir8-fDWBtCEszuRzPoIIVe2etZravoIM13L6DIHW43Kk/s800/emoticon-0155-flower.gif'/> :t
</div>

قم بحفظ قالب مدونتك وهذا شكل الايموشن فوق صندوق تعليقات مدونتك
skype-emoticons-above-blogger comment form

ملحوظه:- السطر الاخضر في الكود بالاعلى خاص بتنسيق عرض واجهة الابتسامات تستطيع التحكم فيها.
5.. الان قم بالبحث عن </body>
او ابحث عن هذا </head>. وضع قبله الكود الذي بالاسفل

<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
    b = a.getElementsByTagName("DD");
    for(i=0; i < b.length; i++) {
            if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {
                _str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYJoN9Pxby2fmMUl-gatkKuPSRvPcUbI3CUiCd95UAugCfkVPr8yzKiqntNl07AE4a2bQmxGb707zm1It5pTO96vYcLu9UMj75yRWlooAydF6e58q1o4xwXtsNC3eoz8NGA-E8fQ1EnmE/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwejNgrBMvWkiow2MFQ_TAbUEU7e3dxlhG4T9dTU44N9wbnulD4IKc0ROq8y6fPk3VAwV51E8QL9-wMMNx4lNxoEnfWFKBS4824i1IwIumjIVt4IovVg5DiNuS2yY6RHYnzcWfaINfXwU/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Y19mfGlTXGU-61bFZSGkI9ciHOmYVw9qdsYdIgGGDaiFD8-KqGwIUm3L_onZhWlQI8Ay8TBlP-0YxqgDvOA0MjZnatKbgXHPuBwlYyfwUwH1NgvEz1FvPLh47NCdx89Mx4w0-N_9MJA/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzRliQmbg13MXOP_NGeyh3nhFY-6KhDlduCU00DIQgXh9q2QQ4ww4Zkt9obyhcs4qdQ8eRG8Lmwl8ENcJKhIO9YlgQc_vqvm_W0XfnuB4jzfWyBVsDgOIc4-T6Gj-rJnzuwboF5rfvntE/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhIwhCmXriRT_bCfBsKbwcpmjLKhF5EHx21gQp9qJYci611WCCtHz_3QQQ5gPDTQZrDyCp37xobTgymMAzDCT_3JwU51e7Dhih44ae_wff4Ng44FZqoug861nijXB9uGmewVNbeYz_LNg/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihs912Hf4dUGmeFMYu7JpVjJzaXWjXQ-7EuJV2_mehxqq82xUGsRiQkTlzBsZv9KttrJ121kMABBEaNjbRBAglFvyBKXwem1QpKDaXN8fbAl_kMQl5NxYOSZhfDCZ6VyCDFBCD9CBYVmk/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3zL2XrJR5iIv3FmUVDtmjWo6SRZczrndAAidK2ohYg8y2TVamDlQC3jrEmuLZXEuQxDjDJx2NYNfLCLkryqb1mqUiO8lAUVAl21rH3QhqVV1-EvQVyrMxXsFF7a10Co4H0kch5wG-Unw/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwzF1ar7Se3GdhPaBH4Y0E4oPJcdYVqmHtEANHQu5AA4cmII7RyL2GV6KfY8UmYvYo5Nnvh8b4FJCJFxYwOe7KfE4NaxKdNB8nLYDDnYzrbMnBArKFUdD5_IJZZrPLXvwTyjt9WwrXbYs/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMi0CroIfxFvjK7N4aQ0V9BlJ1QHINhln4d4I3Uok-koyDIx6rWXuZ7CxvFNn4ktGRKeszaBmQxIOnItvt-B0jj-YbXYJ1iksALSFUZruohj8KBkH3GF9ffEIIOI4R0HQrQ4C0ZTWMuSM/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLbBUYQnyEIxhZDPTVSiimaPWBciMZhCrnOijkIs5TzFGm4qik6BQbJXJJ6T3b6AZh8WCcckpoaGORnHncKxW1KOcJX-GcwCbir8-fDWBtCEszuRzPoIIVe2etZravoIM13L6DIHW43Kk/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnW0ovGtDkgHEQD3NjTCmbM33zdq6b-jzKat1Ne466R3TNgmAS8qjp7YN-4pYnAvPQ9pFMqyLDLrvWtUOX1VHjW-qTfRZR-0p1Rlkm8NYM77pS6jzS_9WrctcWAsvX1aJb876RBI_po6s/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS-iGXDTd2RxhUnr1pDZgEY4i_IsSAETF-_1BAXnJGzyqJ_xs39h9Cs_0oUpNaL_USmKzEar3GnLKjKTyk3BG8HY2faHUAkC_3jCDYlotmd1pZUEBmJxAAACDB5lolkWeUs2AwdabWvBk/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKbZvx-ATg5-WpYR5nL2GKwZvFiUbHag7fj3DQ8nUoKE3XqtNqEbHfgqlnAlyHYnEB368S5fNR3L9WFUjml_SB8Qxh6-B3skr4-RSrmpKd_K9WAY1KfyCPPJCXAb844r9_w2jUtIAG-rM/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI6FFogd9Y_nZEm5vI4qGFrqayUYH9D7bHbDwFQuD01Ey5dgAqRY-bnvt2xtnufEeMQaqQgZrAL85rtYWsTcKKe-dYioSgYt611_EexYtMHrECcUwz1AtCEM1q42kk14yxEb7c-_K3kGc/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLCSQvk0E0bL4MujdbpQSPWCAo9BbHNLCE0aMHrYf39EpgmM4vLHvjLtdn25jp-6FSHWXKHtuX3A_1YTO9-bsCdDH0Bncl1GPO07glla2I7yJ6UsAtuRZHERFD60N4lG_Kv3pYL3MotUw/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyV1DiuoYmHGOXg3efI9V-Ds9xxzsyMxHn5Ufi2AMrf3fK0o7nVzlVXWWWCqKKbvXY625rZMgy2CZz_2APhnO4wRYSlPJrcI2k9xfcAOc9N4HAclzgwimNBjqcAH6a_YJVFBkF3YyZqv8/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMsV7aKD-ZiJg9jB7IsncxyCrIEVye4f5MMUm-hmsRpN_9ay5EcKOZ-wcd_VL1CxeaeeVAZSUzp6idsCfPwOSttRSwivDM00ZNB3tmIinNAoH8TQAieFqCE3v6M81QwiK774ohvBlHYXk/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTCjr4sjXflDbJxdI_KaqMK8CpubetFItRaOrseJGZ7oGpRMTzxJQ4Jb5-PiSdXm8AS4Wy0gdx8fNstUGKgvQcd1LVA3Pz-b_fc1rnECdtALq68vVBCxGjvHZUu9S4WgHxe6EYoFzi_Oc/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwUHq2Pe2SmNZWOBLpum2e6GvOaRttVPTyazbvmI7v97m1Tsg5PwRHG95TlV_8zd5f-A0-sK6wZgCO3HUVEfVvJOEm2DZKZIR754JE4OKISknR_6OVM8qq44LOdMfFAm_-f47TD-L-c8g/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
        _str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWzPVsle1gV0cWRzNBY8oC_XSWKgxY4BT2mjUpFyvLqj6FgY4lAmiNCsmVocfyDp8Dda7U_ZRs3ga9ZgYNjbsCLpiF27ObL3ZBFkq8QtvrHIzNB8eB31XBftXPcxDYQYYVkXuZdo1CeCM/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")
                b.item(i).innerHTML = _str;
            }
    }
}
//]]>
</script>

6. قم بحفظ قالب مدونتك ومبروك عليك الاضافه! :D

الحل الامثل لترقيم صفحات مدونة بلوجر بخمسة الوان - اصدار اخير

السلام عليكم ورحمة الله وبركاته , اعزائي زوار ومتابعي مدونة الشارقة. موعدنا اليوم مع اضافه في غاية الاهميه لمدونات بلوجر و يبحث عنها الكثيرين وهي اضافة ترقيم صفحات مدونة بلوجر او فيما يعرف بين اغلب المدونين ب هاك ترقيم الصفحات . الجديد في اضافة اليوم انها بخمسة الوان كما هو موح في الصوره المرفقه داخل تلك التدوينه او من خلال مثال حى على مدونتي ويمكنك التنقل بين الالوان ومشاهدتها من خلال الخمس نجوم الموجودين على يمين الشاشه . قمت باختيار الالوان بعناية شديده لتناسب جميع الاذواق وبالامكان وضع الوان اخرى الى ما لا نهاية سواء من جانب من يقوم بتطبيق الاضافه او من جانبي انا واتاحتها للمبتدئين . هاك ترقيم الصفحات المطروح في تلك التدوينه يختلف كليا عن باقي ماهو مطروح في المدونات فتاثيرات ال css الموجوده فيه لن تجدها الا هنا كذلك تم الاستغناء عن رابط الجافا سكربت الخارجي من اجل تحميل اسرع للصفحه وظهور سريع للاضافه ودمج المحتويات داخل القالب مباشرة .. ان اعجبتك الاضافه وتود تطبيقها على مدونتك . قم باتباع التالي . سجل دخول الى لوحة تحكم مدونة بلوجر ثم اذهب الي تحرير HTML وقم بالبحث عن الوسم التالي </body> ثم ضع قبله او فوقه مباشرة الكود الموجود بالاسفل

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='◄';
var downPageWord ='►';

</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('5 G;5 i;5 b;5 n;1f();x 1g(15){5 6=\'\';H=I(K/2);3(H==K-H){K=H*2+1}J=b-H;3(J<1)J=1;o=I(15/j)+1;3(o-1==15/j)o=o-1;L=J+K-1;3(L>o)L=o;6+="<4 e=\'1y\'>1z "+b+\' 1A \'+o+"</4>";5 16=I(b)-1;3(b>1){3(b==2){3(i=="w"){6+=\'<4 e="1B"><a f="\'+y+\'">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">\'+M+\'</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+16+\');A B">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+16+\');A B">\'+M+\'</a></4>\'}}}1h(5 g=J;g<=L;g++){3(b==g){6+=\'<4 e="1C">\'+g+\'</4>\'}c 3(g==1){3(i=="w"){6+=\'<4 e="k"><a f="\'+y+\'">1</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">1</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+g+\');A B">\'+g+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+g+\');A B">\'+g+\'</a></4>\'}}}5 17=I(b)+1;3(b<o){3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+17+\');A B">\'+1i+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+17+\');A B">\'+1i+\'</a></4>\'}}5 C=u.1D("C");5 18=u.1E("1F-1G");1h(5 p=0;p<C.P;p++){C[p].1j=6}3(C&&C.P>0){6=\'\'}3(18){18.1j=6}}x 1a(Q){5 R=Q.R;5 1k=I(R.1H$1I.$t,10);1g(1k)}x 1f(){5 d=m;3(d.9("/r/s/")!=-1){3(d.9("?S-7")!=-1){n=d.D(d.9("/r/s/")+14,d.9("?S-7"))}c{n=d.D(d.9("/r/s/")+14,d.9("?&7"))}}3(d.9("?q=")==-1&&d.9(".6")==-1){3(d.9("/r/s/")==-1){i="w";3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l("<h T=\\""+y+"U/V/W?7-l=1&X=Y-Z-h&11=1a\\"><\\/h>")}c{i="s";3(d.9("&7-l=")==-1){j=1J}3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l(\'<h T="\'+y+\'U/V/W/-/\'+n+\'?X=Y-Z-h&11=1a&7-l=1" ><\\/h>\')}}}x N(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x O(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W/-/"+n+"?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x 1b(Q){1c=Q.R.1K[0];5 1w=1c.1x.$t.D(0,19)+1c.1x.$t.D(1L,1M);5 1d=1N(1w);3(i=="w"){5 1e="/r?S-7="+1d+"&7-l="+j+"#E="+G}c{5 1e="/r/s/"+n+"?S-7="+1d+"&7-l="+j+"#E="+G}1O.f=1e}',62,113,'|||if|span|var|html|max||indexOf||nomerhal|else|thisUrl|class|href|jj|script|jenis|postperpage|showpageNum|results|urlactivepage|lblname1|maksimal|||search|label||document|newInclude|page|function|home_page|onclick|return|false|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|mulai|numshowpage|akhir|upPageWord|redirectpage|redirectlabel|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))
//]]>
</script>

لتخصيص الكود بما يتناسب مع مدونتك ابحث فيه عن
var postperpage=7; غير الرقم 7 بعدد التدوينات التي حددت ظهورها في الصفحه الرئيسيه للمدونه من خلال تحرير اداة رسائل المدونه.
var numshowpage=4; غير الرقم 4 باي رقم تريده فهو المسؤول عن عدد الترقيمات التي تظهر بداخل الاداه في صفحة مدونتك الرئيسيه .
الى هنا نكون قد انتهينا من الجزء المهم في الموضوع وننتقل الي الالوان الخمسه لاضافة ترقيم الصفحات وساقوم بوضع عنوان توضيحي لكل لون واسفله الكود الخاص به وما عليك سوى اختيار اللون الذي يتناسبك ومن ثم نسخ الكود الموجود اسفل عنوانه .

1 - هاك ترقيم صفحات مدونة بلوجر باللون الازرق :

/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #3B5998;
color:#fff;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #F1BA24;
text-decoration: none;
}

2 - هاك ترقيم صفحات مدونة بلوجر باللون الرصاصي :

/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #52575C;
color:#fff;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #F1BA24;
text-decoration: none;
}

3 - هاك ترقيم صفحات مدونة بلوجر باللون البرتقالي :

/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #7B3A11;
color:#fff;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #F1BA24;
text-decoration: none;
}

4 - هاك ترقيم صفحات مدونة بلوجر باللون الاخضر :

/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #3F8657;
color:#fff;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #F1BA24;
text-decoration: none;
}

5 - هاك ترقيم صفحات مدونة بلوجر باللون الارجواني :

/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #8B2F73;
color:#fff;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #F1BA24;
text-decoration: none;
}

* لا تنسى انه لست ملزما سوى بنسخ كود واحد من الاكواد الخمسه الاخيره ذات العناوين الخمسه حسب اللون .

بعد اختيارك للكود الذي يتناسب مع الوان مدونتك قم بوضعه قبل هذا الوسم ]]></b:skin> مباشرة . ثم قم بحفظ القالب .وقبلها لا تنسى اخذ نسخه احتياطيه . اى استفسار يرجا ترك تعليق بالاسفل. انتهى .

اضافة الاشتراك في القائمه البريديه على شكل نافذه انيقة الشكل

السلام عليكم ورحمة الله وبركاته , اليوم مع تدوينه واضافه سريعه وهامه بنفس الوقت وهي اضافة القائمه البريديه لمدونة بلوجر واتاحة الفرصه للزوار كى يشتركو فيها ليصلهم جديد ما يتم نشره في المدونه , الاضافه في الاساس معروفة لمستخدمي الورد بريس وتم تحويلها لكى تتلائم مع مدونات بلوجر. فقط كل ماعليك هو الدخول الى لوحة تحكم بلوجر ثم الوصول الي القالب وندخل الى وضع تحرير HTML ثم نبحث عن</head> ونضيف قبلها مباشرة الكود التالي
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
بعد حفظ القالب نتجه صوب التخطيط ونقوم باضافة اداة جديده من نوع جافا سكربت ونضع بها الكود الموجود في نهاية تلك التدوينه وقبل حفظ الاداه يجب مراعاة استبدال المتغيرات التاليه بما يتناسب مع مدونتك
نبحث داخل الكود عن كلمة chareqablog ونقوم باستبدالها بمعرف حسابك على موقع فيدبرنر . ثم نبحث عن تلك الجمله (
اشترك في القائمه البريديه تصلك المواضيع الجديده فور نشرها على بريدك مباشرة) . ونقوم باستبدالها باي جمله تناسب مدونتك . واخيرا نبحث عن ( تابع مدونة الشارقة) واستبدلها بما ترغب فيه .. ثم تقوم بحفظ الاداه ولا تضع لها اسما . بالتوفيق للجميع.

<style type="text/css">
/*<![CDATA[*/
    #w2bfollowSubscribe {background-color: #464646;width: 220px;color: #fff;position: fixed;z-index: 999999;right: 10px;bottom: 0;}
    .followOpened {-webkit-border-radius: 2px 0 0;-moz-border-radius: 2px 0 0;border-radius: 2px 0 0;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
    .w2bfollowButton {background: #464646;color: #CCC !important;font-size: 13px;line-height: 28px;padding: 0 10px;text-decoration: none;position: absolute;top: -28px;right: 0;display: block;-webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-webkit-border-radius: 2px 2px 0 0;-moz-border-radius: 2px 2px 0 0;border-radius: 2px 2px 0 0;height: 28px;}
    .w2bfollowButton span {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhST4dO4y-kylArmxFgzZKnq74oW3dbzBIW3mayEfZzB9ms1p4R_vU1tzsBVS8sBT5n0sbdEsXa7Yy1VrmFKJ0KgYMFuEdNjsgVCUHpLr0nGhQwi_kPlcDmBoWnxMHW5o1Ft017PT2HejsA/s1600/follow-w2b.png") no-repeat scroll 0 3px transparent;padding-left: 15px;}
    .w2bfollowButton:hover,.followActive {color: #fff !important;}
    .w2bfollowButton:hover span,.followActive span {background-position: 0 -37px !important;}
    .followactive {background-color: #333;}
    .w2bfollowForm {padding: 15px;}
    .w2bfollowForm h3 {font-size: 18px;margin: 0 0 10px;font-weight: normal;}
    .w2bfollowForm p {margin: 0 0 10px;}
    .w2bfollowForm .emailInput {width: 95%;padding: 2px 4px;margin: 0 auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 15px;border: 1px solid #444;color: #888;display: block;clear: both;}
    .w2bfollowForm form {text-align: center;}
    .w2bfollowForm .emailInput:focus {color: #000;border-color: #000;}
    .w2bfollowForm .emailSubmit {cursor:pointer;padding: 2px 20px;background: #333;background: -webkit-linear-gradient(top, #333 0%, #111 100%);background: -moz-linear-gradient(top, #333 0%, #111 100%);background: -o-linear-gradient(top, #333 0%, #111 100%);background: -ms-linear-gradient(top, #333 0%, #111 100%);background: linear-gradient(top, #333 0%, #111 100%);color: #ccc;text-shadow: 0 1px 0 #000;border: 1px solid #282828;-webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;-webkit-box-shadow: inset 0 1px 0 #444;-moz-box-shadow: inset 0 1px 0 #444;box-shadow: inset 0 1px 0 #444;text-decoration: none;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;margin: 1em 0 1em 0;}
    .emailSubmit:hover {background: #222;background: -webkit-linear-gradient(top, #333 0%, #222 100%);background: -moz-linear-gradient(top, #333 0%, #222 100%);background: -o-linear-gradient(top, #333 0%, #222 100%);background: -ms-linear-gradient(top, #333 0%, #222 100%);background: linear-gradient(top, #333 0%, #222 100%);color: #fff;-webkit-box-shadow: inset 0 1px 0 #4f4f4f;-moz-box-shadow: inset 0 1px 0 #4f4f4f;box-shadow: inset 0 1px 0 #4f4f4f;text-decoration: none;}
    .emailSubmit:active {background: #111;background: -webkit-linear-gradient(top, #111 0%, #222 100%);background: -moz-linear-gradient(top, #111 0%, #222 100%);background: -o-linear-gradient(top, #111 0%, #222 100%);background: -ms-linear-gradient(top, #111 0%, #222 100%);background: linear-gradient(top, #111 0%, #222 100%);color: #aaa;-webkit-box-shadow: inset 0 -1px 0 #333;-moz-box-shadow: inset 0 -1px 0 #333;box-shadow: inset 0 -1px 0 #333;text-decoration: none;}
    .w2bFollowFooter {text-align: center;font: normal 11px "Helvetica Neue", sans-serif;padding: 7px 0;margin: 0 0 -15px !important;border-top: 1px solid #3c3c3c;}
    .w2bFollowFooter a {color: #aaa;text-shadow: 0 1px 0 #262626;background: none;text-decoration: none;}
    .w2bFollowFooter a:hover {color: #fff;background: none;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
;(function(w2b){w2b(document).ready(function(){w2b.extend(w2b.easing,{easeOutCubic:function(x,t,b,c,d){return c*((t=t/d-1)*t*t+1)+b}});var followBox=w2b("#w2bfollowSubscribe");var followHeight="-"+followBox.outerHeight()+"px";followBox.hide().css({bottom:"-500px"});setTimeout(function(){followBox.show().animate({bottom:followHeight})},500);w2b(".w2bfollowButton").click(function(e){if(followBox.hasClass("followOpened")){w2b(this).removeClass("followActive");followBox.removeClass("followOpened").stop().animate({bottom:followHeight},{duration:300,easing:"easeOutCubic"})}else{w2b(this).addClass("followActive");followBox.addClass("followOpened").stop().animate({bottom:"0"},{duration:500,easing:"easeOutCubic"})}e.preventDefault()})})})(jQuery);
/*]]>*/
</script>
<div id="w2bfollowSubscribe" style="display:none;">
    <div class="w2bfollowForm">
        <a class="w2bfollowButton" href="#" title="Follow"><span>Follow</span></a>
        <h3>تابع "مدونة الشارقة"</h3>
        <p>اشترك في القائمه البريديه تصلك المواضيع الجديده فور نشرها على بريدك مباشرة</p>
        <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=chareqablog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
            <input type="text" class="emailInput" name="email" placeholder="Enter Your Email..."/>
            <input type="hidden" value="tqarobweblog" name="uri"/>
            <input type="hidden" name="loc" value="en_US"/>
            <input type="submit" value="إشتركــ" class="emailSubmit"/>
        </form>
        <p class="w2bFollowFooter">
            <a href="http://feedburner.google.com" target="_blank">Delivered by FeedBurner</a>
        </p>
    </div>
</div>

الحل الامثل لاضافة نافذه منبثقه لتسجيل الاعجاب على الفيس بوك

السلام عليكم ورحمة الله وبركاته , اضافة اليوم كما هو واضح من العنوان تتيح لزوار مدونتك تسجيل الاعجاب والانضمام لصفحة مدونتك على موقع التواصل الاجتماعي فيس بوك , الاضافه على شكل صندوق صغير الحجم يظهر من خلال نافذه منبسقه لا تسبب اى ثقل في تصفح المدونه,مايميز تلك الاضافه هو خلوها من العيوب التي وجدت في مثيلاتها بالاضافه للشكل الجمالي الواضح فيها. عند ظهور النافذه المنبسقه تطالب الزائر بتجسل الاعجاب بصفحة مدونتك على الفيس بوك وبمجرد الضغط على زر اعجبني تختفي النافذه المنبسقه في الحال. او يستطيع الزائر ان لم يود الانضمام الي صفحتك ان يضغط على زر close الموجود في الاعلى علي يمين النافذه او الانتظار 30 ثانيه حتى تختفي النافذه من تلقاء نفسها . الاضافه مميزه بلا شك فهي تساعد اصحاب الصفحات ذات عدد المعجبين القليل من استدراج عدد اضافي بطريقه سريعه وتسهل علي من يود الانضمام الي صفحتك من زوار مدونتك الكسالى الذين يرغبون في الاستمتاع بالمعلومه دون تقديم اي دعم لك ولو بسيط على شكل الانضمام لصفحتك علي الفيس بوك . لتطبيق الاضافه سجل دخول الى لوحة تحكم بلوجر ثم اذهب الي تحرير HTML وابحث عن الوسم التالي </body> ثم ضع فوقه مباشرة الكود الموجود في الاسفل

<script type='text/javascript'>
    //<![CDATA[
        KNFBFansPRO='مجتمع التدوين العربي'

    //]]>
    </script>
    <style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}

    #fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;}

    .fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}

    #fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;}

    #fblikepop #closeable{float:right;margin:7px 15px 0 0;}

    #fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}

    #fblikepop #actionHolder{height:30px;overflow:hidden;}

    #fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;}

    #fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}

    #fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;}

    #fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}

    #fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style>

    <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1' type='text/javascript'/>

    <script src='https://my-tqarob.googlecode.com/svn/trunk/likebox2.js' type='text/javascript'/>

    <script language='javascript'>
    //<![CDATA[
        $(document).ready(function(){
            $().KNFBFansPRO({
               timeout: 30,
                wait: 0,
                url: 'http://www.facebook.com/pages/407254402620281/مدونة-الشارقة',
                closeable: true        });
        });
    //]]>
    </script>
    <div id='fbtpdiv'/>

لتخصيص الكود السابق بما يتناسب مع مدونتك ابحث فيه عن http://www.facebook.com/pages/407254402620281/مدونة-الشارقةواستبدله برابط صفحة مدونتك على الفيس بوك . واخيرا ابحث عن مجتمع التدوين العربي واستبدله باسم صفحتك . قم بعد ذلك بمعاينة المدونه ثم اضغط حفظ. هذا هو كل شئ .