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

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

أولاً : طريقة عمل المواضيع ذات الصلة وهي عبارة عن روابط نصية

نتوكل على الله ونبدأ العمل

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

أبحث عن هذين الكودين وأمسحهما

<div id='related_posts'/>

 

<script src='http://www.google.com/jsapi'></script> <script src='http://sites.google.com/site/simoxisite/Home/simo/brps.txt?attredirects=0' type='text/javascript'/>

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

ابحث عن هذا الكود وركز معي أكثر

]]></b:skin>

سوف نضع فوقه هذا الكود

#related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibFySZDRzNIDBKb2Jj_D-rGrx1Q8VM1znpH_ER-xfMksegkhRBFhrcQS3oZSvRZ1W20wlodNb_zBY3YMwq1QktupfFOm0Pe_fmqh7sx5wCkdaySnAoXSnjcfWsiJuycF-eATunyCibw8E/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; }

ونضع تحت نفس الكود الأول الذي قمنا بالبحث عنه هذا الكود

<script src='http://bsaves.com/scripts/Related_posts_hack.js' type='text/javascript'/>

والخطوة الأخيرة نبحث عن هذا الكود

<div class='post-footer-line post-footer-line-1'>

ونضع تحته مباشرة الكود التالي

<b:if cond='data:blog.pageType == "item"'> <div id="related-posts"> <font face='Arial' size='3'><b>مواضيع ذات صلة : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if>

ملاحظه :

يمكنك وضع أي جملة غير جملة (مواضيع ذات صله) كما تريد مثل (قد يهمك أيضا)

وكلمة max-results=5 تعني عدد المواضيع التي سوف تظهر ويمكنك أيضا تغيرها بالعدد الذي يناسبك عبر تغير رقم 5 بأي رقم آخر .

وأستعرض المدونة قبل الحفظ للتأكد من الإجراءات ثم أحفظ

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

ثانيا : طريقة عمل المواضيع ذات الصلة وهي عبارة عن صور وعناوين الموضوعات كما بالصورة

نتوكل على الله

أدخل على هذا الرابطhttp://www.linkwithin.com/learn  

وأدخل بياناتك كما بالصورة

أضغط على أيقونة Get Widget! ستظهر لك صفحة جديدة فأتبع الخطوات التالية عبر الصورة

وبعد أتمام الخطوات شاهد مدونتك وشاهد عملك

أرجو أن أكون وفقت في شرح الموضع وأرجو أيضا أن يكون أعجبكم

مع تمنياتي لكم بالتوفيق

مع تحيات

 مدونه عيون مصر

Résuméabuiyad

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

<!-- http://adelmorsy.blogspot.com/ --> <table border="1" cellpadding="20" bordercolor="#ADD8E6"> <tr> <td bgcolor="#E0FFFF"> <a href= "mezomasr.blogspot.com/">حكمة اليوم</a> <p></p> <script language="javascript" type="text/javascript"> var d=new Date(); var quotes=new Array(31); var authors=new Array(31); quotes[0]="تعلق بالله وضع قدمك حيث تشاء"; quotes[1]="كن أنت التغيير الذي تريد ان تراه في هذا العالم"; quotes[2]="أسوأ الناس حالا ، من أراد تحقيق أحلامه حالا"; quotes[3]=""; quotes[4]=""; quotes[5]=""; quotes[6]=""; quotes[7]=""; quotes[8]=""; quotes[9]=""; quotes[10]=""; quotes[11]=""; quotes[12]=""; quotes[13]=""; quotes[14]=""; quotes[15]=""; quotes[16]=""; quotes[17]=""; quotes[18]=""; quotes[19]=""; quotes[20]=""; quotes[21]=""; quotes[22]=""; quotes[23]=""; quotes[24]=""; quotes[25]=""; quotes[26]=""; quotes[27]=""; quotes[28]=""; quotes[29]=""; quotes[30]=""; authors[0]="محمد متولى الشعراوى"; authors[1]="حكمة صينية"; authors[2]="مش عارف مين"; authors[3]=""; authors[4]=""; authors[5]=""; authors[6]=""; authors[7]=""; authors[8]=""; authors[9]=""; authors[10]=""; authors[11]=""; authors[12]=""; authors[13]=""; authors[14]=""; authors[15]=""; authors[16]=""; authors[17]=""; authors[18]=""; authors[19]=""; authors[20]=""; authors[21]=""; authors[22]=""; authors[23]=""; authors[24]=""; authors[25]=""; authors[26]=""; authors[27]=""; authors[28]=""; authors[29]=""; authors[30]=""; document.write(quotes[d.getDate()-1] + '<p style="text-align: right"><i>' + authors[d.getDate()-1] + '</i></p>'); </script> <noscript>You need to enable JavaScript to read this.</noscript></td> </tr> </table>

وبالطبع مسار وضع هذا الكود هو المسار الأعتيادي (لوحة التحكم الرئيسية > التخطيط > عناصر الصفحة > أضافة عنصر > Html/JavaScript )

كما رأيت الكود لاحظ الأتي :

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

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

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

كلمة bordercolor تعني لون حدود الصندوق ويمكن تغيير كود اللون باللون الذي يناسب شكل مدونتك .

