اضافة اداة المشاركات الشائعة v1 بشكل ملون

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

- لنمر الى طريقة التركيب :

أولا بالنسبة  لمن لا يضع أداة المشاركات الشائعة 

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

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

- ثم الأن لنتوجه لوضع الكود :

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

  ثم قم بالضغط على     ctrl + f   ثم قم بالبحث على  الكود التالي :

]]></b:skin>

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

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}

#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}

#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}

#PopularPosts1 ul li:first-child:after,

#PopularPosts1 ul li:first-child + li:after,

#PopularPosts1 ul li:first-child + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}

#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}

#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}

#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}

#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}

#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}

#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}

#PopularPosts1 ul li:first-child + li + li:after{content:"3"}

#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}

#PopularPosts1 ul li:first-child + li:after{content:"2"}

#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}

#PopularPosts1 ul li:first-child:after{content:"1"}

#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}

#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

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

ومبروك عليك الاضافة ,وهذا كل مافي الموضوع  والسلام عليكم 

 هذا الشرح  منقول

انتظر التعليقات للتشجيع

قم يا صلاح الدين أحمد مطر

وجوهكم أقنعة بالغة المرونة

طلاؤها حصافة، وقعرها رعونة

صفق إبليس لها مندهشا، وباعكم فنونه

".وقال : " إني راحل، ما عاد لي دور هنا، دوري أنا أنتم ستلعبونه

ودارت الأدوار فوق أوجه قاسية، تعدلها من تحتكم ليونة ،

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

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

وغاية الخشونة ،

أن تندبوا : " قم يا صلاح الدين ، قم " ، حتى اشتكى مرقده من حوله العفونة ،

كم مرة في العام توقظونه ،

كم مرة على جدار الجبن تجلدونه ،

أيطلب الأحياء من أمواتهم معونة ،

دعوا صلاح الدين في ترابه واحترموا سكونه ،

لأنه لو قام حقا بينكم فسوف تقتلونه

بداية الثورة السورية

 

توثيق

الانتفاضة السورية أو ثورة الأحرار السورية: هي انتفاضة شعبية انطلقت يوم الثلاثاء 15 آذار/مارس عام 2011 م ضد القمع والفساد وكبت الحريات وتلبية لصفحة: الثورة السورية ضد بشار الأسد.. على الفيسبوك في تحد غير مسبوق لحكم بشار الأسد متأثرة بموجة الاحتجاجات العارمة التي اندلعت في الوطن العربي مطلع عام 2011 م وبخاصة الثورة التونسية وثورة 25 يناير المصرية اللتين أطاحتا بالرئيس التونسي زين العابدين بن علي والرئيس المصري حسني مبارك. قاد هذه الثورة الشبان السوريون الذين طالبوا بإجراء إصلاحات سياسية واقتصادية واجتماعية ورفعوا شعار: “حرية… حرية”, لكن قوات الأمن والمخابرات السورية واجهتهم بالرصاص الحي فتحول الشعار إلى “إسقاط النظام”.

الإخوان المسلمون يدعون الأسد للتغيير

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

بشار الأسد يستبعد حدوث احتجاجات

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

اعتصام بالشموع للتضامن مع ثورة مصر

مع تصاعد الاحتجاجات في مصر المطالبة بتنحي الرئيس حسني مبارك نظم سوريون في دمشق اعتصامات وصفت بالخجولة في 3 فبراير/شباط 2011 تأييدا للثورة المصرية. ونظم الاعتصام الأول بالشموع أمام مقر السفارة المصرية، بينما نظم الثاني عند باب توما في دمشق القديمة. لكن منظمة هيومن رايتس ووتش المعنية بحقوق الإنسان قالت إن السلطات السورية لم تتدخل عندما تعرض 15 شخصا للضرب على أيدي رجال يرتدون ثيابا مدنية (الشبيحة).

5 فبراير/شباط 2011

تحرك صغير غير مسبوق في الحسكة يطالب بالإطاحة بالرئيس بشار الأسد واعتقال العشرات.

17 فبراير/شباط 2011

انتفاض االمئات في حي الحريقة بدمشق احتجاجا على إهانة رجال أمن لابني مالك أحد المحال في الحريقة بدمشق.

اعتصام للتضامن مع ثورة ليبيا

