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

 

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

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

سيكون الأمر سهل وبسيط كل ما سيفعله القارئ هة نسخ الرابط و نشره.

 

 

يمكنك معاينة الأداة بالضغط على الزر و النزول لأسفل التدوينة.

 

 

و لتركيب الإضافة توجه إلى تصميم / تحرير Html / توسيع القالب / ثم إبحث عن الوسم <data:post.body/> و ضع الكود الموجود بالأسفل تحته مباشرة.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='compartir-post'>
<p>إذا وجدت هذا الموضوع مفيد يمكنك مشاركته مع زوار مدونتك&#1548; أو نشره في المنتديات.</p>
<p>&lt;label for=&quot;aa-url&quot;&gt;رابط:&lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-url&quot; value=&quot;<data:post.url/>&quot; /&gt;</p><p>&lt;label for=&quot;aa-forum&quot;&gt;رابط HTML:&lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;&lt;a href=&amp;quot;<data:post.url/>&amp;quot;&gt;<data:post.title/>&lt;/a&gt;&quot; /&gt;</p><p>
&lt;label for=&quot;aa-forum&quot;&gt;رابط للمنتديات:&lt;/label&gt;&lt;br /&gt;
&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;[url=<data:post.url/>]<data:post.title/>[/url]&quot; /&gt;</p>
</div>
</b:if>

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

* Share entries

----------------------------------------------- */
.compartir-post {
background:#EFF5FB; /* لون الخلفية*/
margin-top:30px;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
}
.compartir-post p {
font-size:12px; /* حجم نص الرسالة*/
}
.compartir-post input {
background:#ffffff;
border: 1px solid #A4A4A4; /* حواف الخلفية*/
}

قم بحفظ التغيرات. الأداة لا تظهر إلا في داخل المواضيع.

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

 

الأن دورك ليس بنشر المقال ولكن بوضع تعليق في السفل.

تابع الموضوع »

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

 

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

 

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

 

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

 

1- تصميم / تحرير Html / توسيع قالب المدونة

2- إبحث عن إسم الإضافة (هو الموجود في Html/JavaScript)

<b:widget id='Label1' locked='false' title='' type='Label'>
<b:includable id='main'>

<span class='item-control blog-admin'> 
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>

</span> 
</b:includable>
</b:widget>

3- ما عليك الأن سوى إضافة السطرين باللون الأحمر لكود الأداة و حفظ القالب

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

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

 

الأن ضع تعليقك و انظر هل سيختفي أم لا!!!!

تابع الموضوع »

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

 

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

 

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

 

1- توجه إلى لوحة التحكم  / تصميم / تحرير HTML / قم بتوسيع  القالب و لا تنسى أخد نسخة من مدونتك

2- إبحث عن الوسم </head> و ضع فوقه الكود التالي

<script type='text/javascript'>

var thumbnail_mode = "no-float" ;

summary_noimg = 430;

summary_img = 340;

img_thumb_height = 100;

img_thumb_width = 120;

</script> <script type='text/javascript' src='http://widget-blogs-red-more.googlecode.com/files/auto_readmore_blogger.js' >

</script> 

يمكنك التغير في قيم الكود إن أردت.

 

summary_noimg = 430; : عدد كلمات الملخص إن لم يحتوي على صورة

summary_img = 340; : عدد كلمات الملخص إذا احتوى على صورة

img_thumb_height = 100; : إرتفاع الصورة

img_thumb_width = 120; : عرض الصورة

 

3- قم الأن بالبحث عن الوسم <data:post.body/> و استبدله بالكود في الأسفل

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

<b:else/>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/>

<b:else/>

<div expr:id='&quot;summary&quot; + data:post.id'> <data:post.body/>

</div>

<script type='text/javascript'>

createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<div style='clear: both;'/>

<span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >إقرأ المزيد </a></span>

</b:if>

</b:if>

4- قم بحفظ القالب و عاين النتيجة

5- و لكي تغير كلمة إقرأ المزيد بصورة قم بإستبدال الكلمة بالكود التالي

<img src="رابط الصورة" title="إقرأ المزيد" alt="إقرأ المزيد"/>

6- قم بوضع تعليقك بالأسفل

تابع الموضوع »

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

 

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

 

 

