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

كيفية اضافة زر لاخصتار الأكواد واضافتها تلقائياً في مدونتك

هناك 3 تعليقات:

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

  اقدم لكم اليوم

 شرح طريقة اضافة زر Add To Blogger

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

صورة الإضافة


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

شرح الإضافة

هذا الكود التالي هو كود الإضافة
 ولكن نحن سنعدل فيه ليتلائم مع المدونة والاضافة

                  <--start add to blogger by blogger-face.com--><center><form action="http://www.blogger.com/add-widget" method="post" target="_blank"><span style="font-size: large;"><b>Widget Title:   </b></span> <input name="widget.title" size="25" type="text" value="Widget Title Here" /></center><br><center><input  name="go" style="font-size: 20px; width: 180px;" type="submit" value="Add to Blogger" /><textarea name="widget.content" style="display: none; height: 0px; width: 0px;">هنا ضع كود الاضافة</textarea><input name="infoUrl" type="hidden" value="ضع هنا رابط مدونتك او موقعك" /><input name="logoUrl" type="hidden" value="رابط شعار مدونتك" /></form></center><--end add to blogger by blogger-face.com-->

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



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

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

صورة الإضافة

 
لمعاينة الإضافة ستجدها يمدونتي

شرح الإضافة

فما عليك إلا بالتوجه إلى التبويب 
  التخطيط | عناصر الصفحة 
  إختر إضافة أداة HTML/JavaScript  

وألصق الكود التالي
 
<div align="center">
<table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
<tbody><tr>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="رابط صورة الإعلان" title="نص الإعلان" height="125" /></a></center></td>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="رابط صورة الإعلان" title="نص الإعلان" height="125" /></a></center></td>
</tr>
<tr>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="رابط صورة الإعلان" title="نص الإعلان" height="125" /></a></center></td>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="رابط صورة الإعلان" title="نص الإعلان" height="125" /></a></center></td>
</tr>

</tbody></table>

</div>
تهانينا تم عمل الإعلانات ماعليك إلى ان تعدل على الكود
تعليقاتكم تهمنا ولأي استفسار أنا موجود




دورة تعلم الدريم ويفر : شرح واجهة البرنامج الجزء الرابع

ليست هناك تعليقات:
بسم الله الرحمان الرحيم

 أقدم لك دورة شاملة حول

تعلم الدريم ويفر لصنع المواقع والقوالب

هذه الدورة ستكون على شكل مقاطع فيديو

من البداية حتى الإحتراف

دورة تعلم الدريم ويفر : شرح واجهة البرنامج الجزء الرابع


إذا كانت أي غموضات حول الدروس المقترحة لكم

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

وكلمة شكر تكفي




دورة تعلم الدريم ويفر : شرح واجهة البرنامج الجزء الثالث

ليست هناك تعليقات:
بسم الله الرحمان الرحيم

 أقدم لك دورة شاملة حول

تعلم الدريم ويفر لصنع المواقع والقوالب

هذه الدورة ستكون على شكل مقاطع فيديو

من البداية حتى الإحتراف

دورة تعلم الدريم ويفر : شرح واجهة البرنامج الجزء الثالث


إذا كانت أي غموضات حول الدروس المقترحة لكم

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

وكلمة شكر تكفي

دورة تعلم الدريم ويفر : شرح واجهة البرنامج الجزء الثاني

ليست هناك تعليقات:
بسم الله الرحمان الرحيم

 أقدم لك دورة شاملة حول

تعلم الدريم ويفر لصنع المواقع والقوالب

هذه الدورة ستكون على شكل مقاطع فيديو

من البداية حتى الإحتراف

دورة تعلم الدريم ويفر : شرح واجهة البرنامج الجزء الثاني



إذا كانت أي غموضات حول الدروس المقترحة لكم

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

وكلمة شكر تكفي

دورة تعلم الدريم ويفر : شرح واجهة البرنامج الجزء الاول

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

دورة تعلم الدريم ويفر : شرح واجهة البرنامج الجزء الاول