كما اعتصم عشرات السوريين أمام السفارة الليبية بدمشق يومي 22 و23 فبراير/شباط 2011 م تضامنا مع ضحايا المجزرة التي تنفذها القوات الليبية ضد المحتجين في طرابلس وبنغازي والبيضاء والعديد من المناطق الأخرى. تلبية لدعوات شبابية على “فيسبوك”. وأحاط العشرات من عناصر من شرطة حفظ النظام السورية بمقر السفارة الليبية الواقعة في حي أبو رمانة الدمشقي قرب السفارات التركية والسعودية والأميركية.

أول دعوة على الفيسبوك للتظاهر

بالتزامن مع الوقفات التضأمنية اعتبرت الدعوة لتنظيم “يوم غضب” في سوريا يوم 5 فبراير/شباط 2011 أول دعوة علنية في موقع فيسبوك للاحتجاج على ما يسمونه النشطاء تسلطا وفسادا، ليكون “أول أيام غضب الشعب السوري والعصيان المدني في كل المدن”، وقد بلغ أعداد المشتركين في هذه العوة نحو 2000 مشترك لكن المخاوف من الرد الأمني حالت دون تلبية الدعوات فلم تخرج مظاهرات وفشلت المحاولة.

الإفراج عن بعض السجناء

كما أفرجت السلطات السورية في 16 فبراير/شباط 2011 عن الناشط الإسلامي غسان النجار الذي يبلغ من العمر 72 عاما بعدما أضرب عن الطعام منذ إلقاء القبض عليه قبل 11 يوما لدعوته إلى احتجاجات حاشدة على غرار ما حدث في مصر. وحسب نشطاء في مجال حقوق الإنسان أفرجت السلطات عن غسان النجار، المقيم في حلب، بعد أن مكث ثلاثة أيام في المستشفى وتدهورت صحته. وكشفت المنظمة السورية لحقوق الإنسان (سواسية) والمرصد السوري لحقوق الانسان عن تنفيذ 13 سجينا سياسيا في سجن دمشق المركزي إضرابا مفتوحا عن الطعام منذ 8 مارس/آذار 2011 إلى حين إغلاق ملف الاعتقال السياسي، في حين قرر أهالي المعتقلين السياسيين تنفيذ وقفة تطالب بالإفراج عنهم أمام وزارة الداخلية السورية في 16 مارس/آذار 2011 (وهو ماحدث فعلا). وجاء إضراب المعتقلين السياسيين بعد إصدار الرئيس السوري عفوا رئاسيا عاما عن الجرائم المرتكبة قبل تاريخ 7 مارس/آذار 2011 خلا من الإشارة إلى معتقلي الرأي والسياسيين، لكنه شمل المحامي هيثم المالح (80 سنة) لتجاوز سنه السبعين، ما أثار خيبة أمل حقوقية في سوريا.

طريقة تغير ايقونة مدونه بلوجر

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

اليوم ساشرح لكم كيفية تغير ايقونة مدونه بلوجر

ما هى ايقونة المدونه : هى صوره صغيره مربعة الشكل بقياس 20x20 ويمكت تصميمها بشكل اكبر في كل الأحول يعيد المتصفح تصغيرها . أما امتداد الصورة فيجب أن يكون .ico أو .png .

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

كود HTML:

<b:skin>

خامسا : نضع اعلها هذا الكود

كود HTML:

<link href='رابط الأيقونة يوضع هنا' rel='shortcut icon'
type='image/vnd.microsoft.icon'/>

لا تنسى تضع رابط الايقونه مكان " رابط الأيقونة يوضع هنا " .

كى تكون النتيجه هكذا



من صالح دعائكم

 http://nmasr.com/vb/showthread.php?t=234013

 http://nmasr.com/vb/showthread.php?t=234013

انشاء صفحات راسلني أو تواصل معي بلوجر blogger

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

سيتم الشرح على موقع يوفر هذه الخدمة اولا اضغط على اسم الموقع لدخول

foxyform

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

- انسخ الكود الناتج

من لوحة التحكم قم بإنشاء صفحة جديدة ( الصفحات  .. صفحة جديدة .. صفحة فارغة ) .

اكتب في العنوان راسلني أو تواصل معنا او أي إسم أخر , ثم اختر وضع HTML وقم بلصق الكود , وأخيرا إضغط نشر .

- لمنع التعليقات علي هذه الصفحة  {  خيارات .. تعليقات القراء .. عدم السماح .. تم } .

 

- قم بترتيب الصفحات ثم إضغط " حفظ الترتيب " .

- سيكون شكل الصفحة بهذا الشكل

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

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

]]></b:skin>

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