طريقة تركيب الإضافة

 

1- توجه للوحة تحكم المدونة

2- تصميم / تحرير Html

3- قم بتوسيع القالب لتظهر جميع الأكواد

4- قم بالبحث عن الوسم التالي ]]></b:skin> و ألصق الكود بالأسفل فوقه مباشرة

.status-msg-wrap{display:none !important;}

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

هذا كل شيء الأمر في غاية البساطة بعد المعاينة ستجد الرسالة قد إختفة.

 

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

تابع الموضوع »

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

 

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

المرحلة الأولى: إدراج صناديق الأكواد في المدونة

الأن يجب عليك إختيار نوع الصندوق اللذي ترغب به من بين هذه الخيارات الأربعة، عندما تجد الشكل اللذي يعجبك قم بلصق الكود الخاص به فوق الوسم التالي ]]></ B: skin> مباشرة.

1- الشكل الأول

الكود الخاص به

.code {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJWxniQKWI0QduK0KbJupS83CMvmr-RJjzUYZuZ0uxmxDByDWiOisco9vFa6dG2b2JPoMDsz0oMR5kv9KM7FIAQ2B2fIsaEOVq4HqOUR1iqwj1q0DDFV9TsFxitQFPw3Bg5R6OmUrJBxI/s1600/codeview1.gif) no-repeat right bottom;
border : 2px solid #eeeeee;
color : #7D7D7D;
}

2- الشكل الثاني

الكود الخاص به

.code{
margin : 15px 15px 15px 15px;
padding : 40px 10px 10px 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpIEiH-XZ3KXw9nH7Aqfoei2XkZJdOEnw0Q_ZmPX62pzqFQXQ3fSW-C6pmOHQQqLaTP4LsXiHUeFecNGklIcDbR3tFScAUCY_eHT0X3HLYqZZ1jrsG3hNhEyN5jKfpAu4SscoPg277xwc/s1600/codeview.png) no-repeat left top;
border : 3px solid #eeeeee;
color : #7D7D7D;
}

3- الشكل الثالث

الكود الخاص به

.code {
margin : 0 20px;
padding: 70px 20px 20px 40px;
background : #F9F9F9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUfUYpfvfDig88q6sN6tqungknOsvqQsNCfSDheEg4xAq6odYtLIIDYyYfaExfUU_8nqBqQrwf1pjilMdYYfdP45zo4KZLazDSV3yX5kyCTgkzTWxe_A_tbvWdDod3CSpLdhsZpDgk3J0/s1600/codeview3.gif) no-repeat top left;
font: bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif;
color : #000;
border-bottom : 5px solid #BFBFBF;
}

4- الشكل الرابع

الكود الخاص به

.code {
margin : 10px;
padding: 0px 25px 5px 20px;
background : #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOZw0JfrPAs2avvkUTl4HIWBGt8HTqLcuOGzwpmVVZY6b_1xRBpbdou_1vKyHFRAjX99ILxMGPEMCEYN1U9u8MUZ7vN63JnqIbggETUtcjh3BTcYXT2iEqQAR4mXve7weg3xiSar5e39M/s1600/codeview4.png) no-repeat top left;
font: 0.9em Helvetica, verdana, Georgia, "Times New Roman", Times, serif;
color : #767675;
border: 1px solid #767675;
}

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

 

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

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

اللون: خلفية الإطار الرئيسي

اللون: لون النص

اللون: لون الحدود

المرحلة الثالثة: كيف تجعل الصندوق يظهر بالشكل المطلوب

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

و هذا هو الكود الخاص بالإضافة

<div class="code"> كود الإضافات ستقوم بكتابته هنا</div>

و بهذا نكون قد إنتهينى من هذا الموضوع أتمنى أن ينال إعجابك، و إن فعل فلا تبخل علينا بتعليقاتك.

تابع الموضوع »

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

 

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

 

 

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

 

كالعادة قم بالذهاب لتحرير القالب

ثم إبحث عن الوسم التالي عن طريق الزرين Ctrl+F

]]></b:skin> 

 

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

