امران يفقدان مدونتك قيمتها



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

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

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

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

ودمتم في حفظ الله ورعايته

انتقل بمدونتك بعيدا عن الزحام



في كل يوم يتم انشاء 250,000 مدونة , وهذا يدل على الانتشار الكبير للتدوين  في عالم الانترنت .. والسؤال الذي يطرح نفسه كيف نستطيع اشهار مدوناتنا وسط هذا الكم الهائل من المدونات ؟؟ تمكن اجابة هذا السؤال في اتباع الاتي :

1 . صمم شعار مميز لمدونتك :
يجب ان تكون لكل مدونة شعار يخصها يميزها عن باقي المدونات وذلك يعود بفائدة كبيرة على المدونة , اجعل شعارك بسيطا يرمز الى مدونتك محتواها وان كنت لاتجيد التصميم فيمكنك الاستعانة ببعض المواقع التي تقدم خدمة تصميم الشعارات مجانا مثل موقعي (( Logo Garden - Logo Snap )) .

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

3 . انتقي تصميم رائع و نادر لمدونتك :
بعض الزوار يحكمون على المدونات من تصميمها و تنسيقها العام , فلترضي زوارك اختر قالب مميز لمدونتك .. و يشترط في قالب المدونة (( التنسيق )) اي طريقة عرض المواضيع و الشكل العام للقالب , من الافضل ان تصمم قالب مدونتك بنفسك ولكن ان كنت لاتستطيع او ليس لديك خبرة في تصميم القوالب يمكنك البحث عن قالب رائع ونادر الانتشار في الانترنت .. ثم تركبه على مدونتك .

4 . استخدم اسلوبك الخاص في كتابة المواضيع : 
ابتعد عن تقليد الاخرين واتخذ اسلوباً مميزاً خاصاً بك و بمدونتك .. واتخاذ اسلوب خاص يدل اجتهادك في كتابة المواضيع وتنسيقها و الاهتمام بمظهر مواضيع مدونتك و الابتعاد عن تقليد الاخرين .. وبالطبع هذا سيعكس صورة ممتازة عن مدونتك لدى الزوار .

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




افضل طريقة لمراقبة احصائيات الموقع الخاص بك


 السلام عليكم ... اليوم سوف نقدم لكم طريقة رائعة لتتبع احصائيات الموقع وذلك بواسطة Quick SEO by RankSignals التي 

تتوفر لمتصفح جوجل كروم .. وهي عبارة عن اضافة رائعة تعطيك بيانات مفصلة لاحصائيات موقعك من جميع النواحي (( البيج

 رانك , الباك لينك , ترتيب اليكسا ... )) والكثير من البيانات .

 لتحميل الاضافة نتوجه الى هذا الرابط 


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

 ودمتم في حفظ الله ورعايته

افضل الاضافات للترحيب بعيد الفطر المبارك

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

الاضافة الاولى 

عبارة عن صورة متحركة اعلى يمين الصفحة 

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


<div style="text-align: center;"><a href="http://st-tek.blogspot.com/" _fcksavedurl="" style="right: 0px; position: fixed; top: 0px;"><img src="http://store1.up-00.com/2014-07/1406494398621.png" _fcksavedurl="http://store1.up-00.com/2014-07/1406494398621.png" alt="" /></a></div>

الاضافة الثانية 

عبارة عن صورة متحركة اسفل يسار الصفحة 

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

<a href="http://st-tek.blogspot."><img alt="Best Blogger Tips" src="http://2.bp.blogspot.com/-E1D5hSQZ--8/UeQB-4yg2HI/AAAAAAAADT0/FxJL3uQUpjc/s1600/best+blogger+tips+-+www.st-tek.blogspot.com.png" /><div style="position: fixed; top: 80%; left: 3%;">
<a href="http://st-tek.blogspot.com" rel="nofollow" target="_blank"><img alt="Blog Tips" src="http://store2.up-00.com/2014-07/140649425421.png" /></a></div></a>

ثم نحفظ الاداة 

وكل عام وانتم بخير

ادوات سيو مفيدة للمدونين


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

اولا : Seo Toolbar :

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

ثانيا : Seo For Firefox :

هي عبارة عن اضافة لمتصفح الفايرفوكس توفر العديد من الفوائد اهمها :
* البيج رانك .
* العمر .
* تفاصيل الرابط .
* تفاصيل الدليل .

ثالثا : MOZbar :

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

ودمتم في حفظ الله ورعايته

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



السلام عليكم متابعي مدونة سمور الكرام .. اليوم نقدم لكم اضافة مميزة ورائعة جدااا لمدونات بلوجر وهي اضافة التنقل بين المواضيع بواسطة ازرار الكيبورد (( الايمن و الايسر )) وهي طريقة جميلة و تسهل على الزائر التنقل بين مواضيع مدونتك بكل بساطة .

مميزات الاضافة