إذا كانت أي غموضات حول الدروس المقترحة لكم
فقط ضعوا استفساراتكم بالتعليقات
وكلمة شكر تكفي

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

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

 أقدم لكم إخوتي الكرام
أفضل وأهم إضافات البلوجر وهي

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

حيث ستسهل عليك رؤية كم من تعليق بكل تدوينة
بدون الللجوء إلى الدخول إليها ورؤية هل من تعليقات جديدة
كما انها تسهل على الزائر رؤية التسميات التي قد تساعده في إيجاد مبتغاه

صورة الإضافة الراقية


شرح الإضافة

وكالعادة نذهب إلى

   Dashboard > Template >Edit Html

لاتنسى الضغط على توسيع القالب

باستعمال Ctrl+F إبحث عن الكود التالي

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

وإذا لم تجده إبحث عن الكود التالي

<div class='post-header'>

ثم أنسخ الكود التالي قبل أحد الأكودين
<font style='background:transparent url(http://1.bp.blogspot.com/--fsYbwHKiKM/T0uOGw-hdTI/AAAAAAAAA-s/QBcDITiSCEs/s1600/author.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(http://3.bp.blogspot.com/-1MEONG9XUgA/T0uOF8ICEdI/AAAAAAAAA-k/VBwTnA8PXbI/s1600/clock_icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(http://4.bp.blogspot.com/-rg64gjlD5Q4/T0uOD1RiFKI/AAAAAAAAA-c/RF7cQMGyO_I/s1600/tag+icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?max-results=8&quot;' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>|</b:if>
</b:loop>
</b:if></font>
<span class='post-comment-link' style='Float:right;'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(http://4.bp.blogspot.com/-wGMp3jZ7DpU/T0uOrczut7I/AAAAAAAAA-0/F_BnJ5WS9BI/s1600/comment-icon.png) no-repeat;Padding-left:20px;'><b:if cond='data:post.numComments == 0'>Be the first to comment!<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/> Comment so far<b:else/><data:post.numComments/> Comments so far</b:if> </b:if></a>
          </b:if>
        </b:if>
      </span>

التغييرات التي يمكنك عملها
هو تغير الأيقونات بأيقونات اخرى إذا أردت لكن مع الحفاظ على نفس الحجم
لكي لاتؤثر عن الإضافة

والمرجوا التعليقات
 

 

حذف الإطار المظلل الذي حول الصور بالبلوجر

هناك 7 تعليقات:
السلام عليكم ورحمة الله تعالى وبركاته
أقدم لكم إخوتي الكرام

وهي حذف الظل الذي حول الصور أو مايعرف بالإطار المظلل

فمن الآن ستضيف صورك بارتياح على مدونتك

كما بالمنتديات وتنسى هموم الإطار المكره

صورة الإضافة


أرى أنكم قد لاحظتم  الإطار المظلل قبل حذفه

والصورة الثانية خير دليل على أهمية الخدعة

الآن نمر للشرح الممل

إذهب إلى
Dashboard > Template > Customize > Advanced > Add CSS
ثم أنسخ الكود التالي

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}
وهكذا مبروك عليك حدف الإطار المظلل
وبالنسبة للذين لم تنجح معهم الطريقة الاولى فل تقم بالطريقة الثانية

أما انا وجدت ان الطريقة الأولى سهلة وفعالة وهي أكيدة 100%
إذهب إلى

Dashboard > Template > Edit HTML

ثم قم بتوسيع القوالب 
بالضغط على
"Expand widget templates"
ثم باستعمال Ctrl+F إبحث عن الكود التالي
  border: 1px solid $(image.border.color);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
وقم بحذف
الآن مبروك عليك
نرجوا التعليق ولو بكلمة شكر فهي ليست بثقيلة عليك أخي الكريم مقارنة بمجهوداتنا

كيف ترفع قالب جديد على مدونتك وتثبته من لوحة تحكم بلوجر

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

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


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


