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

أقدم لكم صور للأداة :

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

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

<!--by-Ayoub Etmaiti- slide bar youtube -->     

<script type="text/javascript">

function MostrarVideo(idYouTube)

{

var contenedor = document.getElementById('divInnerVideo');

if(idYouTube == "")

{

contenedor.innerHTML = "";

}

else

{

var dimensiones = "width='420' height='315' frameborder='0'";

var url = "http://www.youtube.com/embed/" + idYouTube;

contenedor.innerHTML = "<iframe " + dimensiones + " src='"+ url +"'></iframe>";

}

}

</script>

<div style="margin:20px 0px;">

<select id="sVideos" onchange="MostrarVideo(this.value);">

<option value="" selected="selected">[إختر الفيديو المراد عرضه...]</option>

<option value="رابط الفيديو">عنوان الفيديو</option>

<option value="رابط الفيديو">-عنوان الفيديو-</option>

</select>

</div>

<div id="divInnerVideo"></div>

<!--by-Ayoub Etmaiti- slide bar youtube -->     

1-قم بتغيير عنوان الفيديو الذي سيظهر به في القائمة المنسدلة وذلك بتغيير العبارة "عنوان الفيديو"
2-قم بتغيير القيمة  رابط الفيديو في الكود بالقيمة التي سوف تجدها برابط الفيديو ،مثلا لو كان رابط الفيديو على هذا الشكل :
http://www.youtube.com/watch?v=abanoub12345  ,سوف تستبدلها بالقيمة الموجودة في آخر الرابط ،اي ما لون باللون البرتقالي
3-الجملة " إختر الفيديو المراد عرضه" هي عنوان القائمة المنسدلة ويمكنك تغييره بأي جملة أخرى تريد
أتمنى أن تنال إعجابكم ،دمتم في رعاية الله

Résuméabuiyad

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





اولا :

ثانيا :

ثالثاً :

و انتهى الشرح
 الى القاء فى تدوينة اخرى

Résuméabuiyad

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

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

</head>

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

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة في الملخص*/
img_thumb_width = 128; /*طول الصورة في الملخص */
</script>
<script src='http://abuiyad.googlecode.com/svn/trunk/read-more-left.js' type='text/javascript'/>

الصورة في يمين النص

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة في الملخص*/
img_thumb_width = 128; /*طول الصورة في الملخص */
</script>
<script src='http://abuiyad.googlecode.com/svn/read-more-right.js' type='text/javascript'/>

وإذا رغبت في ظهور الصورة في الوسط قم بلصق الكود التالي :

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة في الملخص*/
img_thumb_width = 128; /*طول الصورة في الملخص */
</script>
<script src='http://abuiyad.googlecode.com/svn/trunk/LireLaSuiteCentre0.js' type='text/javascript'/>

والآن قم بالبحث عن الكود التالي :

<data:post.body/>

ثم قم بإستبدالة بهذا الكود :

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>إقرأ المزيد...</a></span>
<a href='http://www.abu-iyad.com/2010/07/read-more-for-blogger.html' style='display:none;'>Résumé</a><a href='http://abu-iyad.blogspot.com' style='display:none;'>abuiyad</a> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
</b:if>

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

وذلك بإستبدال عبارة إقرأ المزيد.. بالكود التالي :

<img src="https://sites.google.com/site/lightbox007/photo/readmore.jpg" title="إقرأ المزيد" alt="إقرأ المزيد"/>

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

Résuméabuiyad

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

http://feeds.feedburner.com/feedburner/simo

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

وهذه الصورة تبين نشرالموضوع على فيسبوك :

توجه الى موقع تويترفيد Twitterfeed وقم بالتسجيل ثم قم باتباع التعليمات الموضحة في الصور.المرحلة الاولى :

المرحلة الثانية :

بعد انتقالك الى المرحلة الثانية سوف تظهر لك صفحة تختار فيها نوع الخدمة,

• في البداية قم باختيار خدمة تويتر Twitter وسوف نقوم باختيار خدمة فيسبوك فيما بعد ...

المرحلة الثالثة : سوف تظهر لك صفحة تطلب منك ادخال حسابك على تويتر وذلك بالضغط على المستطيل الأزرق ,او اذا كنت داخلا مسبقا الى حسابك اضغط على السهم عند القائمة المنسدلة Twitter account .وسوف يظهر اسم حسابك على تويتر, ثم قم باختياره.
ثم بعدها قم بالضغط على كلمة" create Service" أسفل الصفحة لتفعيل الخدمة. المرحلة الرابعة : بعدها سوف تظهر لك صفحة مثل التي ظهرت لك في المرحلة الثانية،والتي سوف نختار فيها هذه المرة "خدمة الفيسبوك" ,وباتباع نفس الطريقة التي قمنا بها بتفعيل خدمة تويتر. المرحلة الخامسة : نقوم بالضغط على مستطيل الفيسبوك او باختيار اسم حسابك من خلال القائمة المنسدلة" Facebook Account"

واذا كانت لديك صفحة علي الفيسبوك قم باختيارها من القائمة المنسدلة Facebook pages . ثم بعدها قم بالضغط على كلمة" create Service" أسفل الصفحة لتفعيل الخدمة, وعندها سوف تظهر لك صفحة تبين لك الخدمات التي تم تفعيلها(Tiwitter+Facebook) ،بعدها اضغط على كلمة "All Done" اسفل الصفحة للانتهاء
و في الاخير اضغط على زر go to dashboard وسوف تظهر لك هذه الصفحة التي تبين لك تفعيل الخدمتين Twitter +faceook

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

المصدر:مدونة ابو اياد

Résuméabuiyad

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

1.قم بالبحث عن الوسم :

<body>

ثم قم بلصق هذا الكود قبله مباشرة :

<script type='text/javascript'>
//<![CDATA[
function badwordfilter(ID){
var comm = document.getElementById(ID);
var comment = comm.innerHTML;
var reBadWords = /الكلمة مسيئة2|الكلمة مسيئة1/gi;
comment1 = comment.replace(reBadWords, "****");
comm.innerHTML = comment1;
comm.style.display = "block";
}
//]]>
</script>

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

2.الآن قم بالبحث عن هذا الكود (إبحث عن ما لون باللون الأزرق لتجد الكود):

<p><data:comment.body/></p>

إن وجدت أكثر من واحد فالكود الأول هو المقصود :

3.ثم قم بإستبدال الكود كاملا بهذا الكود :

<p>
 <div expr:id='data:comment.id' style='display:none;'>
 <data:comment.body/>
 </div>
 <script type='text/javascript'>badwordfilter(&quot;<data:comment.id/>&quot;);</script>
</p>

4.وأخيرا قم بحفظ القالب .

Résuméabuiyad

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

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

حمل الصورة لمشاهدتها بالحجم الأصلي

للبث الحي اضغط :

لماذا قمت باختيار هذا القالب لتطويره ؟

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

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

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

Résuméabuiyad

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

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

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

ملاحظة

- في الخطوة الثانية لايتم احتساب الأرباح بمجرد اجراء عمليات البحث , و إنما بالنقر على الاعلانات التى تظهر فى نتائج البحث .

Résuméabuiyad