1 . بسيطة وسهلة التركيب .
2 . تجربة جديدة للزوار للتنقل بين مواضيع المدونة .
3 . لايحتاج الزائر الى بذل ادني جهد .
4 . خفيفة لاتؤثر على سرعة تحميل المدونة .
شرح تركيب الاضافة
 
نبحث عن الوسم </head> ونلصق فوقه الكود التالي :

  <script type='text/javascript'>
    window.onload = function()
    {
    document.onkeyup = function(event)
    {
    if (document.activeElement.nodeName == 'TEXTAREA' || document.activeElement.nodeName == 'INPUT') return;
    event = event || window.event;
    switch(event.keyCode)
    {
    case 37:
    var newerLink = document.getElementById('Blog1_blog-pager-newer-link');
    if(newerLink !=null) window.location.href = newerLink.href;
    break;
    case 39:
    var olderLink = document.getElementById('Blog1_blog-pager-older-link');
    if(olderLink!=null) window.location.href = olderLink.href;
    }
    };
    };
    </script>

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

وهكذا تم تركيب الاضافة بنجاح 

ودمتم في حفظ الله ورعايته

قالب مدونة سمور v3 متوفر مجانا للجميع

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



معاينة القالب

مميزات القالب

1 . ثلاثة الوان احترافية (( ابيض - ازرق - رمادي )) .
2 . بساطة التصميم و سهولة التعامل .
3 . الخفة والسرعة في الاداء .
4 . يحتوى على افضل كود ميتا تاج مدونة المحترف .
5 . يتوافق مع جميع الاجهزة اللوحية و المحمولة .
6 . يتوافق مع المعايير الاساسية للسيو .
7 . التنسيق في العرض .

للحصول على القالب اتبع الاتي
 
1 . انضم الى متابعي مدونة سمور (( من هنا ))
2 . كن من معجبي صفحة مدونة سمور (( من هنا ))

* بعد تطبيق الشروط السابقة اكتب تعليقا يحتوى على عنوان بريدك الالكتروني حتى نرسل اليك القالب

ودمتم في حفظ الله ورعايته

شرح صندوق الرسائل وطريقة كتابة التدوينات



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

شرح صندوق الرسائل او صندوق كتابة التدوينات

1 .لمعرفة وظيفة اي اداة في صندوق الرسائل نقف عليها بالماوس لفترة قصيرة بعدها سيظهر تلميح يوضح وظيفة الاداة .

2 . من اهم الخيارات الموجودة في صندوق الرسائل هي خيارات (( نشر - حفظ - معاينة - اغلاق )) وهي عبارة خيارات تخص التدوينة .


شرح خيارات القائمة الجانبية في صندوق الرسائل

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


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

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

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

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


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

طريقة اضافة ادوات لمدونة بلوجر



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

خمس صناديق احترافية بالوان مختلفة

اولا : نتوجه الى خيار التخطيط الموجود على يمين الصفحة كما هو موضح .


ثانيا : نضغط على خيار (( اضافة اداة )) في المكان الذي نريد فيه اضافة الاداة كما هو موضح في الصورة .


ثالثا : بعد الضغط على خيار (( اضافة اداة )) ستظهر نافذة نختار منها الاداة المطلوبة .



شرح اداة HTML/JavaScript

من بين الادوات الظاهرة في النافذة السابقة سنجد اداة HTML/JavaScript وهذا هو شكلها :


نضغط عليها ونلصق الكود المراد ثم نضغط حفظ .


وهكذا نكون قد انهينا درسنا لليوم 

نحن نقدم لك ماتريد فلماذا تبخل علينا بالردود المشجعة !!؟

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



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


اسس اختيار القوالب في مدونات بلوجر

1 . اختر قالب بسيطيسهل للزائرالتعامل .
2 . ابتعد عن القوالب كثيرة الالوان واختر قالب يحتوى على لونين او ثلاثة .
3 . اختر قالب خفيف وسريع التحميل لان الزوار لايحبون الانتظار .
4 . اختر قالب نظيف اي لايحتوى على اكواد مفيرسة او مشفرة .
5 . اختر قالب يحترم اساسيات السيو .
7 . اختر قالب يناسب محتوى مدونتك .
8 . راعي حفظ الحقوق في القالب لتتجنب المشاكل .



طريقة تركيب القالب على المدونة

اولا : نتوجه الى خيار (( قالب )) كما في الصورة التالية .


ثانيا : نضغط على خيار (( تحرير html )) كما في الصورة ادناه .


ثالثا : نلصق القالب في صندوق التحرير ثم نضغط حفظ كما هو موضح .


* ويمكنك تطبيق الشرح عمليا على هذه القوالب *

قالب مدونة سمور v1
قالب مدونة سمور v2


وهكذا يكون قد تم تغيير القالب بنجاح .. تم بحمد الله ^_^


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

طريقة انشاء مدونة احترافية على بلوجر



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


