معهد خبراء بلوجر - طريقة كتابه الاكوآد في مدونآت بلوجر

http://im26.gulfup.com/2012-08-23/1345712612581.png
http://im26.gulfup.com/2012-08-23/1345712612612.png
http://www.traidnt.net/vb/attachment...8%B7%C2%A9.gif
http://im26.gulfup.com/2012-08-23/1345712612612.png
السلام عليكم ورحمة الله وبركاته , اليوم مع درس بسيط لكنه هام جدا من اجل تدوين افضل وبطريقه احترافيه تجعل زوارك يشعرون بمدى حرفية صاحب المدونه وتمكنه من ادوات بلوجر التدوينيه . درس اليوم يعني بصفه خاصه بطرق التعامل مع النصوص او اكواد css التي قد تتضمنها تدوينه ما يتم الشروع في نشرها . من خلال هذا الدرس سنتعلم طريقة تمييز نص معين او كود معين عن بقية النصوص التي تحتويها التدوينه . الامر يبدو قريب الشبه من استخدام اداة اقتباس الموجوده في محرر بلوجر لكن طريقة اليوم ذو امكانيات اكبر وشكل افضل وكذلك سرعه في الاداء والعرض .
http://im26.gulfup.com/2012-08-23/1345712612612.png
http://www.traidnt.net/vb/attachment...8%B7%C2%A9.gif
http://im26.gulfup.com/2012-08-23/1345712612612.png
والامثله التي سيتم وضعها بالاسفل ستوضح للجميع فائدة تلك الطريقه البسيطه :
1 - لتمييز نص ما داخل التدوينه من خلال صندوق صغير قابل للتوسعه والطى قم اثناء كتابتك للموضوع بالانتقال الى وضع HTML وضع ما بالاسفل
<textarea>هذا مثال حى لنص تم وضعه في صندوق قابل للتوسعه والطى يمكنك استبداله بالنص الذي ترغب فيه</textarea>
وسيظهر داخل التدوينه كما بالاسفل
http://www.7ammil.com/uploads/13460660361.png
http://im26.gulfup.com/2012-08-23/1345712612612.png
http://www.traidnt.net/vb/attachment...8%B7%C2%A9.gif
http://im26.gulfup.com/2012-08-23/1345712612612.png

2 - لتمييز نص داخل التدوينه من خلال صندوق فيه زر لتظليل النص قم اثناء كتابتك للموضوع بالانتقال الى وضع HTML وضع الكود التالي

كود PHP:


		
			
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">هذا مثال حى لنص تم وضعه في صندوق قابل للتوسعه والطى والتظليل يمكنك استبداله بالنص الذي ترغب فيه</textarea></p></div></form>

وسيظهر النص داخل التدوينه بالشكل الموجود في الاسفل
http://www.7ammil.com/uploads/13460664641.png
http://im26.gulfup.com/2012-08-23/1345712612612.png
http://www.traidnt.net/vb/attachment...8%B7%C2%A9.gif
http://im26.gulfup.com/2012-08-23/1345712612612.png
بآلتوفيق
اخوك احمد
المصدر
http://ahm-7.blogspot.com/2012/08/blog-post_27.html