كلمة bgcolor تعني لون خلفية الصندوق ويمكن أيضا تغييره كما تريد .

كلمة cellpadding تعني مقدار أزاحة النص داخل الصندوق من جميع النواحي ولو مش فاهم ممكن تفوتها .

لا تنسى ان تغير رابط مدونتى(adelmorsy) برابطك

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

بمعنى تاني نفرض أن اليوم هو 21 سوف يعرض الكود رقم 20 لأن المعادله تطرح 1 من 21. ولذيادة التوضيح هنقول أن أكبر رقم ممكن نكتبة رقم 30 ونفرض ان هذا الشهر 31 يوم ماذا سيفعل الكود ؟ يتوقف أكيد لأ لذلك قاموا بحل المشكله بوضع هذه المعادله . لذلك تجد يوم رقم صفر و أقتباس هذا اليوم سوف يعرض يوم واحد . أعتقد كده أتضحت الرؤية .

هناك ملاحظة ثانيا صغيره : لا يمكن في الأقتباس أن تضغط Enter وليس مسموح أيضا أستخدام هذه العلمات " ; ودي ملحوظه مهمه لأن لو وجدت هذه العلمات في الأقتباس سوف يظهر الصندوق ولكن لن يظهر الأقتباس .

وكده تكون أنهيت وضع كود حكمة اليوم

وإليكم كود آخر لـ"حكمة اليوم" ويمكن تسميته بكود "حكم" وهو يختلف عن السابق بأنه يعرض مع كل ضغطة Refrish حكمة جديدة وليس كل يوم حكمة مختلفة ، ويختلف أيضا بأنه لا يوجد به مكان لوضع صاحب (أو وصف) الحكمة كما ذكرنا في الكود السابق ، ويمكنك تركيب هذا الكود بنفس الطريقة التي يتم بها تركيب الكود السابق وهذا هو الكود :

<SCRIPT language="JavaScript"> <!-- Begin var ALAA = 34; now = new Date(); var rd = now.getSeconds(); var ra = rd % ALAA; var re = ++ra; var sori = ""; if (re == 1) { sori = "إنَّ اللهَ يمْهِـلُ ولا يهْمـِلُ"; } if (re == 2) { sori = "الذين لديهم الجرأة على مواجهة الفشل، هم الذين يقهرون الصعاب وينجحون"; } if (re == 3) { sori = "الأمُّ مَدْرَسَـةٌ إذا أعْددتَها أعددتَ شَعبًا طَيِبَ الأعْرَاقِ"; } if (re == 4) { sori = "الحب فى الارض بعضا من تخيلنا ... لو لم نجده عليها لاخترعناه"; } if (re == 5) { sori = "إنما الأعمال بالنيات"; } if (re == 6) { sori = "من نشأ على شيء شاب عليه"; } if (re == 7) { sori = "لا تنسى ذكر الله"; } if (re == 8) { sori = "من شابه أباه فما ظلم"; } if (re == 9) { sori = "من طلب العلا سهر الليالي"; } if (re == 10) { sori = "من حفر حفرة لأخيه وقع فيها"; } if (re == 11) { sori = "خير الامور أوسطها"; } if (re == 12) { sori = "الوقت كالسيف ان لم تقطعه قطعك"; } if (re == 13) { sori = "من تدخل فيما لا يعنيه لقي ما لا يرضيه"; } if (re == 14) { sori = "إن الطيور على أشكالها تقع"; } if (re == 15) { sori = "الساكت عن الحق شيطان أخرس"; } if (re == 16) { sori = "ليس كل ما يلمع ذهباً"; } if (re == 17) { sori = "إذا أكرمت الكريم ملكته و إن أكرمت اللئيم تمرد"; } if (re == 18) { sori = "الصديق وقت الضيق"; } if (re == 19) { sori = "احفظ قرشك الأبيض ليومك الأسود"; } if (re == 20) { sori = "رب صدفة خير من ألف ميعاد"; } if (re == 21) { sori = "اعمل لدنياك كأنك تعيش أبداً و اعمل لآخرتك كأنك تموت غداً"; } if (re == 22) { sori = "لسانك حصانك ان صنته صانك و ان خنته خانك"; } if (re == 23) { sori = "الجار قبل الدار"; } if (re == 24) { sori = "تجري الرياح بما لا تشتهي السفن"; } if (re == 25) { sori = "الباب يلي يجيك منه الريح سده و استريح"; } if (re == 26) { sori = "العين لا تعلو عن الحاجب"; } if (re == 27) { sori = "طريق الألف ميل يبدأ بخطوة"; } if (re == 28) { sori = "عصفور باليد أحسن من عشرة عالشجرة"; } if (re == 29) { sori = "الكلام من فضة و السكوت من ذهب"; } if (re == 30) { sori = "العلم في الصغر كالنقش على الحجر"; } if (re == 31) { sori = "الكذب داء والصدق دواء"; } if (re == 32) { sori = "اذا لم تستح فافعل ما شئت"; } if (re == 33) { sori = "خير الكلام ما قل و دل"; } if (re == 34) { sori = ""; } var ALAA=""+sori+""; document.write(ALAA); // End -->                 </SCRIPT>