شرح انشاء مدونة على منصة بلوجر

اولا : لانشاء مدونة على بلوجرلابد من امتلاك حساب في جوجل ثم ندخل على هذا الرابط Blogger .


ثانيا : نضغط على خيار مدونة جديدة كما في الصورة .



ثالثا : نكتب اسم المدونة ورابطها و نختار التصميم الذي يناسبنا ثم نضغط على خيار (( انشاء المدونة )) .


* وهكذا تم انشاء المدونة بنجاح ^_^



الاقسام و الخيارات الاساسية في منضة بلوجر


1 . نظرة عامة حول احصائيات المدونة .
2 . جميع المشاركات المنشورة .
3 . الصفحات الخاصة بالمدونة . (( من نحن , الفهرس , ... الخ )) .
4 . ادارة التعليقات في المدونة .
5 . ربط مدونة بلوجر بحساب Google .
6 . تقرير مفصل حول احصائيات المدونة .
7 . ارباح اعلانات ادسنس الخاصة بمدونتك .
8 . الحملات الاعلانية الخاصة بمدونتك .
9 . التخطيط الذي يستخدم في ادارة الاضافات الخاصة بالمدونة .
10 . ادارة تصميم ( قالب ) المدونة .
11 . الاعدادات الاساسية للمدونة .
12 . لعرض المدونة .
13 . لعرض جميع المشاركات .
14 . لكتابة مشاركة جديدة .
15 . رسم بياني لمرات مشاهدة الصفحة .


فوائد انشاء مدونة

1 .  سوف تطور مهاراتك الشخصية .
2 . ستصبح مشهور .
3 . سوف تكتسب خبرة في مجال التدوين .
4 . سوف تزداد قدرتك على الابداع .
5 . سوف تتحسن قدراتك .
6 . ستتعرف على اسرار وخفايا الانترنت .
7 . ستكتسب القدرة على ادارة الامور بالطريقة الصحيحة .
8 . يمكنك ان تحصل على عائد مالي كبير من مدونتك .
9 . ستتوسع علاقاتك وستتعرف على اشخاص جدد .



وهكذا نكون قد انتهينا من درس اليوم ^_^ ... ونحن في انتظار تعليقاتكم المشجعة , ودمتم في حفظ الله ورعايته


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

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



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


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

نتوجه الى لوحة التحكم >> التخطيط >> اضافة اداة >> جافاسكريب ونلصف الكود التالي :


<style type='text/css'>

#bloggerspiceFBpop {

position:fixed !important;

position:absolute;

top:-1000px;

left:50%;

margin:0px 0px 0px -182px;

width:300px;

height:auto;

padding:16px;

background:#FEFEFE;font:normal Dosis, Georgia, Serif;

color:#111;

border:2px solid #027AAC;

-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);

-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);

box-shadow:0px 1px 2px rgba(0,0,0,0.4);

-webkit-border-radius:10px;

-moz-border-radius:10px;

border-radius:10px;

}

#bloggerspiceFBpop a.bsclose {

position:absolute;

top:-10px;

right:-10px;

background:#fff;

font:bold 16px Arial, Sans-Serif;

text-decoration:none;

line-height:22px;

width:22px;

text-align:center;

color:#000000;

border:2px solid #333;

-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);

-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);

box-shadow:0px 1px 2px rgba(0,0,0,0.4);

-webkit-border-radius:22px;

-moz-border-radius:22px;

border-radius:25px;

cursor:pointer;

}

</style>

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

<script type='text/javascript'>

$(window).bind("load", function() {

// Animate Top

$('#bloggerspiceFBpop').animate({top:"50px"}, 1000);

// Widget by ww.bloggerspce.com

$('a.bsclose').click(function() {

$(this).parent().fadeOut();

return false;

});

});

</script>

<div id='bloggerspiceFBpop'>

<center><b><a class="Iwan'S Blog">تابعنا على فيس بوك</a></b></center>

<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fsmmor.blog&amp;width=292&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=true&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe> <a style="font-size: 6px;float:right;text-decoration:none;color: #616469;" href="http://st-tek-.blogspot.com">
Widget by hsam ahmed</a></div</center>
<a class='bsclose' href='#'>&times;</a>
<center style="float:right; margin-right:10px;"><span style="font-size:xx-small; color:#000; text-decoration:none;"></span></center></div>

نحن نجتهد ونقدم لك الافضل دائما فلماذا تبخل علينا بكلمة شكر !!؟

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

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


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

نتوجه الى لوحة التحكم >> القالب >> تحرير ونبحث عن الوسم </head> ثم نلصق فوقه الكود التالي :