.subscribe{background-color:#399FFF;background-image:-moz-linear-gradient(left top,#9bcfff 40%,#0e8aff 60%,#9bcfff 87%);border:1px solid #0E8AFF;background-image:-webkit-linear-gradient(left top,#9bcfff 40%,#0e8aff 60%,#9bcfff 87%);background-image:-o-linear-gradient(left top,#9BCFFF 40%,#198FFF 60%,#9BCFFF 87%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9BCFFF',endColorstr='#0E8AFF');height:260px;margin:-13px 0px -40px 35px;overflow:hidden;width:295px}div.subscribe{text-align:right;width:300px;margin-right:-30px}.gmail{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg16h1zwJPV3-JbIJ1B4CP1I3f5SgJJIZ6TPtVhcEpPhZ5kb2-9CZfqSIET2iunsdxyoHLh2wsj1AHHo8U9i5pb-SX2rPMedGvT_5ASl_BA8tPgqlnmXAdOBhohVmEspzphgSgKRGdvda5l/s64/gmail.png") no-repeat scroll 100% 0 transparent;color:#FFF;font:bold 12pt Arial,Helvetica,sans-serif;height:60px;padding:10px 70px 0px 0px}#burner{border-bottom:2px groove #2681d5;padding-bottom:15px}#burner .email{background-color:#bddfff;border:1px solid #2681d6;border-radius:5px 5px 5px 5px;font:9pt Tahoma,Geneva,sans-serif;padding:0 10px;width:180px;direction:rtl;margin-right:20px;height:30px;line-height:30px}#burner .email:focus{background-color:#fff;box-shadow:0 0 20px #FFF}#burner input{height:30px}#burner .send{background-color:#bddfff;border:1px solid #2681d6;border-radius:5px 5px 5px 5px;color:#000;font:bold 9pt Tahoma,Geneva,sans-serif;padding:0 5px;width:50px;float:left;margin-left:10px}#burner .send:hover{background-color:#065eb0;color:#FFF}.social{width:250px}.social li{float:right;margin-right:20px}.share p{font:bold 15pt Arial,Helvetica,sans-serif;color:#fff;text-align:center;padding-top:20px;text-shadow:5px 5px 5px #000}.share a{float:right;margin:35px 22px 40px 0px}

الآن قم بحفظ القالب وتوجه لتخطيط المدونة واختر إضافة أداة ثم HTML/JAVASCRIPT ثم أضف الكود الآتي.

<div class="subscribe">

                <div class="gmail">ضع بريدك الإلكتروني ولاتنسى تفعيله من علبة الواردات ليصلك جديد الموقع أول بأول</div><!--end gmail-->

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

                    <input class="email" type="text" onclick="this.value=''" onblur="this.value=!this.value?'ادخل بريدك الالكترونى ..':this.value;" name="email" value="ادخل بريدك الالكترونى .." />

                    <input type="hidden" name="uri" value="ar-engineers" />

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

                    <input class="send" type="submit" value="اشترك" /><br />

<p style="margin-top:15px;text-align:center;"><a href="http://feeds.feedburner.com/ar-engineers"><img src="http://feeds.feedburner.com/~fc/ar-engineers?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a></p>

                </form>

<p style=" font:bold 15pt Arial, Helvetica, sans-serif;color:#fff;text-align:center;text-shadow:5px 5px 5px #000;">تابعنا على</p>

                <div class="share" style="margin-top:-20px;">

                

                    <div id="fb"><a class="menu" title="الفيسبوك" href="http://www.facebook.com/Ar-engineers" target="_blank"><img src="http://cdn3.iconfinder.com/data/icons/iconshock-social/png/48/facebook.png" alt="fb"/></a></div>

                    <div id="tw"><a class="menu" title="تويتر" href="https://twitter.com/Ar-engineers" target="_blank"><img src="http://cdn3.iconfinder.com/data/icons/iconshock_social/png/48/twitter.png" alt="tw" /></a></div>

                    <div id="rss"><a class="menu" title="الخلاصة" target="_blank" href="http://feeds.feedburner.com/ar-engineers"><img src="http://cdn1.iconfinder.com/data/icons/iconshock_social/png/48/rss.png" alt="rss" /></a></div>

                    <div id="yt"><a class="menu "title="اليوتيوب" target="_blank" href="http://www.youtube.com/user/ar-engineers"><img src="http://cdn1.iconfinder.com/data/icons/iconshock_social/png/48/youtube.png" alt="yt" /></a></div>

                </div><!--end share-->

            </div><!--end subscribe-->

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

                            && إذا أعجبك الموضوع قم بمشاركته ولاتكن ممن يحتكر المعلومة && مع ذكر المصدر