وكلمة var ALAA = 34 تعني عدد الحكم يمكنك زيادة عدد الحكم بإضافة حكمة جديدة وكود ورقم الحكمة مثل هذا :

if (re == 7) { sori = "لا تنسى ذكر الله"; }

أختر ما يناسبك من الأكواد وضع بها ما تريد من حكم أو أمثال أو نصائح أو أبيات شعر وضعه في مدونتك

مع تحيات

مدونه عيون مصر

Résuméabuiyad

 

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

وهو عبارة عن صورة او ايقونة صغير لسهم اتجاهه إلى اعلى يتواجد في الجانب الايمن اسفل المتصفح كم بتلك الصورة :

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

لوحة التحكم الرئيسية – التخطيط – اضافة عنصر

وبعد ذلك ضع هذا الكود في المكان المخصص له بدون وضع عنوان للعنصر :

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://img256.imageshack.us/img256/1627/top2010.gif" /></a>

ثم احفظ

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

1. يمكنك تغيير الصورة (الأيقونة) عن طريق تغيير رابط الصوره الموجود في الكود

ووضع رابط الصورة التي تريدها "بعد رفعها على اي موقع لرفع الصور"

2. يمكنك ايضا نقل الزر من اليمين إلى اليسار عبر تغيير كلمة right إلى كلمة left

3. مقاس الصورة او الايقونة الاعتيادي هو 25x25 بكسل

4. يمكنك ملاحظة أيضا عند وقوففك بمؤشر الفأرة على أيقونة الانتقال إلى أعلى في هذه المدونة، تلك الجملة الانجليزية (Back to Top) وهي تعني "العوده إلى أعلى" يمكنك تغييرها إلى أي جملة تراها مناسبه لتعني الذهاب إلى أعلى الصفحة عن طريق تغيير تلك الجملة المتواجدة في الكود باللون البنفسجي (Back to Top) ولو حتى بأستخدام اللغة العربية لتصبح مثل هذه الصورة :

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

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

وشكرا لتعاونكم معنا

مع تحيات

مدونه عيون مصر

Résuméabuiyad

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

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

1.      أذهب إلى "لوحة التحكم الرئيسية" لمدونتك

2.      أضغط على "تحرير الرسائل"

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

4.      ثم ضع عنوان للرسالة مثل "فهرس المدونة" أو "خريطة المدونة"

5.      ثم أختر "تحرير HTML" كما بالصورة :

6.      وضع بها الكود التالي :

<script style="" src="http://sites.google.com/site/simoxisite/Home/archive.js"></script> <script src="http://adelmorsy.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc"></script>

مثل هذه الصورة :

مع تغيير اسم المدونة "adelmorsy"  باللون الاحمرباسم مدونتك

7.      ثم أضغط "نشر" وشاهد الصفحة التي سوف تصبح مثل فهرس مدونة عيون مصر كما بالصورة التاليه :

2011ابريل [30] الجزيرة ترسل حبوب مخدرات عليها شعارها للمتظاهرين فى سوريا [30] السلفيين: الإفراج عن كاميليا و70 مسلمة وإقالة شنوده ومحاكمته وتفتيش الأديرة والكنائس من الأسلحة. [30] حافلة الأهلي تتعرض للرشق والتحطيم في الإسماعيلية [30] صور مدهشه لفن الرسم [30] فيديو مراسم زفاف الأمير وليام وكيت ميدلتون [30] لارا لوجان مراسلة (سي.بي.اس) تروي محنتها في مصر [30] الراجل ابو جلابيه وصل السعوديه جامد موت.. [30] الاشعل : عمرو موسى كان خادما لأسرائيل ومبارك [30] حمدى قنديل يعود إلى التلفزيون المصرى بقلم رصاص [30] أول تصريح لمرتضى منصور بعد الإفراج عنه فيديو [30] شغب جماهير الأهلى والمصرى 29/4/2011 [30] السلفيون يفضون اعتصامهم من أمام الكاتدرائية بعد وعد بحل أزمة كاميليا [30] أنباء عن تهديدات بتفجير المقر البابوي والمعبد اليهودي بالإسكندرية.. [30] نشر اول صورة لجناح مبارك فى مستشفى شرم الشيخ [30] اسرائيل: سنحرق مصر اذا فتحت معبر رفح [29] السلفيون يسيطرون على مسجد النور.. وخطيبهم: الدعوة للعلمانية خروج عن الملة [29] مشاجرات بالسلاح الأبيض أعلي كوبري قصر النيل حتي الرابعة صباحاٌ [29] حجازى: مرشحو الرئاسة لا يصلحون لحكم "الزقازيق" [29] دوريات للجيش والشرطة فى أحياء القاهرة والقبض على 25 بلطجيًا [29] مئات المنتقبات يتظاهرن أمام دار الإفتاء للمطالبة بإقالة المفتى [29] المئات يؤدون صلاة الجمعة بقنا استعداداً لـ "جمعة الكرامة والإرادة" [29] بالفيديو.. محاكاة ساخرة لزفاف الأمير وليام على كيت ميدلتون [29] الرئيس اليمني: قطر تمول الفوضى وسأتحفظ على توقيع المبادرة الخليجية إذا حضر مندوبها [29] استمرار اعتصام العاملين بالهيئة لليوم الثالث على التوالي و الاعتصام مستمر في ( جمعة العزيمة) [29] بالمستندات بنود ( العقد الأسود ) بين المحافظة و شمال سيناء للصرف الصحي و الذي حول بورفؤاد الى مستنقع كبير [29] اللواء / احمد عبدالله محافظ بورسعيد في لقائة مع الاعلاميين : لاوقت للبكاء على اللبن المسكوب قرار تكليفى اعادنى الى السبعينات التى عشقت بورسعيد من اجلها قطعت العهد على نفسى بان اكون خادم لاهل بورسعيد ولكن احتاج الفرصة [29] صدمة.. ثغرة بقانون الكسب غير المشروع تسمح ببراءة عائلة مبارك و زكريا عزمى من تهم الفساد المالى! [29] بالصور.. مرتضى منصور يخلع "الترنج الأبيض" ويودع "طره" بعد سجال قانونى.. ومحاكمته تتحول لاستفتاء شعبى على "محبته".. وقدرته على حسم معاركه بـ"الضربة القاضية" [28] إخلاء سبيل عطا الله وبغدادى وفايدة كامل فى قضية التراخيص السياحية إقرأ المزيد على مدونة عيون مصر http://adelmorsy.blogspot.com/p/blog-page_19.html#ixzz1Mo1PY5we