<!--st-tek.blogspot.com-Related-Posts-Starts-->
<style>
#related-posts {
float: right;
width: 100%;
background-color: rgba(0, 0, 0, 0.13);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #000;
font-size : 13px;
text-decoration : none;
font-weigh:bold;
display:block;
}
#related-posts a:hover {
color : #fff;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background:url("https://lh3.googleusercontent.com/-fCwnY2y2TtQ/Up3ciz5SGsI/AAAAAAAACUg/Lnj4gOxo1UQ/s20/ktipp1.png") no-repeat scroll 0 5px #E7E7E7;
margin-bottom:5px;
padding:2px 10px;
line-height : 2em;
border-radius:8px;
border:1px solid #bbb;
}
#related-posts ul li:hover {
display : block;
background:url("https://lh5.googleusercontent.com/-_VhtGXN1t4w/Up3cihlJOCI/AAAAAAAACUc/qup8wdCXrJs/s20/ktipp.png") no-repeat scroll 0 5px #1b9bff;
border-color:#000;
transition:all 0.8s ease 0s;
}
#related-posts h3 {color: #FFF;
background: url("https://lh6.googleusercontent.com/-SBbfNyje7jI/Uxu0ReQBcFI/AAAAAAAADhs/etPbFr-wfmk/s1444/bigic.png") no-repeat scroll 100% 1px #0062C4;
padding: 2px 10px;
font-size: 16px;
text-align: center;}
 </style>
<script src='https://cnmu.googlecode.com/svn/trunk/related-post-just-title.js' type='text/javascript'/>
<!--st-tek.blogspot.com-Related-Posts-end-->

ثم نبحث عن الوسم <div class='post-footer'> ونلصق تحته الكود التالي :


<!--st-tek.blogspot.com-RELATED-POSTS-STARTS-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b><h3>مواضيع ذات صلة</h3></b><b:loop values='data:post.labels' var='label'><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=10&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script></div></b:if>
<!--st-tek.blogspot.com-RELATED-POSTS-end-->

* الرقم 10 هو عدد المواضيع المعروضة ويمكن تغييره الى اي رقم حسب الرغبة

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

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

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



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

اولا : التعديل على عنوان المدونة وعناوين المواضيع

ندخل الى لوحة التحكم >> القالب >> تحرير القالبونبحث عن الوسم <title><data:blog.pageTitle/></title> ونستبدله بالكود التالي : 

<title>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<data:blog.pageName/>
<b:else/>
Page Not Found | <data:blog.title/>
</b:if>
</b:if>
</title>

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

ثانيا : التعديل على وصف المدونة ووصف المواضيع

ندخل الى لوحة التحكم >> القالب >> تحرير القالب ونبحث عن الوسم <head> واضف الكود التالي تحته :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<meta content='وصف المدونة' name='description'/>
<b:else/>
<b:if cond='data:blog.url == &quot;رابط-الموضوع-الأول&quot;'>
<meta content='وصف الموضوع الأول متضمناً الكلمات المفتاحية المستهدفة .' name='description'/>
</b:if>
</b:if>

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

ثالثا : التعديل على اكواد h1 , h2

ندخل الى لوحة التحكم >> القالب >> تحرير القالب ونبحث عن الكود  التالي :

<h3 class='post-title entry-title'>
             <b:if cond='data:post.link'>
               <a expr:href='data:post.link'><data:post.title/></a>
             <b:else/>
               <b:if cond='data:post.url'>
                 <b:if cond='data:blog.url != data:post.url'>
                   <a expr:href='data:post.url'><data:post.title/></a>
                 <b:else/>
                   <data:post.title/>
                 </b:if>
               <b:else/>
                 <data:post.title/>
               </b:if>
             </b:if>
         
  </h3>

* فائدة الكود :
يجب استبدال h3 ب h1 وهذا التعديل يجعل من عنوان الموضوع اكثر قوة واكثر فعالية في محركات البحث وذلك لانه اصبح يحترم شروط سيو عناوين المواضيع .

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

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



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


سرقة المحتوى

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


صياغة المحتوى بما ليس فيه

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

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


وفي الاخير كن ايجابيا وضع كلمة شكر على الاقل ... وشكرااا

اضافة احترافية للتحكم في ستايل المدونة

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


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

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

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


<style>

#cnmustylechanger {height: 120px;}

#stylechanger {

  background:#FFFFFF;

  border-collapse: collapse;

  border-radius: 5px;

  box-shadow: 0 0 2px #222222;

  display: block;

  font: 10px tahoma;

  height: 180px;

  margin-top: 10px;

  text-align: right;

  width: 235px;

}

#stylechanger th,

#stylechanger td {

  vertical-align:middle;

  border:none !important;

  padding:2px 5px;

}

#stylechanger th.title {

  background-color:#33AFE0;

  padding:5px 10px;

  margin:0 0 10px;

  text-transform:uppercase;

  font-size:12px;

  font-family: Arial,Sans-Serif;

  color: #FFF;

}

#stylechanger select,

#stylechanger input[type="text"] {

  width:128px;

  padding:2px;

  font:bold 11px Arial,Sans-Serif;

  display:block;

  margin:0 0 0;

  height:24px;

  outline: 0;

}