ونقوم من على اليمين بالدخول إلى تبويب ( قالب ) أو ( Template ) وهو ما سيأخذنا إلى هذا المكان



 
قم بالضغط على ( نسخ إحتياطى / إستعاده ) أو ( Backup / Restore )الموجوده فى أعلى يسار لوحة التحكم, ستظهر لك هذه النافذه
 

قم بالضغط على زر ( Browse ) ستفتح لك نافذه لإختيار القالب الذى قمت بتحميله من على حاسبك, قم بإختياره ثم إضغط على ( تحميل ) .
وبهذا تكون قد قمت بتحميل القالب الجديد على مدونتك بنجاح .

الدرس الأول شرح عمل نسخة مصدرية ببرنامج nLite

هناك تعليق واحد:
الحمد لله رب العالمين ..
والصلاة والسلام على أشرف الخلق أجمعين .. سيدنا محمد وعلى آله وصحبه أجمعين ..
وبعد:


بفضل الله وتوفيقه .. سأقوم بشرح ..
كيفية عمل نسخة الويندوز xp حسب رغبتك ووضع سمتك الشخصية عليها ..

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

وكذلك سأقوم بإذن الله بشرح كيفية تغيير الملفات التي تضفي منظرا جماليا للويندوز ..
كشاشة تثبيت الويندوز .. وشاشة البوت .. وشاشة الدخول .. وأيقونات واستايل الويندوز وغير ذلك .....


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

البرنامج الأول: nLite



البرنامج الثاني: Windows Unattended CD Creator



وكما ذكرت البرامج المستعملة ستجدونها بقسم ملحقات الدورة


بداية نحتاج لنسخة ويندوز Xp وحسب الحزم التي تتوفر لكم أنا سأستعمل Xp sp2 لكي نقوم بالتعديل عليها ..
ننسخها على الجهاز في مجلد وليكن اسمه xp ..


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


نبدأ بالبرنامج الأول وهو nLite لتقليص حجم الاسطوانة وضبط بعض الخيارات ..


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


بعد تحميل برنامج nLite لن يعمل إلا بوجود برنامج Net Framework ..
لذلك يجب تحميله وتثبيته على الجهاز ..


نشغل برنامج nLite سيأتي بالشكل التالي: ونختر لغة البرنامج التي تناسبنا ..



نضغط التالي .. ستظهر هذه النافذة .. نحدد مكان مجلد الويندوز الذي أشرنا إليه في السابق للتعديل -xp- ..


ثم نضغط التالي ..


ستظهر هذه النافذة .. نحدد كما في الصورة .. ثم التالي ..




ثم نضغط التالي ..


ثم نضغط نعم ..





ونبدأ بالتعديل بند بند ..
ملاحظة: العنصر المحدد يعني هو الذي سيحذف .. الذي نتركه فارغا سيبقى ..
ونبدأ بلوحات المفاتيح .. نختر العربية والانجليزية أو حسب الرغبة ..



نأتي للتطبيقات ..

 
نأتي لتعاريف الكروت على الجهاز .. وهذه ستوفر في الحجم



نأتي للخدمات وهنا تحذير من حذف العانصر الحمراء ..



نأتي للشبكات





نأتي للغات .. وهذه ستوفر كثيرا في الحجم



نأتي للوسائط المتعددة



نأتي لخيارات نظام التشغيل .. وهنا سنوفر كثيرا من الحجم




دعم الكيان الصلب .. اتركها كما هي



نأتي للمجلدات .. وهذه احذفها كلها ولا تخف



ستأتي هذه النافذة .. اضغط التالي .. لأن هذه الخيارات سنعدلها في البرنامج الثاني
ستأتي هذه النافذة .. أيضا اضغط التالي ..



هنا مهم جدا أن تضع صح أمام هذه المربعات ..


ستاتي هذه النافذة .. يمكن من خلالها ضبط كثير من الخيارات ..


بعدها .. نضغط التالي .. ستأتي رسالة تطبيق التغييرات .. نضغط نعم ..


سيبدأ تطبيق التغييرات ..