مع تحيات

مدونه عيون مصر

Résuméabuiyad

 

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

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

وطريقة وضع هذا الشريط في مدونتك أتبع المسار المعتاد : لوحة التحكم الرئيسية – تخطيط – إضافة عنصر – Html/Javascript

وألصق بها الكود التالي :

<div style="width:auto;" align="center"> <script style="text/javascript" src="http://dreamydonkey.googlepages.com/scrolling_blogger_posts.js"> </script><script style="text/javascript"> var nMaxPosts = 15 ; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="right"; var sOpenLinkLocation="N"; var sBulletChar="•"; </script> <script style="text/javascript" src="http://adelmorsy.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script></div>

مع استبدال أسم مدونتي adelmorsy بالون الأزرق باسم مدونتك

وكلمة right باللون الاحمر تعني تحرك الشريط من اليسار إلى اليمين ويمكنك تغيير اتجاه الشريط ليتحرك من اليمين إلى اليسار بتغيير كلمة right إلى كلمة left

MaxPosts = 15 وكلمة تعني 15 مواضيع سوف يظهر في الشريط ويمكنك التعديل عليها بما يناسبك وأعتقد انه لا يقبل أن يزيد عن 25 موضوع

وأرجو أن يكون الموضوع أرضى إعجابكم وأرجو أن تتقبلوا تحياتي

لا تبخل علينا بوضع تعليق

                                            مع تحيات

                                          مدونه عيون مصر

Résuméabuiyad

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

معاينة

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

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).

]]></b:skin>

ثم قم بإضافة هذا الكود قبله مباشرة :