#stylechanger select option {

  padding:5px 10px;

  cursor:pointer;

}

#stylechanger button {

  cursor: pointer;

  font: 12px tahoma;

  padding: 2px 5px 5px;

  width: 128px;

}

#stylechanger #bgColorer {

  overflow:hidden;

  margin:10px 15px 10px 0;

}

#stylechanger #bgColorer span {

  display:block;

  float:right;

  width:20px;

  height:20px;

  border:1px solid black;

  margin:0 5px 0 0;

  cursor:pointer;

}

#stylechanger input[type="text"] {

  width:118px !important;

  padding:4px !important;

  height:auto !important;
 

}

</style>

<center>


<div id="cnmustylechanger">

<table border="0" id="stylechanger">

     <tr>

        <td colspan="2">

            <div id="bgColorer">

                <span style="background-color:#523690;" onclick="bgSwitch(this.style.backgroundColor);"></span>

                <span style="background-color:#248bcb;" onclick="bgSwitch(this.style.backgroundColor);"></span>

                <span style="background-color:#fed100;" onclick="bgSwitch(this.style.backgroundColor);"></span>

                <span style="background-color:#c91212;" onclick="bgSwitch(this.style.backgroundColor);"></span>

                <span style="background-color:#3a9838;" onclick="bgSwitch(this.style.backgroundColor);"></span>

                <span style="background-color:#36404a;" onclick="bgSwitch(this.style.backgroundColor);"></span>

                <span style="background-color:#ffffff;" onclick="bgSwitch(this.style.backgroundColor);"></span>

            </div>

        </td>

    </tr>

    <tr><th>نوع الخط</th>

        <td>

            <select onchange="fontSwitch(this.value);">

                <option selected />--

                <option value="&#39;Book Antiqua&#39;,Serif" />Book Antiqua

                <option value="&#39;Times New Roman&#39;,Serif" />Times New Roman

                <option value="Georgia,Serif" />Georgia

                <option value="Arial,Sans-Serif" />Arial

                <option value="Tahoma,Verdana,Arial,Sans-Serif" />Tahoma

                <option value="&#39;Trebuchet MS&#39;,Arial,Sans-Serif" />Trebuchet

                <option value="Verdana,Arial,Sans-Serif" />Verdana

                <option value="&#39;Century Gothic&#39;,Tahoma,Verdana,Arial,Sans-Serif" />Century Gothic

                <option value="&#39;Comic Sans MS&#39;,Serif" />Comic Sans

            </select>

        </td>

    </tr>

    <tr><th>لون الخط</th>

        <td><input type="text" id="fontColorer" value="#000000" onkeyup="fontColor(this.value);"/></td>

    </tr>

    <tr><th>حجم الخط</th>

        <td><input type="text" id="fontSizer" value="12" maxlength="3" onkeyup="changeFontSize(this.value);"/></td>

    </tr>

    <tr><th>إستعادة الإفتراضي</th>

        <td><button onclick="resetStyle();">إستعادة</button>
  </div>
  </br>
  <a style="font-size: 6px;float:left;text-decoration:none;color: #616469;" href="http://st-tek-.blogspot.com">
  Widget by hsam ahmed</a></div>
        
</tr>
 
</table>


</div>

</center>


<script src='https://cnmu.googlecode.com/svn/trunk/2014/theme-style.js' type='text/javascript'/></script>

ثم نحفظ الاداة

المصدر : كن مدون

وفي الاخير كن ايجابيا ولاتأخذ بدون ان تعطي فمجرد كلمة شكر تكفي لرد الجميل

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

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




اهم مايميز القالب عن غيره

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


للحصول على القالب اتبع الاتي

1 . انضم الى متابعي مدونة سمور (( من هنا ))
2 . كن من معجبي صفحة مدونة سمور (( من هنا ))

* بعد تطبيق الشروط السابقة اكتب تعليقا يحتوى على عنوان بريدك الالكتروني حتى نرسل اليك القالب

ودمتم في حفظ الله ورعايته
تحميل مشغل الفيديوهات Mx Player لهواتف الاندرويد

تحميل مشغل الفيديوهات Mx Player لهواتف الاندرويد

http://img.dev-point.com/imgcache/2014/01/293469.png


السلام عليكم .. اليوم نقدم لكم تطبيق M x Player الذي يختص بتشغيل الفيديو على هواتف الاندرويد وهو عبارة عن تطبيق مجاني يمكنك من تشغيل الفيديو بدقة ووضوح بالاضافة الى العديد من الادوات التي تمكنك من التعديل على الفيديوهات .


معلومات عن التطبيق

* الترخيص : مجاني
* بيئة العمل : Android
* التحميل : (( من هنا ))
برنامج التراسل الفوري What's App Plus لهواتف الاندرويد

برنامج التراسل الفوري What's App Plus لهواتف الاندرويد