عند الانتهاء سيفعل زر التالي نضغط التالي ..


ثم إنهاء .....


نكمل بعون الله تعالى ..
بالدرس القادم حيث سنستعمل البرنامج الثاني 

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

هناك 15 تعليقًا:
بسم الله الرحمان الرحيم  اللهم صل وسلم وبارك على سيدنا محمد صلى الله عليه وسلم وعلى آله وصحبه

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

صورة الإضافة
لمعاينة الإضافة فهي بمدونتي

المهم نمر للشرح

إذهب إلى

Dashboard - Template - Edit HTML - Proceed - (make a backup) Expand Widget Template  

مستعملا CTRL + F إبحث عن الكود
]]></b:skin>
 وضع قبله الكود التالي

#gallery{position:relative;margin:0 35px 20px;width:590px;height:126px;background:#ffffff}
#gallery .belt{position:absolute;top:0;left:0;list-style-type:none}
#gallery .panel{float:left;margin:20px;width:84px;height:86px;background:url(http://2.bp.blogspot.com/-_Srvna_zg0M/T393_LXqDLI/AAAAAAAABrQ/_t2GmPexCHo/s1600/bg-slider.png) bottom center no-repeat;overflow:hidden}
#gallery .panel img{float:left;border:1px solid #DDD;margin:5px;width:72px;height:72px;background:#FFF;padding:0px}
#gallery .panel img:hover{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
ينكنك أن تغير ما باللون الاحمر وهو عرض وطول الإضافة
كما يمكنك تغيير ما باللون البرتقالي وهو لون خلفية الإضافة
وكذللك تغيير في المارينغ الذي باللون الأزرق وذللك لضبط مكان الإضافة حسب مدونتك

ثم إبحث على الكود
</head>
وضع قبله

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://helplogger.googlecode.com/svn/trunk/auto-slider.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
stepcarousel.setup({
galleryid: "gallery",
beltclass: "belt",
panelclass: "panel",
autostep: {enable:true, moveby:1, pause:6000},
panelbehavior: {speed:500, wraparound:true, persist:true},
defaultbuttons: {enable: true, moveby: 2, leftnav: ["http://2.bp.blogspot.com/-0Iss3Wjr36Q/T393U65TcKI/AAAAAAAABq4/K_uzwyuNzrE/s1600/prev.png", -40, 36], rightnav: ["http://1.bp.blogspot.com/-DtspeRHclnQ/T393WdyB8EI/AAAAAAAABrA/TKHickb2iI8/s1600/next.png", 2, 36]},
contenttype: ["external"]
})
//]]>
</script> 
الآن إبحث عن هذا
<b:section class='main' id='main' showaddelement='yes'>
أو هذا
<b:section class='main' id='main' showaddelement='no'> 

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

<b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div style='margin-top:20px;margin-bottom:70px;margin-left:-20px;'>
  <div id='gallery'>
   <ul class='belt'>
    <b:loop values='data:posts' var='post'>
     <li class='panel'>
      <b:if cond='data:showThumbnails == &quot;false&quot;'>
       <b:if cond='data:showSnippets == &quot;false&quot;'>
        <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
       <b:else/>
        <div class='item-title'>
         <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
        </div>
        <div class='item-snippet'>
         <data:post.snippet/>
        </div>
       </b:if>
      <b:else/>
       <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'>
        <b:if cond='data:post.thumbnail'>
         <img expr:alt='data:post.title' expr:src='data:post.thumbnail'/>
        <b:else/>
         <img alt='no image' src='http://2.bp.blogspot.com/-mRxY2oEkLJc/T393wpt0z_I/AAAAAAAABrI/4blMjDaSOUY/s1600/no-image.PNG'/>
        </b:if>
       </a>
      </b:if>
     </li>
    </b:loop>
   </ul>
  </div></div></b:if>
 </b:includable>
</b:widget>
يمكنك حذف ما باللون الأزرق
إذا أردت أن تظهر الإضافة أيضا في صفحات التدواينات
والآن نرجوا تعليقاتكم المحفزة لأعمالنا
وأي استفسار ضعه بتعليق