ul.thumb { float: left; list-style: none; margin: 0; padding: 10px; width: 360px; } ul.thumb li { margin: 0; padding: 5px; float: left; position: relative; width: 110px; height: 110px; } ul.thumb li img { width: 100px; height: 100px; -ms-interpolation-mode: bicubic; border: 1px solid #ddd; padding: 5px; background: #f0f0f0; position: absolute; left: 0; top: 0; } ul.thumb li img.hover { background:url(https://sites.google.com/site/lightbox007/photo/borderblogger.png) no-repeat center center;  border: none; }

بعد ذلك إبحث عن هذا الكود :

</head>

ثم ألصق الكود التالي قبله :

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function(){ //Larger thumbnail preview $(&quot;ul.thumb li&quot;).hover(function() { $(this).css({&#39;z-index&#39; : &#39;10&#39;}); $(this).find(&#39;img&#39;).addClass(&quot;hover&quot;) .stop() .animate({ marginTop: &#39;-110px&#39;, marginLeft: &#39;-110px&#39;, top: &#39;50%&#39;, left: &#39;50%&#39;, width: &#39;174px&#39;, height: &#39;174px&#39;, padding: &#39;20px&#39; }, 200); } , function() { $(this).css({&#39;z-index&#39; : &#39;0&#39;}); $(this).find(&#39;img&#39;).removeClass(&quot;hover&quot;) .stop() .animate({ marginTop: &#39;0&#39;, marginLeft: &#39;0&#39;, top: &#39;0&#39;, left: &#39;0&#39;, width: &#39;100px&#39;, height: &#39;100px&#39;, padding: &#39;5px&#39; }, 400); }); //Swap Image on Click $(&quot;ul.thumb li a&quot;).click(function() { var mainImage = $(this).attr(&quot;href&quot;); //Find Image Name $(&quot;#main_view img&quot;).attr({ src: mainImage }); }); }); </script>

والآن قم بحفظ القالب

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascriptولآن الصق الكود التالي :

<ul class="thumb"> <li><a href="رابط المعلن"><img src="https://i252.photobucket.com/albums/hh40/adel59/ads-300x250-1.gif" alt="" /></a></li> <li><a href="رابط المعلن"><img src="https://i252.photobucket.com/albums/hh40/adel59/ads-300x250-1.gif" alt="" /></a></li> <li><a href="رابط المعلن"><img src="https://i252.photobucket.com/albums/hh40/adel59/ads-300x250-1.gif" alt="" /></a></li> <li><a href="رابط المعلن"><img src="https://i252.photobucket.com/albums/hh40/adel59/ads-300x250-1.gif" alt="" /></a></li> </ul>

مع إدخال رابط المعلن ورابط البنر الخاص به مكان الرابط الأزرق

في إنتظار تعليقاتكم أتمنى أن تنال إعجابكم وإلى اللقاء 

مع تحيات

مدونه عيون مصر

Résuméabuiyad

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

باسم الله الرحمن الرحيم ,السلام عليكم ورحمة الله  ,ھذا شرح لطريقة تغيير شكل مؤشر الماوس على مدونات بلوجر فهذه الطريقة تمكننا من تغيير شكل المؤشر حسب الرغبة وجعله مناسب لمحتوى المدونة  نبدأ باسم الله تعالى :

نذھب الى احد المواقع التي تعطي كود مؤشر مجاني لإختيار شكل مؤشر مناسب لمدونتنا ,ھذا احد المواقع المجانية يوجد به الكثير من المؤشرات الجميلة, الدخول للموقع من ھنا

ھذه قائمة بالاشكال المتوفر في الموقع :

نقوم باختيار الشكل المناسب لنا ,على سبيل المثال اخترنا ھذا الشكل :

سوف نجد اسفل الشكل ضمن تبويب (Universal) الكود الخاص بهذا المؤشر

نقوم نسخه

بعد اختيار الشكل المناسب

نذھب الى مدونة بلوقر ونقوم بتسجيل الدخول لحسابنا

ثم بعد ذلك نذھب الى (لوحة التحكم الرئيسية) ثم (تصميم) ثم (تحرير Html)

نقوم بتفعيل حقل (توسيع قوالب عناصر واجهة المستخدم)

الان نضغط على (Ctrl+F) ونبحث على ھذا الكود

الان نقوم بلصق كود المؤشر الذي نسخناه من موقع cursors-4u

مباشرة اسفل

كما ھو موضح في الصورة

  بعد ذلك نقوم بحذف الجزء الزائد من الكود وھو ليبل (label)

اعلاني لموقع (cursors-4u)

يظهر في أعلى واجهة المدونة

ھذا ھو

ملاحظة : الجزء الزائد عادتاً يبدأ مباشرة بعد

<style/>

فنقوم بتحديد كود الليبل الاعلاني ونحذفه

كما ھو موضع في الصورة

بعد ما نقوم بحذف الكود المحدد سابقا

تكون النتيجة النهائية على هذا الشكل

الان نضغط على (حفظ القالب) ليتم حفظ التغييرات.

ولتحميل الموضوع على شكل ملف بصيغة PDF

إضغط على زر التحميل

مع تحيات مدونة أبو إياد

http://www.abu-iyad.com/

بالتعاون مع مدونة وَذَكِّرْ

http://wthaker.blogspot.com/

منسوخ بواسطه مدونه عيون مصر

http://adelmorsy.blogspot.com

 

Résuméabuiyad

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

لا تقلق فإنك وحدك من يراها ،كما قلت سابقا .

الآن نتوجه لتطبيق الإضافة على مدونتك

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

<data:post.body/>

ولوضع الإضافة أسفل كل تدوينة قم بلصق الكود التالي بعده :

<p><span style="text-align:center; display: block;"><a href="http://www.abu-iyad.com/2010/12/ip-address-widget-for-your-blogger.html"><img src="http://www.wieistmeineip.de/ip-address/?size=468x60" border="0" width="468" height="60" alt="IP" /></a><br /><small><a href="http://www.abu-iyad.com/2010/12/ip-address-widget-for-your-blogger.html"></a></small></span></p>

يمكنك وضع شكل آخر لإضافة على هذا الشكل  :

وذلك بلصق الكود التالي بدلا من الكود السابق

<p><span style="text-align:center; display: block;"><a href="http://www.abu-iyad.com/2010/12/ip-address-widget-for-your-blogger.html"><img src="http://www.wieistmeineip.de/ip-address/" border="0" width="125" height="125" alt="IP" /></a><br /><small><a href="http://www.abu-iyad.com/2010/12/ip-address-widget-for-your-blogger.html"></a></small></span></p>

  

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

أتمنى أن تنال إعجابكم ،دمتم بود

Résuméabuiyad

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

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

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

لتحميل البرنامج

Résuméabuiyad

بسم الله الرحمن الرحيم

اضافة النهاردة اضافة مميزة و ميختلفش عليها اتنين

القرآن الكريم

المصحف كامل مكمل و الكمال لله وحده

بصوت تسع مشايخ مع بعض داخل اداة واحدة

1. الشيخ سعود الشريم

2. الشيخ مشاري العفاسي

3. الشيخ سعد الغامدي

4. الشيخ هاني الرفاعي

5.  الشيخ أحمد بن علي العجمي

6. الشيخ عبدالرحمن السديس

7. الشيخ ماهر المعيقلي

8. فارس عباد

9. الشيخ عبد الباسط عبد الصمد

مش مصدق ؟؟!! 

اولا : انا اقدم تحية  للموقع http://www.tvquran.com/

* تحية .. لان الموقع اكتر من رائع قدر انه يوفر اكبر قدر من الشيوخ و القرآن الكريم اونلاين ليسمح لاكبر قدر من مستخدمي الانترنت من سماع القرآن الكريم و ليا الشرف اني استعنت بيه لأكمل موضوعي و افيد عدد اكبر من المسلمين

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

اية الجديد الي انا جاي اقدمة ؟

الجديد كتيير قوي  انا و انت و كل واحد دخل التوبيك دة هيربح ملايين ؟؟ ملايين الحسانات التي لا تعد و لا تحصى

تيجي تدخل الجنه من عندنا و نكون احنا سبب دخولك الجنة ؟

( اخلص .. اية الجديد ؟ )

1. أضافة القرآن الكريم بصوت تسعة مشايخ من اشهر المشايخ في عالمنا العربي

2. التسعه مشايخ داخل اداة واحدة و اي شيخ تختارة هيكون معاة باقي الشيوخ

3. القرآن لن يتواجد داخل موقعك و كدة متقلش موقعك خالص و لا ياخد مكان خاااالص

لية ؟

القرآن عبارة عن زرار داخل مدونتك عندما يضغط عليه الزائر تفتح نافذة صغيرة بها مشغل القرآن الفلاشي بكل الشيوخ التسعة الذين سبق ذكرهم

طب و انا اوصف ليه ؟ ادخل و شوف ....

اية رأيك ؟ لو كل زائر شاف الاداة دي عن طريقك ؟ هتاخد منه كام حسنة ؟ و لو كل زائر اخد الاداة و وراها لواحد تاني و لزوار تانيين هتاخد انت قد اية ؟

تقدر تحسبها ؟؟؟ اتحداك

على فكرة يا جماعة الموضوع دة اوبين بوفيه اي حد عايز ياخدة كوبي باست ياخدة انا عامل الموضوع دة لوجه الله تعالى بشتري بيه اخرتي و الله يعلم

الموضوع اخد مني اربع ساعات عقبال معرفت اعمله انتو عافرين قدراتي الاقل من الضعيفة في الاكواد و الهتمل

دلوقتي كل الي تعمله علشان تضيف الاداة

كود الأداة :

زي مقولت قبل كدة الشيخ دة هو الي هيبتدي في اول صفحة و من جوا الاداة ممكن تغيير لأي شيخ تاني

سعود الشريم

<p align="center"> <a href="javascript: void(0)" onclick="window.open('http://html-code.webs.com/html/kor2an/Al-Shuraim.htm', 'windowname1', 'width=300, height=400'); return false;"> <img src="http://html-code.webs.com/wallpaper/kor2an.png" border="0" width="219" height="87" /></a> </p>

مشاري العفاسي

<p align="center"> <a href="javascript: void(0)" onclick="window.open('http://html-code.webs.com/html/kor2an/Alafasi.htm', 'windowname1', 'width=300, height=400'); return false;"> <img src="http://html-code.webs.com/wallpaper/kor2an.png" border="0" width="219" height="87" /></a> </p>

سعد الغامدي

<p align="center"> <a href="javascript: void(0)" onclick="window.open('http://html-code.webs.com/html/kor2an/Al-Ghamdi.htm', 'windowname1', 'width=300, height=400'); return false;"> <img src="http://html-code.webs.com/wallpaper/kor2an.png" border="0" width="219" height="87" /></a> </p>

هاني الرفاعي

<p align="center"> <a href="javascript: void(0)" onclick="window.open('http://html-code.webs.com/html/kor2an/Hani.htm', 'windowname1', 'width=300, height=400'); return false;"> <img src="http://html-code.webs.com/wallpaper/kor2an.png" border="0" width="219" height="87" /></a> </p>

أحمد بن علي العجمي

<p align="center"> <a href="javascript: void(0)" onclick="window.open('http://html-code.webs.com/html/kor2an/Al-Ajmy.htm', 'windowname1', 'width=300, height=400'); return false;"> <img src="http://html-code.webs.com/wallpaper/kor2an.png" border="0" width="219" height="87" /></a> </p>

عبدالرحمن السديس

<p align="center"> <a href="javascript: void(0)" onclick="window.open('http://html-code.webs.com/html/kor2an/Alsudaes.htm', 'windowname1', 'width=300, height=400'); return false;"> <img src="http://html-code.webs.com/wallpaper/kor2an.png" border="0" width="219" height="87" /></a> </p>

ماهر المعيقلي

<p align="center"> <a href="javascript: void(0)" onclick="window.open('http://html-code.webs.com/html/kor2an/maher.htm', 'windowname1', 'width=300, height=400'); return false;"> <img src="http://html-code.webs.com/wallpaper/kor2an.png" border="0" width="219" height="87" /></a> </p>

فارس عباد

<p align="center"> <a href="javascript: void(0)" onclick="window.open('http://html-code.webs.com/html/kor2an/Fares.htm', 'windowname1', 'width=300, height=400'); return false;"> <img src="http://html-code.webs.com/wallpaper/kor2an.png" border="0" width="219" height="87" /></a> </p>

عبد الباسط عبد الصمد

<p align="center"> <a href="javascript: void(0)" onclick="window.open('http://html-code.webs.com/html/kor2an/Abdulbasit%20Abdulsamad.htm', 'windowname1', 'width=300, height=400'); return false;"> <img src="http://html-code.webs.com/wallpaper/kor2an.png" border="0" width="219" height="87" /></a> </p>

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

* اما بالنسبة للبلوجرية حبايب قلبي *

الطريقة :

1. لوحة التحكم

2. تصميم

3. اضافة اداة

4. اضافة اداة HTML هتمل

5. انسخ الكود داخلها

6. اضغط حفظ

اللهم تقبل مني ...

و اجزني عليها خيرا يا رب العاليمن

مع تحيات

مدونه عيون مصر

Résuméabuiyad

الكلمات المفتاحية و دورها في ظهور موقعك أو مدونتك في النتائج الأولي لمحركات البحث و زيادة عدد الزوار

اولا قبل كل شئ لابد أن يكون موقعك أو مدونتك الالكترونية مضافة لدي محركات البحث المختلفة و ليكن محرك البحث الشهير جوجل Google

يمكنك الاطلاع علي هذا الموضوع:-

كيفية نشر المدونة على محرك البحث جوجل و عمل خريطة لها sitemap

بعد قراءة الموضوع السابق جيدا انتبه الي الاتي جيدا:-

نبدأ

الكلمات المفتاحية KeyWords

من أهم الاشياء التي يجب أن يعرفها أصحاب المواقع و المدونات

مثلا : عند دخولك علي محرك البحث جوجل وكتابة الأتي في خانة البحث

تحميل برنامج TuneUp Utilities 2011 Build 10.0.3000.101

واضغط علي كلمة بحث

وشاهد النتائج

- اضغط علي الصورة للتكبير -

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

2 - الكلمات التي قمنا بكتابتها في خانة البحث ( تحميل برنامج TuneUp Utilities 2011 Build 10.0.3000.101 ) تسمي الكلمات المفتاحية لذلك فان جوجل يقوم باظهار جميع الصفحات التي تحتوي علي هذه الكلمات

سؤال هام و يسأله الجميع؟؟

كيف يكون رابط موضوعي في أول نتائج البحث المعروضة من قبل جوجل ؟؟

عليك بالأتي :-

1- يعتمد ظهور النتائج في الصفحة الأول من محرك البحث علي شئ يسمي البيج رانك

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

اقرأ الموضع الأتي عن الباك لينكس Backlinks

موضوع هام جدا عن الباك لينكس Backlinks وكيفية معرفة عدد الباك لينكس لديك ؟

تعلم كيف ترفع وتزيد البيج رانك لموقعك أو مدونتك الالكترونية ؟

2 - يعتمد أيضا ظهور النتائج في الصفحة الأول من محرك البحث علي عدد الكلمات المفتاحية داخل الموضوع

فعليك بالأتي :-

عند كتابة موضوع عن برنامج مثلا وليكن برنامج Winrar الشهير

اكتب في العنوان : تحميل الاصدار الأخير من برنامج winrar

لاحظ ان العنوان يعتبره محرك البحث بمثابة كلمات مفتاحية للموضوع

لذلك لابد أن عند كتابة الموضوع مراعاه أن تكون كلمات العنوان متكررة داخل الموضوع من 3 الي 4 مرات حتي يكون العنوان مرتبط بمحتوي الموضوع وهذا مهم للغاية عند محرك البحث

تنبيه : لا تسرف في تكرار الكلمات المفتاحية داخل الموضوع

3 - يعتمد ظهور موضوعك في الصفحات الاولي لمحرك البحث جوجل علي المحتوي الحصري

لذلك تجنب النقل الأعمي لأن جوجل سيعتبر موضوعك بمثابة Spam وقد يقوم جوجل بطردك فيما بعد اذا اتبعت سياسة النقل

نصيحة : عند كتابة موضوع حاول التغيير في العنوان و المضمون ( المحتوي ) بقدر المستطاع

Résuméabuiyad

بسم الله الرحمن الرحيم

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

و بسم الله نبدأ مع الأسئلة.
1 - سؤال :

لماذا لا يمكن لغير المسجلين التعليق على تدويناتي؟
جواب :

لأنه عند إنشاء مدونة جديدة يكون التعليق مقصورا على منتسبي غوغل أو بعض الحسابات الاخرى و يمكن تجاوز ذلك و فتح التعليق للعموم عبر هذا المسار:
لوحة التحكم » إعدادات » التعليقات ثم جوابا على السؤال "من يمكنه التعليق؟" الموجود بالقائمة ، فعل الخيار الأول ثم اضغط زر حفظ الإعدادات.
2 - سؤال :

لماذا لا يتم تنسيق الخط تلقائيا جهة اليمين ؟
جواب :

لأنك جعلت لمدونتك لغة أخرى غير العربية ، إذا لتدارك الأمر ، قم بتغير اللغة إلى العربية من قائمة " التنسيق " الموجودة في صفحة الإعدادات .
3 - سؤال :

لماذا كلما وضعت صورة كبيرة وجدتها قد صغرت في التدوينة ؟
جواب :

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

ما سبب بطء تصفح مدونتي؟
جواب :

ذلك راجع لأسباب عدة أهمها :

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

5 - سؤال :
هل يمكنني نشر تدوينتي في أكثر من قسم ( أو تصنيف ) ؟
جواب :
نعم من الأفضل فعل ذلك لأن كثرة التصنيفات تزيد من من الكلمات الدلالية داخل مدونتك و نتيجة لذلك يزداد زوار مدونتك القادمون عبر محركات البحث . فمثلا كتبت موضوعا أو تدوينة حول " الرياضة في الإسلام " إذا فيمكنك وضعه في تصنيف "رياضة" و "إسلاميات" و "الإسلام و الناس " و هلم جرا ...

Résuméabuiyad

بسم الله الرحمن الرحيم

موضوع يهمك قبل البدء

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

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

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

المواقع هي :

http://www.weblogues.com
http://www.pingomatic.com
http://kping.com/pings/ping.php

http://www.ipings.com

http://blogsearch.google.com/ping

http://ping.feedburner.com

http://www.blogoon.net/ping

http://autopinger.com/blog.aspx

http://pingoat.com

Résuméabuiyad

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

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F )

]]></b:skin>

