آخر المواضيع
جاري التحميل...
الأحد، 9 يونيو 2013

في
” أفضل الصدقة أن يتعلم المسلم علما ثم يعلمه أخاه المسلم ،،
بعدما تحدثنا في تدوينة سابقة على إضافة الإبتسامات في تعليقات بلوجر، وصلتني عديد الرسائل عبر البريد الإلكتروني تسألني حول طريقة وضع تلك الإبتسامات في المواضيع، بعدما لاحظوا أنني أستعمل تلك الإبتسامات في المواضيع. مثال : :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o (o) [-( :-? (p) :-s (m) 8-) :-t :-b  b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer

ما رايكم ؟ رائعة أليس كذلك :)

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

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

<b:if cond='data:blog.pageType == &quot;item&quot;'> <script type='text/javascript'> //<![CDATA[ jQuery(document).ready(function () {emoticonx({ emoRange:"#comments p, .post-body, div.emoWrap", putEmoAbove:"iframe#comment-editor", topText:"إضغط على الابتسامة لظهور الكود الخاص بها", emoMessage:"لإدراج تعبيرات الوجه يجب إضافة ما لا يقل عن مسافة واحدة قبل الرمز." }) }); //]]> </script> <script src='https://arblab.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/> </b:if>
في الكود السابق قمنا بإضافة
.post-body,
 في ذاك السطر بعد 
#comments p,
 وهكذا سوف تصير تظهر الابتسامات في المواضيع أيضا.

القسم الثاني
حسنا الآن نمر إلى القسم الثاني المخصص لأولئك الذين لم يتابعوا موضوع الابتسامات في التعليقات ولم يحملوا قالبا يحتوي على هذا النظام. إذا نضيف قبل وسم </head> الكود التالي : 

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
ثم بعد، ركّز معي، قلت بعد وسم ]]></b:skin> بعده مباشرة نضيف الكود التالي : 

<style> .emo.delayLoad { display:inline; text-align:left; margin:0; padding:1px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; background-color:transparent; border-radius:none; -moz-border-radius:none; -webkit-border-radius:none } </style>
 وأخيرا نضيف الكود التالي قبل وسم </body> مباشرة 

<script type='text/javascript'> //<![CDATA[ // kode js untuk menampilkan emoticon jQuery(document).ready(function () {emoticonx({ emoRange:".post-body, div.emoWrap", }) }); //]]> </script> <script src='https://arblab.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/>
 وأخيرا، شكرا لمتابعتكم، ولا تنسوا نشر الموضوع لإفادة الآخرين والرقي بمستوى المدونات العربية، ولو واجهت أي مشكلة فلا تترد بالتعليق وطرح الأسئلة.

المحرر : عماد عادل
عماد عادل هو مدون يبلغ من العمر 14 سنة، يعيش في القيروان، تونس. مصمم ومدون ومؤسس المختبرات العربية، يحب نشر الأفكار الجديدة ويسعى إلى تطوير المحتوى العربي الهزيل. الملف الشخصي
تابعه على : فيس بوك | تويتر | جوجل بلس | بنترست | دفيان آرت | يوتيوب | الموقع.
” أفضل الصدقة أن يتعلم المسلم علما ثم يعلمه أخاه المسلم ،،

0 تعليقات:

إرسال تعليق