السلام عليكم .. اليوم نقدم لكم تطبيق التراسل الفوري الاول في العالم What's App Plus لهواتف الاندرويد و هذا الاصدار من التطبيق المسمى " Plus " هي عبارة عن نسخة مطورة من تطبيق الواتس اب الافتراضي بعد ان اشترته شركة فيس بوك ويتميز بالعديد من الخصائص الرائعة التي تجعله افضل من النسخة السابقة ..

http://screenshots.en.sftcdn.net/blog/en/2014/03/whatsappplus-664x374.jpg

معلومات عن التطبيق

* الترخيص : مجاني
* الحجم : 1504 KB
* بيئة العمل : Android
* التحميل : (( من هنا ))

تحميل تطبيق مشغل الفلاش لهواتف الاندرويد

Cover art


السلام عليكم ... اليوم نقدم لكم تطبيق صغير سهل الاستخدام يمكنك من التحكم في تشغيل الفلاش الخاص بهاتفك كما يوفر العديد من الادوات للتحكم في ضوء الفلاش .


معلومات عن التطبيق

* الترخيص : مجاني
* بيئة العمل : Android
* التحميل : (( من هنا ))
تحميل تطبيق ادعية واذكار حصن المسلم لهواتف الاندرويد

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

http://root-dev.com/images/app/Android-2-banner.jpg


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


معلومات عن التطبيق

* الترخيص : مجاني
* الحجم : 1.4 MB
* بيئة العمل : Anddroid
* التحميل : (( من هنا ))
تحميل تطبيق اليوتيوب لهواتف الاندرويد

تحميل تطبيق اليوتيوب لهواتف الاندرويد

http://cdn.funkyspacemonkey.com/wp-content/uploads/2012/12/youtube-iPhone-iPad-app-FSMdotCOM.jpg


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


معلومات عن التطبيق

* الترخيص : مجاني
* الحجم : 64 MB
* بيئة العمل : Android
التحميل : (( من هنا ))

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

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


طريقة التركيب

اولا : نتوجه الى لوحة التحكم >> القالب >> تحرير القالب ثم نضغط (( ctrl + f )) ونبحث عن الوسم </head> ونلصق فوقه الكود التالي :

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
#beakingnews{width:980px;margin:0 auto;line-height:37px;;overflow:hidden; margin-bottom: 20px; max-height: 37px; overflow: hidden;
background: #fff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
background-clip: padding-box;border-left: none;max-height: 37px;}
#beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#21b8ff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;font-size: 14px;
line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal;
text-transform: uppercase;}
#recentpostbreaking{float:right;padding-right: 15px;}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
#recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;}
</style></b:if></b:if>

ثانيا : نبحث عن الوسم <div class='main-outer'> ونلصق فوقه الكود التالي :

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='beakingnews'><span class='tulisbreaking'>أحدث الأخبار</span><!-- tag pembuka tempat Breaking News-->
<div id='recentpostbreaking'>Loading...</div><!-- tag tempat daftar Breaking News ditampilkan-->
</div><!-- tag penutup tempat Breaking News-->
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
var url_blog = 'http://st-tek.blogspot.com/', //
numpostx     = 10; // Jumlah artikel yang di tampilkan
$.ajax({
url: '' + url_blog + '/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '',    type: 'get',    dataType: "jsonp", success: function(data) {        var posturl, posttitle, skeleton = '', entry = data.feed.entry; if (entry !== undefined) {skeleton = "<ul>";for (var i = 0; i < entry.length; i++) { for (var j=0; j < entry[i].link.length; j++)  { if (entry[i].link[j].rel == "alternate"){ posturl = entry[i].link[j].href;  break;  }              }           
posttitle = entry[i].title.$t;
skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';
        }
skeleton += '</ul>';
$('#recentpostbreaking').html(skeleton);
// kode untuk efek pada breaking news
function tick(){
$('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); }); }
setInterval(function(){ tick () }, 5000); } else {
$('#recentpostbreaking').html('<span>No result!</span>');
        }  }, error: function() {
$('#recentpostbreaking').html('<strong>Error Loading Feed!</strong>');
       } }); });
//]]>
</script>
</b:if></b:if>

ونغيير الرابط الذي باللون الاحمر الى رابط مدونتك

ونحقظ القالب ونكتب تعليق فيه شكراااا وهكذا نكون قد اضفنا الشريط بنجاح ^_^

ودمتم في حفظ الله ورعايته

اضافة All In One لمدونات بلوجر

السلام عليكم متابعي مدونة سمور الكرام ... اليوم نقدم لكم اضافة All In One الاحترافية لمدونات بلوجر وهي عبارة عن اضافة بسيطة تضم مجموعة من الاضافات الاجتماعية كصندوق الاعجاب على فيس بوك و اداة المتابعة على تويتر و صندوق الاشتراك في القائمة البريدية و المزيد .. ومن مميزاتها انها خفيفة التحميل بحيث لاتؤثر على سرعة تحميل المدونة كما تمتاز بتنسيق ممتاز .




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

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