ثم قم بوضع الكود التالي قبله

.post img {-webkit-transition:  -webkit-transform .15s linear; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); padding: 5px 5px 5px 5px; -webkit-transform:  rotate(+2deg); -moz-transform: rotate(+2deg); } .post img:hover { -webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); -webkit-transform:  rotate(-1deg); -moz-transform: rotate(-1deg); }

يمكنك التحكم في درجة ميلان الصور كما تريد وبإتجاهها كذلك  سواء على اليسار أم على اليمين وذلك بإستبدال الرمز (+) بالرمز( -) والعكس، حيث تمثل القيمة 2deg+ درجة الميلان قبل وضع مؤشر الماوس  وتمثل كذلك القيمة  1deg- درجة الميلان عند وضع مؤشر الماوس على الصورة .


والتتيجة تكون الصورة على هذا الشكل .

هذا كل شيء ،أتمني أن تعجبكم هذه الإضافة،في إنتظار آرائكم وإستفساراتكم حول الموضوع .

Résuméabuiyad

السلام عليكم ورحمة الله تعالى وبركاته

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

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

وإبحث عن هذا الكود أيضا :

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

والآن ما عليك سوى إستبدال ما لون بالأحمر في الكودين معا بما تريد :

• إستبدال " إرسال تعليق " بنص مثلا : أضف تعليقك،أضف رد،أضف إستفسار...