.rtcv {
margin : 15px 35px 15px 15px;
padding : 20px 10px 10px 35px;
background : #EEEEEE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnAh5WWn2w4e83O7Krd7OYniBR2HZ99xE3Efg8h8tSLj5SW4qULFVcusGfhMHsMoqoSSLfGChQe2XS8uLGJVf9HpKwL2r5Tn7RgjomrGO5roT2Pz99tFjrhxslwWOYKSzJAsHQyVmDVjk/s1600/Html+code.gif) repeat-y top left;
border-top : 1px solid #AAAAAA;
border-right : 1px solid #AAAAAA;
border-bottom : 1px solid #AAAAAA;
border-left : 1px solid #AAAAAA;
}

 

ثم قم بحفظ القالب. الأن عندما تريد أن تضع كود في مدونتك قم بوضع الكود في الخانة تأليف ثم نتقل إلى تحرير Html و ضع الكود بالأسفل في مقدمة و مأخرة كود الإضافة.

<div class="rtcv">
HTML Code Here
</div>

 

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

 

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

تابع الموضوع »

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

 

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

 

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

 

سنأخد مثال لمدونتي إن أردت نسخ ال Favicon الخاصة بي.

 

1- قم بنسخ عنوان المدونة اللتي هنا سيكون العنوان http://widget-blogs.blogspot.com

2- إذهب إلى هذا الموقع  getfavicon

3- أدخل رابط المدونة في الخانة الموضحة في الأسفل

4- الأن ستجد ال Favicon مع الرابط الخاص بها

5- قم الأن بنسخ الرابط عن طريق زر الماوس الأيمن و أضفها لمدونتك.

 

كيف تقوم بإضافة ال Favicon لمدونتك

 

الأن نريد أن نضع ال Favicon في المدونة فكيف ذالك؟ هناك عدة طرق لكننا سنشرح أسهلها.

 

1- توجه إلى لوحة التحكم / تصميم / تحرير HTML

2- إبحث عن الوسم التالي:

<head>

3- ألصق الكود أسفل الوسم مباشرة

<link href=' FAVICON IMAGE URL ' rel='shortcut icon'/>

4- أضف رابط ال Favicon مكان الكلام باللون الأحمر.

5- الأنقم بحفظ القالب

ما رأيك هل شاهدة Favicon من قبل و أعجبتك؟

إن قمت بتطبيق الدرس دعنى نعرف ذالك بإضافة ردك في الأسفل.

تابع الموضوع »

تفعيل خدمة الجوال الخاصة بالمدونات

 

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

 

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

 

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

 

الأمر في غاية السهولة و مع ذالك سأضع صورة لتتوضح لك الصورة أكثر.

 

قم بحفظ التغيرات و انتهى الأمر بكل سهولة و يسر.

 

 

9PTBQ6BPQRQH

تابع الموضوع »

تغير ال Favicon من موقع Blogger

 

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

 

بدأت تجديدات موقع Blogger تظهر للعيان رويدا رويدا، فقد حل الموقع مشكلة الأيقونات التي تظهر بجانب عنوان المدونة بأن أضاف أداة تمكنك من تغيرها بسهولة و دون أية أكواد.

 

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

 

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

 

 

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

تابع الموضوع »

تقسيم تصنيفات المدونة إلى جزئين

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

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

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

طريقة تقسيم التصنيفات

إذهب للوحة التحكم / تصميم / تحرير HTML

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

إحفظ الرقم الموجود أمام Label و هنا هو رقم 2 قد يختلف الرقم من مدونة إلى أخرى.

ثم إبحث عن الوسم التالي بالضغط على زري Ctrl+F لمعرفة المزيد

]]></b:skin>

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

#Label2 ul li{

float:right;

width: 45%;

}

ثم غير رقم Label بالرقم الموجود لديك يمكنك تغير %45 إلى أكثر أو أقل حسب مدونتك ففي مدونتي جعلت النسبة %50 قم بالتجربة لتحصل على النتيجة المرجوة.

تحياتي لك و إلى اللقاء في موضوع أخر إن شاء الله.

تابع الموضوع »

تغير مؤشر الفأرة بطريقة سهلة جدا+هدية

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

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

يكنك معاينة الدرس من هنا

طريقة تغير مؤشر الفأرة

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

بعد ذالك قم بالبحث عن الوسم التالي مستعينن بالزرين Ctrl+F (لمعرفة المزيد عن خاصية البحث)

]]></b:skin>

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