شرح استبدال رسائل أقدم وأحدث بمواضيع المدونة بمدونات بلوجر

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

صورة الإضافة

شرح الإضافة كالتالي

إذهب إلى
Dashboard >> Layout>> Add cadgets >> HTMLJavaScript
ثم أضف الكود التالي
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" h3:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link:first").text();
$("a.blog-pager-older-link").text(olderLinkTitle);
});
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" h3:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link:first").text();
$("a.blog-pager-newer-link").text(newerLinkTitle);
});
</script>
ومبروك عليك الإضافة ماعليك سوى وضعها تحت Post

كالصورة أسفله


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

إضافة خاصية الترجمة مضافة إليها صورة كل بلد ببلوجر

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

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

صورة الإضافة


شرح الإضافة

إذهب إلى

Dashboard >> Layout>> Add cadgets >> HTMLJavaScript

ثم أضف الكود التالي

<script type="text/javascript">
function showHide(shID) {
    if (document.getElementById(shID)) {
        if (document.getElementById(shID+'-show').style.display != 'none') {
            document.getElementById(shID+'-show').style.display = 'none';
            document.getElementById(shID).style.display = 'block';
        }
        else {
            document.getElementById(shID+'-show').style.display = 'inline';
            document.getElementById(shID).style.display = 'none';
        }
    }
}
</script>