• إستبدال " إرسال تعليق " بصورة :

<img src="http://sites.google.com/site/lightbox007/photo/addcommentblogger.png" title="أضف تعليق" alt="أضف تعليق"/>

إستبدال " إرسال تعليق " بصورة ونص معا

<img src='http://3.bp.blogspot.com/_YLggT3Wxej4/Sxgl0R__FNI/AAAAAAAAACQ/YIX-w09IgqE/s320/comments_new.jpeg' alt='Commentaires' title="Commentaires" />أضف تعليقك

يمكنك إستبدال الرابط الأخضر برابط الصورة التي تريد .
وهذا مثال لصورة  من الممكن  ان تستخدمها

والآن قم بحفظ القالب وتوجه لمعاينة النتيجة فوق مسيطيل التعليقات

Résuméabuiyad

الآن يمكن تمكين خاصية جديدة في مدونتك تسمى :

طرق العرض الديناميكية لمدونات البلوجر - Dynamic views For Blogger

و هي عبارة عن طرق عرض المدونة بأشكال جديدة رائعة

يلا نشوووووووووووف ...

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

و منها .....

التصنيفات :

1. Recent

لعرض احدث المواضيع التي تم نشرها داخل المدونة

2. Date

لعرض المواضيع بحسب تاريخ نشرها