body, a, a:hover {cursor: url(http://cursors3.totallyfreecursors.com/thumbnails/apple-tmani.gif), progress;}

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

الرابط باللون الأحمر هو لصورة التي ستظهر بدل سهم الفأرة يمكنك تغيره بالصورة التي تحب.

الهدية

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

Totally Free Cursors

Cursors @ Fun Utilities

تحياتي و إلى اللقاء في موضوع و درس قادم إن شاء الله.

تابع الموضوع »

فتح روابط المدونة في صفحة خارجية

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

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

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

الكود السحري

بعد الدخول للمدونة

إبحث عن الوسم <head> عن طريق البحث بالضغط على الزرين Ctrl+F لمعرفة المزيد إضغط هنا

ثم أضف الكود الثالي بعده مباشرة

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">

//<![CDATA[

jQuery('a').each(function() {

// Let's make external links open in a new window.

var href = jQuery(this).attr('href');

if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {

jQuery(this).attr("target", "_blank");

}

});

//]]>

</script>

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

ملاحظة: إذا كنت تستعمل مكتبة JQuery في مدونتك فلا داعي لإضافة السطر الأول.

تابع الموضوع »

كيف تغير رسالة تسميات الصفحة

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


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

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

 


ثم تصبح هكذا بعد التعديل عليها


 

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

طريقة تغير الرسالة

1- توجه إلى تصميم / تحرير HTML / قم بتوسيع القالب



 


2- إبحث عن الكود التالي عن طريق زري Ctrl+F

<data:navMessage/>

إن كنت قد أزلت هذه الرسالة من قبل إبحث عن الكود التالي

<div class='status-msg-body'>

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




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


أتمنى أن ينال الموضوع إعجابك و في إنتظار ردودك الكريمة.


تقبل تحياتي القلبية.

تابع الموضوع »

كود لإزالة ال Nav Bar من المدونة

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

كيف الحال اليوم مع درس خفيف في كيفية إزالة Nav Bar> فهناك الكثير ممن لا يطيقنها و يسعون لإزالتها.

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

أترككم مع الشرح

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

]]></b:skin>

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

#navbar-iframe {
  height:5px;
  }

/* IE7, IE8, IE6 */
  #navbar-iframe { height/*\**/: 30px\9; }


#navbar-iframe:hover {
  height:40px; !important;
  }

بعد ذالك قم بحفظ القالب

تحياتي لك و إلى درس قادم إن شاء الله

تابع الموضوع »

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

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

و لكي لا أكثر عليك في الكلام تابع الشرح

الطريقة هي وضع محتوى ملف ال JavaScripts بين وسمين ( للمعلومة ملف JavaScripts ينتهي بالحرفين js ).

أولا تقوم بالبحث عن رابط الملف و هو يكون بهذا الشكل:

<script src="http://hebergeur.com/fichier/autoreadmore.js" type="text/javascript"></script>

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

<script type='text/javascript'>
//<![CDATA[

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

//]]>
</script>

إن لم يكن ملف ال JavaScripts موجودا يمكنك تحميله بوضع رابط الملف كما هو مبين في المثال أعلاه في أي متصفح للأنترنت و الضغط على Enter سوف يخرج لك خيار التحميل حمله على سطح المكتب. و لستخراج الكود منه قم بفتحه ببرنامج WordPad الموجود في Windows و ليس برنامج NotPad و هذا أمر مهم لأن الثاني لن يعطيك الكود كاملا.

بهذا نكون قد إنتهينى بحمد الله تعالى.

سدد الله خطانا و خطاك لما هو خير لنا و لأمتنا

تابع الموضوع »

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

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

أما أنت فستكون مغاير لهؤلاء بحصولك على هذه الصحة (صفحة إتصل بنا).

أولا توجه للموقع الثالي و لن تحتاج لتسجيل فيه فالخدمة متاحة للكل http://www.foxyform.com 

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

1-

 

2-

3-

4-

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

 

و لوضع الكود في صفحة قم بزيارة الموضوع التالي لتعرف الطريقة   إنشاء الصفحات في بلوغر

بهذا نكون قد إنتهنى و الحمد لله.

رحمك الله و رحم والديك

تابع الموضوع »