<style>

 .google_translate img {
margin: 10px 20px 0px 20px;
    height: 24px;
    width: 24px;
        }
        .google_translate:hover img {
filter:alpha(opacity=0.30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }

.more {
    display: none;
a.showLink, a.hideLink {
    text-decoration: none;
    color: #0880C4;
    padding-left: 18px;
    background: transparent('down.gif') no-repeat left; }

a.hideLink {
    background: transparent url('up.gif') no-repeat left;
color: #0880C4;}

a.showLink:hover, a.hideLink:hover {
color: #0880C4;
 }

 </style>

 <div>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="http://1.bp.blogspot.com/-sXhoGx5s2dg/T5xOeRCOuYI/AAAAAAAAARo/ldYJIGQldwQ/s1600/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="http://2.bp.blogspot.com/-aklFaq6pPeQ/T5xOV1mPbcI/AAAAAAAAARg/CcBmt1ptN88/s1600/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="http://1.bp.blogspot.com/-nX0ktPsJQTA/T5xOMiiOGQI/AAAAAAAAARY/VXhAPARvh9E/s1600/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="http://4.bp.blogspot.com/-QPXkbtHOD4c/T5xODxO-FVI/AAAAAAAAARQ/1jye5k8T0DI/s1600/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a href="#" id="example-show" class="showLink"
onclick="showHide('example');return false;">More</a>
<div id="example" class="more">
 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="http://3.bp.blogspot.com/-0QwKU5U8K2k/T5xN5VZK2tI/AAAAAAAAARI/SvXac8-EQEg/s1600/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="http://4.bp.blogspot.com/-vJtqiSEPK0A/T5xNup0Q3vI/AAAAAAAAARA/SyuRn3jZjgk/s1600/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
      <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://2.bp.blogspot.com/-Em4KegbEBmk/T5xNjs5f_NI/AAAAAAAAAQ4/yLtUCDesqGs/s1600/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="http://2.bp.blogspot.com/-IVx5Fq_02dE/T5xNZIbiHzI/AAAAAAAAAQw/dvI6mI6z3Dw/s1600/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br />
 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://2.bp.blogspot.com/-O932f9wBvk4/T5xNO_hx5uI/AAAAAAAAAQo/n8-iF7S_R8A/s1600/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://3.bp.blogspot.com/-es7IkxUUK_4/T5xNGn7TXYI/AAAAAAAAAQg/jAp6OM-Zj9Q/s1600/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="http://3.bp.blogspot.com/-cx9e66I48yM/T5xM9L7uzoI/AAAAAAAAAQY/ftpOVX9YZEE/s1600/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7czh-cn&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://1.bp.blogspot.com/-eXup49w042c/T5xMxliSlmI/AAAAAAAAAQQ/v9efq8I4TI0/s1600/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
    <p><a href="#" id="example-hide" class="hideLink"
    onclick="showHide('example');return false;">Hide / </a><a href="http://helplogger.blogspot.com"><font size="1px">Get this widget</font></a></p>
</div>
     </div>

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

إضافة الإبتسامات المتحركة الإصدار الثاني لمدونات بلوجر

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

أقدم لكم من جديد

 إضافة الإبتسامات المتحركة الإصدار الثاني لمدونات بلوجر

إد أن هذه الإضافة ستعمل بالنسبة للأشخاص الدين لم تعمل لديهم

إضافة الإصدار الاول وهدا حسب اختلاف الأكواد في بعض القوالب

كمثال انا قالبي رفض الجزء الأول من أيقونات الإبتسامات ولم تشتغل عندي

مع ان هذا الإصدار أي الثاني إشتغل وبدون أي أمشاكل

صورة الإضافة


شرح الإضافة

إذهب إلى

Template -> Edit HTML [click Proceed]

ثم قم بالبحث عن الكود الثالي عبر الضغط على Ctrl+F
]]></b:skin>

وأضف قبله هذا الكود
img.bhacksmly {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}

ثم إبحث عن
</body>

وأضف قبله الكود التالي
<script src='https://netoopscodes.googlecode.com/svn/branches/Js files/ysmiley threaded comments-min.js' type='text/javascript'/>

واخيرا قم بالبحث عن هدا الكود

ولاتنسى ان تكون قد علمت على توسيع القوالب
<div class='post-footer-line post-footer-line-3'>

ستجد بعده هذا الكود
</b:includable>


مثال
</div>
.
ستضع الكود أسفله الخاص بالإبتسامات بين الوسمين

</b:includable>  

أي ان الكود التالي سيكون بعد
 </div>

وقبل
</b:includable>

أي بينهم كما هو موضح في المثال

وهذا هو الكود الخاص بالإبتسامات

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='netoopsblogysmile' id='ysmile' style='

background: -moz-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f5fc), color-stop(50%,#bfe8f9), color-stop(51%,#9fd8ef), color-stop(100%,#2ab0ed));background: -webkit-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: -o-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: -ms-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);border-radius: 3px;width:100%; padding:10px; height:65px;'>

<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^
</div><a href="http://netoopsblog.blogspot.com"></a></b:if>

قم بحفظ القالب

ومبروك عليك الإضافة

أي استفسار ضعه بتعليق وكلمة شكر تكفي

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

هناك تعليق واحد:
السلام عليكم ورحمة الله تعالى وبركاته

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

صورة الإضافة


لمعيانة الإضافة


شرح الإضافة

فقط عبر إضافة اداة من تخطيط أو Layout
قم بإدخال الكود التالي

<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".noopslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.noopslikebox{background: url("http://1.bp.blogspot.com/-Tka_Jf2EbuQ/Tz-PU1EH76I/AAAAAAAAAIQ/8FxGt44NHPo/s1600/fb_static+button.jpg") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 999;position:fixed;right:-250px;top:20%;}
.noopslikebox div{border:none;position:relative;display:block;}
.noopslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 999;}
.noopslikebox span a{color: gray;text-decoration:none;}
.noopslikebox span a:hover{text-decoration:underline;}
</style>
<div class="noopslikebox">
    <div>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/NetOops-Blog/159796530791611&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe>
    </div>
</div>

للتعديل على الكود
غير رابط صفحتك كلها برابط صفحة مدونتي على الفيسبوك
فقط غير ما باللون الأحمر
إي إسم صفحتك على الفيسبوك متبوعا ب / ثم برقم المعرف Fb_ID

ومبروك عليكم الإضافة
Enjoy

جميع الحقوق محفوظة لمدونة المدونة التعليمية للكومبيوتر 2013

تصميم : بويردن