3. Label

لعرض اقسام المدونة و داخلها المواضيع

4. Author

لعرض المواضيع بحسب كتابها

طرق العرض :

1. Filpcard

لعرض المواضيع كأيقونات صغيرة

2. Mosaic

لعرض المواضيع كمستطيلات عشوائية

3. Sidebar

عرض المواضيع في شريط جانبي

4. Snapshot

عرض المواضيع بمربعات كبيرة مقسمة

5. Time Slide

عمل مزج بين صور المواضيع و القائمة المنسدلة للشريط الجانبي و اقرأ المزيد

و الان كيف يمكنك الاستفادة بهذه الخاصية ؟

الطريقة :
ادخل اعدادات >> تنسيق >> تمكين العرض بطريقة ديناميكية >> نعم
الان الخاصية فعالة لديك ...
ماذا بعد ؟ !!!!!!!!
ادخل هنا : http://adelmorsy.blogspot.com/view
سوف تجد الصفحة الخاصة بالعرض كاملة مكملة و طبعا تغير الاسم الخاص بالرابط الى اسم مدونتك
و يمكنك عمل الرابط على الشريط الجانبي
و هكذا يتمكن الزوار من رؤية الشكل الجديد من مدونتك بطريقة اسهل

مع تحيات

مدونه عيون مصر

Résuméabuiyad