<style type="text/css">

#share-box-0 {

 width:300px;

 overflow:hidden;

}

#share-box-0 .gplusone {

 background-color:#f5fcfe;

 border:1px solid #d8e6eb;

 border-top:1px solid #FFF;

 font-size:.87em;

 color:#000;

 line-height:24px;

 padding:9px 0 0 11px;

        text-align: center;

}

#share-box-0 .gplusone span {

 display:inline-block;

 vertical-align:middle;

 height:20px;

 margin-top:-17px;

}

#share-box-0 .fb-like-box {

 border: 1px solid #dcdcdc;

        padding: 8px 0px 9px 0px;

        margin: 0 auto;

        background: #fff;

}

#share-box-0 .twitter-follow {

 background-color:#eef9fd;

 border:1px solid #c7dbe2;

 border-top:0;

        text-align: center;

}

#share-box-0 .twitter-follow iframe {

 margin:9px 11px;

}

#other-social-bar {

    background-color: #D8E6EB;

    border: 1px solid #B6D0DA;

    box-shadow: 0 1px 1px #FFFFFF inset;

    font-family: "Arial","Helvetica",sans-serif;

    font-weight: bold;

    overflow: hidden;

    padding: 0;

}

#other-social-bar ul {

    list-style: none outside none;

    padding-left: 4px;

}

#other-social-bar .other-follow {

    color: #1E598E;

    text-align: center;

    height: 16px;

    overflow: hidden;

    padding: 10px 10px 7px;

    width: 270px;

}

#other-social-bar .other-follow ul {

    list-style: none outside none;

    padding-left: 4px;

}

#other-social-bar .other-follow li {

    border: 0 none;

    display: inline;

    font-size: 12px;

    font-weight: bold;

    text-shadow: 1px 1px white;

}

#other-social-bar .other-follow li a {

    color: #1E598E;

    display: inline;

    font-size: 12px;

    font-weight: bold;

    text-shadow: 1px 1px white;

}

#other-social-bar .other-follow li.my-rss {

    background: url(http://4.bp.blogspot.com/-3ZR8uAHB8QY/T-MLyuLqG4I/AAAAAAAAFxw/Zxk86OIXwJM/s000/rss-16x16.png) no-repeat scroll 0 0 transparent;

    line-height: 1;

    margin-bottom: 0;

    padding: 0 3px 1px 20px;

    width: 60px;

}

#other-social-bar .other-follow li.my-gplus {

 background: url(http://2.bp.blogspot.com/-oV5JSdsA2Sw/T-MLyxNI7PI/AAAAAAAAFx4/rVvTQjUpjCE/s000/gplus-16x16.png) no-repeat transparent;

 line-height: 1;

 width: 60px;

 padding: 0px 3px 1px 20px;

 margin-bottom:0px;

}

#other-social-bar .other-follow li.my-youtube {

 background: url(http://www.kuwaitcma.org/templates/images/youtube.png) no-repeat transparent;

 line-height: 1;

 width: 60px;

 padding: 0px 3px 1px 20px;

 margin-bottom:0px;

}

#email-news-subscribe .email-box {

 padding: 10px 10px;

 font-family: "Arial","Helvetica",sans-serif;

 border-top: 0;

 border-right: 1px solid #C7DBE2;

 border-left: 1px solid #C7DBE2;

 border-image: initial;

        text-align: center;

}

#email-news-subscribe .email-box input.email {

 background:#FFFFFF;

 border: 1px solid #dedede;

 color: #999;

 padding: 7px 10px 8px 10px;

 -moz-border-radius: 3px;

 -webkit-border-radius: 3px;

 -o-border-radius: 3px;

 -ms-border-radius: 3px;

 -khtml-border-radius: 3px;

 border-radius: 3px;

 border-image: initial;

 font: 10px droidkufi-bold,tahoma;

}

#email-news-subscribe .email-box input.email:focus {

 color:#333

}

#email-news-subscribe .email-box input.subscribe {

 background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);

 background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00));

 background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);

 -pie-background: linear-gradient(270deg,#ffca00,#ff9b00);

 font-family: "Arial","Helvetica",sans-serif;

 border-radius:3px;

 -moz-border-radius:3px;

 -webkit-border-radius:3px;

 border:1px solid #cc7c00;

 color:white;

 text-shadow:#d08d00 1px 1px 0;

 padding:7px 14px;

 margin-left:3px;

 font-weight:bold;

 font-size:12px;

 cursor:pointer;

 border-image: initial;

        font: 10px droidkufi-bold;

}

