التدوين يتطور يوما بعد يوم, ووسائله المتاحه وطرقه تتعدد وتنتشر عبر الشبكه العنكبوتيه الكبرى, بالطبع هناك منصتين أو ثلاثه هما الأفضل فى مجال التدوين والمدونات ولكن هناك الكثير جدا من المنصات الأخرى التى تلقى إعجاب البعض وتستهويهم وتلاعب فضولهم.
ولكن عند البحث وعقد المقارنات بين تلك المنصات نجد أنها تشترك جميعا فى شىء واحد ومتعارف عليه وهو لغة HTML والتى يجب على المدون أن يكون على درايه كافيه بها تمكنه من التدوين بشكل صحيح وتمكنه أيضا من التعامل السهل مع هذه المنصات المخصصه لتقديم خدمة التدوين.
ليس عليك تعلم لغة HTML بإحترافيه ولكن ما عليك هو أن تعرف على الإقل بعض الأكواد الهامه والتى لا غنى عنها لتستطيع التعامل مع مدونتك بشكل جيد, وهذه الإكواد عباره عن 10 أكواد سأعرضها عليكم بسلاسه وسهوله.
كود وضع صوره برابط
وهو الكود الذى يجعل النص المكتوب فى شكل مختلف تماما ومميز عن باقى النصوص فى الكتابه ويكون كالتالى
أكواد سهله جدا ولكن عليك معرفتها وحفظها عن ظهر قلب وذلك سيوفر عليك الكثير من الوقت المجهود ويذيدك إحترافيه فى التعامل مع مدونتك وأكوادها.
ولكن عند البحث وعقد المقارنات بين تلك المنصات نجد أنها تشترك جميعا فى شىء واحد ومتعارف عليه وهو لغة HTML والتى يجب على المدون أن يكون على درايه كافيه بها تمكنه من التدوين بشكل صحيح وتمكنه أيضا من التعامل السهل مع هذه المنصات المخصصه لتقديم خدمة التدوين.
كود عمل رابط
وهذا الكود يتم إستخدامه لعمل رابط لموقع معين ويكون على الشكل التالىمكان اللون الأحمر يتم وضع رابط الموقع الذى تريد الربط إليه, ومكان اللون الإخضر يتم كتابة إسم الموقع وهو اللذى سيظهر للقراء.<a href="http://ar-blogger-tips.blogspot.com"> مدونة نصائح للمدونين </a>
كود ادراج صوره
ويتم استخدام هذا الكود لوضع صوره ويكون على هذا الشكلكود وضع صوره برابط
كود وضع صوره بدون رابط<a href="http://ar-blogger-tips.blogspot.com"><img src="http://picture.jpeg"/></a>
مكان اللون الأحمر يتم وضع رابط الموقع الذى تريد الربط له ومكان اللون الأخضر يتم وضع رابط الصوره<img src="http://picture.png"/>
كود العناوين
ويستخدم هذا الكود لجعل جوله معينه كعنوان ويكون كالآتىوكل عنوان من هؤلاء العناوين له حجم معين يختلف عن الآخر وعليك أنت إختيار الحجم المناسب الذى تريده ونوع العنوان الذى تريد التعامل معه.<h1> العنوان الأول </h1><h2> العنوان الثانى </h2><h3> العنوان الثالث </h3><h4> العنوان الرابع </h4><h5> العنوان الخامس </h5>
كود عمل فقره كتابيه
ويقوم هذا الكود بعمل فقره نصيه مستقله ويستخدم كالتالى<p> يتم هنا كتابة الفقره النصيه التى نريد وضعها كفقره مستقله عن باقى فقرات الموضوع الكتابى النصى </p>
كود كتابة الخط العريض
ويقوم هذا الكود بتحويل الخط إلى خط عريض وهو كالتالى<strong> النص المراد إظهاره بشكل خط عريض </strong>
كود كتابة النص بخط مائل أو إيطالى
ويجعل هذا الكود خط النص بشكل مائل ويكون على هذا النحو<em> الخط المراد إظهاره بشكل مائل </em>
كود عمل القوائم المسلسله والغير مسلسله
وهذا الكود يقوم بعمل قائمه كما تريدها سواء كانت مسلسله مرقمه بالترتيب أو غير مرقمه, ويكون كالتالىكود عمل فقره اقتباس<ol> يتم هنا وضع الوحده التى يراد ادخالها فى القائمه المرقمه المتسلسله </ol><ul> يتم هنا وضع اوحده التى يراد إدخالها فى القائمه الغير مرقمه أو الغير مسلسله </ul>
وهو الكود الذى يجعل النص المكتوب فى شكل مختلف تماما ومميز عن باقى النصوص فى الكتابه ويكون كالتالى
<blockquote> النص المراد إدخاله فى الإقتباس </blockquote>
كود عمل خط فاصل وهمى
وهو الكود الذى يفصل فقره عن أخرى بإرادتك ويكون كالتالىويتم وضعه فى المكان المراد عمل الفاصل فيه بالتحديد.<br/>
كود عمل خط أفقى
ويقوم بعمل خد ظاهر فى المكان الذى تريد عمل خط فاصل فيه ويكون كالتالى<hr/>
كود لكتابة كود بدون تحوله إلى شكل وليظهر كما هو مكتوب تماما
وهو الكود الذى نستخدمه عند رغبتنا فى كتابة كود ونريده ان يظهر مكتوبا وليس مفسرا, ويكون كالتالى<pre> يتم كتابة كود اتش تى ام ال هنا </pre>
أكواد سهله جدا ولكن عليك معرفتها وحفظها عن ظهر قلب وذلك سيوفر عليك الكثير من الوقت المجهود ويذيدك إحترافيه فى التعامل مع مدونتك وأكوادها.
السلام عليكم
ردحذفأتمنى منك أن تعرب لنا القالب الشهير بلوجر تيوب -- أعرف أن هناك نسخ عديدة منه معربة لكن كلها بها مشاكل بالسلايد شو
رابط القالب : http://www.dantearaujo.net/2009/09/blogger-video-template.html
رابط حل المشكلة : http://www.dantearaujo.net/2010/03/bloggertube-slider-fix.html
و لو ما قدرت تعربه يبى لازم تحللي المشكلة دي :)
طبعا الفيس بوك من أهم وسائل النشر و فيه ححاجة لما بتشير الرابط بتكون اسمها الصورة المصغرة thumbnail و المشكلة اللي بتقابلني في قالب بلوجر تيوب انها ثابتة و بتظهر بدي على طول : http://i195.photobucket.com/albums/z105/dantearaujo/novideo.png
ايه الحل ... علما ان فيه قوالب بتستخدمه و لما تشارك الرابط بتطلع صورة مصغرة من الفيديو عادي
و ده مثال : http://moteba3.blogspot.com/
جرب أي رابط فيه و وشوف
http://prog41.blogspot.com/
ردحذفبرامج واخبار علمية
الصفحة على الفيس
https://www.facebook.com/NILEMEDIA
شكرا جزيلا وتحياتي لكم
حذفالمدون ahmed allam
http://ahmedallamonline.blogspot.com/
شرح رائع اخى
ردحذفلكن اظن تعلم اللغة بالكامل افضل
لان عدد اكواد دورة html من 20 : 30 سهلة ولا تأخذ الكثير من الوقت
ولكن ستحدث فرق مع المدون معظم الاعمال
فعلا كلامك مضبوط جدا ,, بالتوفيق
حذفاها
ردحذفشكرًا علا هجهوداتك أنا فهمة الموضوع 50%لأنك لم ترنا اين يجب علينا الذهاب لفعل دالك المرجو زيادة شرح بفيديو لانه من احسن من الكتابة و متاسف علا الإجعاز و شكرًا
ردحذفموضوع جميل
ردحذفأظن من الأفضل على المدون أن يغرف جميع الأكواد
شكرا
تسلم الايادى ياهندسة
ردحذفمشكوررررررررر
ردحذفhttp://shaw-clips.blogspot.com
http://sfa7-ba7re.blogspot.com
http://gamesnewi.blogspot.com/ ارجو من السادة الاعضاء دخول الى هذه المدونة http://gamesnewi.blogspot.com/
ردحذفمدونة الاحلام للعاب و البرامج
ردحذفشكراا لك
ردحذف-لكن اريد كود وضع الاكواد "مستطيل توضع فيه الاكواد في المواضيع
سأحاول أن أحضره لك فى تدوينه قادمه ان شاء الله ... فقط تابعنا وشرفنا بزياراتك ........
حذفرائع .كيف يتم اضافة "موضوعات دات صلة" بمدونة بلوجر شكرا
ردحذف4himaya.blogspot.com
أداة (مواضيع ذات صلة) سهلة التركيب
ردحذفhttp://r--almahdi.blogspot.com/2011/07/blog-post_9581.html
السلام عليكم اخي
ردحذفالمرجو المساعدة كيف ارسل المواضيع الى هده الاقسام هدو هي المدونة
http://myhealth-n1.blogspot.com
http://www.konozalsamaa.com/vb/
ردحذفشكراا لك اخي ،،
ردحذفwww.4we-eb.blogspot.com
من فضلك تخي اريد منك فيديو لكيفية عمل قالب لمدونة وشكرااا اخي
ردحذفشكرا لك أخي أتمنى زيارتك لمدونة رفاد
ردحذفشكرا
ردحذفصور اطفال