#email-news-subscribe .email-box input.subscribe:hover {

 background: #ff9b00;

 background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00);

 background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));

 filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);

 outline:0;-moz-box-shadow:0 0 3px #999;

 -webkit-box-shadow:0 0 3px #999;

 box-shadow:0 0 3px #999

 background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00));

 background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%);

 -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);

 border-radius:3px;

 -moz-border-radius:3px;

 -webkit-border-radius:3px;

 border:1px solid #cc7c00;

 color:#FFFFFF;

 text-shadow:#d08d00 1px 1px 0;

        font: 10px droidkufi-bold;

}

</style>

<div id="share-box-0">

<!--div class="g-plus" data-href="https://plus.google.com/112902034741937106481" data-size="smallbadge"></div-->

    <div class="fb-like-box">

      <iframe scrolling="no" style="border-width: initial; border-color: initial; overflow-x: hidden; overflow-y: hidden; width: 286px; height: 66px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; " title="Like this content on Facebook." class="fb_ltr" src="http://www.facebook.com/plugins/like.php?api_key=116628718381794&amp;channel_url=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%3Fversion%3D3%23cb%3Df3ad0f9634%26origin%3Dhttp%253A%252F%252Fbtemplates.com%252Ff10c01d874%26relation%3Dparent.parent%26transport%3Dpostmessage&amp;extended_social_context=false&amp;href=http%3A%2F%2Ffacebook.com%2Fsmmor.blog&amp;layout=standard&amp;locale=en_US&amp;node_type=link&amp;sdk=joey&amp;show_faces=true&amp;width=286"></iframe>

    </div>

    <div class="gplusone">

      <div id="___plusone_0" style="text-indent: 0px; margin: 0px; padding: 0px; background-color: transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 90px; height: 20px; background-position: initial initial; background-repeat: initial initial;"><iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 90px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 20px;" tabindex="0" vspace="0" width="100%" id="I0_1401374802604" name="I0_1401374802604" src="https://apis.google.com/u/0/_/+1/fastbutton?usegapi=1&amp;size=medium&amp;count=true&amp;hl=en&amp;origin=http%3A%2F%2Fevander-btemplates.blogspot.com&amp;url=http%3A%2F%2Fbtemplates.com%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.ar.-UDxEXC1pcE.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Fz%3Dzcms%2Frs%3DAItRSTMThOO7O8Io7TtzU1gsrg-ba871eA#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1401374802604&amp;parent=http%3A%2F%2Fevander-btemplates.blogspot.com&amp;pfname=&amp;rpctoken=14435199" data-gapiattached="true" title="+1"></iframe></div> <span>Recommend on Google</span>

    </div>

    <div class="twitter-follow">

      <iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" src="http://platform.twitter.com/widgets/follow_button.1401325387.html#_=1401374806472&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=crestoo_skeer&amp;show_count=true&amp;show_screen_name=true&amp;size=m" class="twitter-follow-button twitter-follow-button" title="Twitter Follow Button" data-twttr-rendered="true" style="width: 237px; height: 20px;"></iframe>

    </div>

 <div style="background: #E3EDF4;" id="email-news-subscribe">

     <div class="email-box">

      <form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=smmor', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">

       <input type="text" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" value="ضع إيميلك هنا" name="email" id="email" style="width: 140px; font-size: 12px;" class="email" />

       <input type="hidden" name="uri" value="btemplates" />

<script type="text/javascript" src="https://apis.google.com/js/plusone.js" gapi_processed="true">{lang: 'en'}</script>

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

       <input type="hidden" value="ar_AR" name="loc" />

       <input type="submit" value="اشترك معنا" name="commit" class="subscribe" />

      </form>

     </div>

 </div>

<div style="background: #D8E6EB;" id="other-social-bar">

 <ul class="other-follow">

  <li class="my-rss">

   <a target="_blank" href="http://feeds.feedburner.com/smmor" title="RSS" rel="nofollow">RSS Feed</a>

  </li>

  <li class="my-gplus">

   <a target="_blank" href="https://plus.google.com/u/0/113685389749915537512" title="Google Plus" rel="nofollow">Google Plus</a>

  </li>

  <li class="my-youtube">

   <a target="_blank" href="http://youtube.com/user/smmor" title="youtube" rel="nofollow">youtube</a>

  </li>

 </ul>
<a style="font-size: 6px;float:left;text-decoration:none;color: #616469;" href="http://st-tek-.blogspot.com">
  Widget by hsam ahmed</a></div>
</div>

  </div>
 
        

تفصيل الاضافة

* استبدل كلمة (( smmor.blog )) بمعرف صفحتك على الفيس بوك .
* استبدل عبارة (( crestoo_skeer )) بمعرف حسابك على تويتر .
* استبدل الرابط  (( http://feeds.feedburner.com/smmor  )) برابط حسابك في الفيدبرنر .
* استبدل الرابط (( https://plus.google.com/u/0/113685389749915537512  )) برابط حسابك في جوجل بلس .
* استبدل الرابط (( http://youtube.com/user/smmor  )) برابط قناتك على اليوتيوب .


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