اضافة اداة التواصل الاجتماعى على مدونات بلوجر

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

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

{ اهلا شــباب كيف الحال؟! بخيـر إن شــاء الله }

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

فى هذه التدوينة أجمع لكم أفضل 3 أدوات تابعنا { مواقع التواصل الاجتماعى }

لمدونات بلوجر غاية فى الروعة

   صور من الادوات   

أولا تلك الأدوات تضاف فى HTML/JavaScript  الموجودة فى التخطيط

  الأداة الأولى  

<div class="widget-content"><div class="social-icone"><a href="http://www.youtube.com/subscribe_widget?p=f3hQtCRBSdQ5MYnu8eEK4g" rel="nofollow" target="_blank"><div class="you-icone"><b>1000</b><span>مشترك</span></div></a><a href="http://www.twitter.com/***" rel="nofollow" target="_blank"><div class="twt-icone"><b>1000</b><span>متابع</span></div></a><a href="https://www.facebook.com/internet.programation" rel="nofollow" target="_blank"><div class="face-icone"><b>1500</b><span>معجب</span></div></a><a href="http://feeds.feedburner.com/hukmat" rel="nofollow" target="_blank"><div class="rss-icone"><b>2.000</b><span>مشترك</span></div></a></div></div><-----http://mohamedmagdym1.blogspot.com----->


  الأداة الثانية  

<div class="widget-content"><div class="social" style="-webkit-transition: all 0.3s ease-in-out; background-color: #e9e9e9; background-position: initial initial; background-repeat: initial initial; height: 48px; margin-bottom: 5px; text-align: right; width: 300px;"><a href="https://www.facebook.com/internet.programation" style="-webkit-transition: all 0.3s ease-in-out; color: #a72c02; font-family: tahoma; font-size: 12px; line-height: 16px; text-align: start; text-decoration: initial;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbX_R85FjTjDAimg42RTDa7IgPa1uwUZFwmDGJ7Z1bomZeKdEHJiH4BP4GOoRp-VHuDdQYwJl6R546Yl2jQhdVxhWSEWIQuWZ-HyPaaRGzVLUpZHUxEuOnOGL7QS1kfy_cwYZPn_P0luI/s1600/face.png" style="-webkit-transition: all 0.3s ease-in-out; border: none; float: right; position: relative;" /><b style="-webkit-transition: all 0.3s ease-in-out; color: #575757; float: right; font-family: droidkufi-bold, tahoma sans-serif; font-size: 19px; line-height: 47px; padding-left: 10px; padding-right: 16px;">1000</b><span style="-webkit-transition: all 0.3s ease-in-out; float: right; line-height: 47px; padding-left: 10px;font-family:droidkufi-bold, tahoma sans-serif;color:#9f9d9d;">معجب على الفيسبوك</span></a></div><div class="social" style="-webkit-transition: all 0.3s ease-in-out; background-color: #e9e9e9; background-position: initial initial; background-repeat: initial initial; height: 48px; margin-bottom: 5px; text-align: right; width: 300px;"><a href="http://feeds.feedburner.com/Hukmat" style="-webkit-transition: all 0.3s ease-in-out; color: #a72c02; font-family: droidkufi-bold, tahoma sans-serif; font-size: 12px; line-height: 16px; text-align: start; text-decoration: initial;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghtDRPsdGpb2I7f1ryC6DmYhWbyqpQdGeAQYx5PnNy7xnug6UhYMQOVEKgGLA_pysUVce9wTn-TkwjmcyjPAAG7kfHtM-lCLuWVVdSt_Rxt9jd9zj4oLs-vzEow4qtUMg-RW73K9Ogb0s/s1600/RSS.png" style="-webkit-transition: all 0.3s ease-in-out; border: none; float: right; position: relative;" /><b style="-webkit-transition: all 0.3s ease-in-out; color: #575757; float: right; font-family: droidkufi-bold, tahoma sans-serif; font-size: 19px; line-height: 47px; padding-left: 10px; padding-right: 16px;">+++</b><span style="-webkit-transition: all 0.3s ease-in-out; float: right; line-height: 47px; padding-left: 10px;font-family:droidkufi-bold, tahoma sans-serif;color:#9f9d9d;">مشتركاً</span></a></div><div class="social" style="-webkit-transition: all 0.3s ease-in-out; background-color: #e9e9e9; background-position: initial initial; background-repeat: initial initial; height: 48px; margin-bottom: 5px; text-align: right; width: 300px;"><a href="http://www.youtube.com/subscribe_widget?p=f3hQtCRBSdQ5MYnu8eEK4g" style="-webkit-transition: all 0.3s ease-in-out; color: #a72c02; font-family: droidkufi-bold, tahoma sans-serif; font-size: 12px; line-height: 16px; text-align: start; text-decoration: initial;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8MTl1NpXaWdMnH3zIB2uvrQ7ObpFpK4RcxmCAirYLu6c3pIkYXNLX6mGlwvLH9qr3m-c_oiMPtlSi9HKk3s_K4ZCYOAPtFsS8gllWfGyy79dMdT35q12Mhag3gLzCM_JMEeZ5BC6Ca5g/s1600/youtube.png" style="-webkit-transition: all 0.3s ease-in-out; border: none; float: right; position: relative;" /><b style="-webkit-transition: all 0.3s ease-in-out; color: #575757; float: right; font-family: droidkufi-bold, tahoma sans-serif; font-size: 19px; line-height: 47px; padding-left: 10px; padding-right: 16px;">+++</b><span style="-webkit-transition: all 0.3s ease-in-out; float: right; line-height: 47px; padding-left: 10px;font-family:droidkufi-bold, tahoma sans-serif;color:#9f9d9d;">مشتركين على يوتيوب</span></a></div></div><div class="clear"></div><span class="widget-item-control"><span class="item-control blog-admin"><a class="quickedit" href="//www.blogger.com/rearrange?blogID=4154461973978148447&widgetType=HTML&widgetId=HTML14&action=editWidget§ionId=footer-2-3" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML14"));" target="configHTML14" title="تحرير"><img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" height="18" width="18" /></a></span></span><div class="clear"></div><----mohamedmagdym1.blogspot.com---->

  الأداة الثالثة  

صورتها موجوده قى مدونتى

<div align="center"><ul class="spicesocialwidget"><li class="skype"><a href="http://www.skype.com/mohamed301050" rel="nofollow" target="_blank" title="Skype"></a></li><li class="facebook"><a href="http://www.facebook.com/mohammedmagdym1" rel="nofollow" target="_blank" title="facebook"></a></li><li class="twitter"><a href="http://twitter.com/mohammedmagdym1" rel="nofollow" target="_blank" title="twitter"></a></li><li class="googleplus"><a href="https://plus.google.com/+MohamedMagdyReyad" rel="nofollow" target="_blank" title="googleplus"></a></li><li class="youtube"><a href="http://www.youtube.com/c/mohamedmagdyreyad" rel="nofollow" target="_blank" title="youtube"></a></li><li class="rss"><a href="http://feeds.feedburner.com/blogspot/gxaeG" rel="nofollow" target="_blank" title="rss"></a></li></ul></div><style>ul.spicesocialwidget {text-align: center;} ul.spicesocialwidget li {float:left;list-style: none outside none;border:none;} ul.spicesocialwidget li a{background-color:transparent;background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiKlxIl3ISdssaEBq5zjmUDWy25e5TxgMuLk4u7FfrLOIuZZnZz7ydlCifYvZtwgw-Du1SZjMe1BZAQLHYJNqSu_w-07I43bKcwce7WKQhV3mYRSdx0b-08sgGGLF1sICJo-lOr0AbZPsA/s1600/spice-social-gadget-sprite.png');background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:white;direction:ltr;display:block; height:32px;overflow:hidden;text-align:center;text-decoration:none;text-indent:-999em;transition:all 0.2s ease 0s;width:32px} .ie7 ul.spicesocialwidget li a, .ie8 ul.spicesocialwidget li a{background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiKlxIl3ISdssaEBq5zjmUDWy25e5TxgMuLk4u7FfrLOIuZZnZz7ydlCifYvZtwgw-Du1SZjMe1BZAQLHYJNqSu_w-07I43bKcwce7WKQhV3mYRSdx0b-08sgGGLF1sICJo-lOr0AbZPsA/s1600/spice-social-gadget-sprite.png' )} ul.spicesocialwidget li.facebook a{ background-position:0 0} ul.spicesocialwidget li.googleplus a{ background-position:-96px 0} ul.spicesocialwidget li.linkedin a{ background-position:-128px 0} ul.spicesocialwidget li.pinterest a{ background-position:-160px 0} ul.spicesocialwidget li.rss a{ background-position:-192px 0} ul.spicesocialwidget li.skype a{ background-position:-224px 0} ul.spicesocialwidget li.twitter a{ background-position:-256px 0} ul.spicesocialwidget li.vimeo a{ background-position:-288px 0} ul.spicesocialwidget li.youtube a{ background-position:-320px 0} ul.spicesocialwidget li.facebook a:hover, #sidebar ul.spicesocialwidget li.facebook a:hover{ background-position:0 -32px} ul.spicesocialwidget li.googleplus a:hover, #sidebar ul.spicesocialwidget li.googleplus a:hover{ background-position:-96px -32px} ul.spicesocialwidget li.linkedin a:hover, #sidebar ul.spicesocialwidget li.linkedin a:hover{ background-position:-128px -32px} ul.spicesocialwidget li.pinterest a:hover, #sidebar ul.spicesocialwidget li.pinterest a:hover{ background-position:-160px -32px} ul.spicesocialwidget li.rss a:hover, #sidebar ul.spicesocialwidget li.rss a:hover{ background-position:-192px -32px} ul.spicesocialwidget li.skype a:hover, #sidebar ul.spicesocialwidget li.skype a:hover{ background-position:-224px -32px} ul.spicesocialwidget li.twitter a:hover, #sidebar ul.spicesocialwidget li.twitter a:hover{ background-position:-256px -32px} ul.spicesocialwidget li.vimeo a:hover, #sidebar ul.spicesocialwidget li.vimeo a:hover{ background-position:-288px -32px} ul.spicesocialwidget li.youtube a:hover, #sidebar ul.spicesocialwidget li.youtube a:hover{ background-position:-320px -32px} </style>

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

{ بــسم الله الـرحمـن الرحــيم }

{ الســلام علـــيكم ورحمـة الله وبركـاتــه }.

{ اهلا شــباب كيف الحال؟! بخيـر إن شــاء الله }

الكثير من المدونين يرون القالب مزعجا بهذه العلامة وأيضا يكرهها بعض الزورا

فى هذه التدوينة سنحل هذه المشكلة بإذن الله

   شـرح الطريقة   

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

وضع هذا الكود فوقه

<!-- [ CSS By mohamedmagdym1.blogspot.com] --> <link href='https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css' rel='stylesheet' type='text/css'/> <link href='//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/> <link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/> <style type="text/css"> <!-- /*

ثم اختر حفظ وتلاحظ عدم ظهور الأيقونة

أتمنى أن ينال اعجابكـم كلمة شــكر منك تجــعلــنا نقدم أفضل مـا لدينــا وتشجعنـا على 
العمـل دائمـا فلا تترك المدونة قـبل ترك تعليق وشكـرا لزوارنـا وأعضائنـا الكرام 
انتظرونـا فى دروس جديدة بإذن الله

وضع جميع الاعلانات بجميع الأحجام فى مواضيع بلوجر وبشكل متناسق

{ بــسم الله الـرحمـن الرحــيم }

{ الســلام علـــيكم ورحمـة الله وبركـاتــه }.

{ اهلا شــباب كيف الحال؟! بخيـر إن شــاء الله }

درس اليَــوم : طريقة وضع اعلانات اى موقع فى جميع مواضعك وبشكل متناسق 

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

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

جعل المقدمة والاعلان يكونان فى كل مواضيعك

   صور من الاعلانات   

صورة اخرى

   شاهد الفيديو   

أتمنى أن ينال اعجابكـم كلمة شــكر منك تجــعلــنا نقدم أفضل مـا لدينــا وتشجعنـا على 
العمـل دائمـا فلا تترك المدونة قـبل ترك تعليق وشكـرا لزوارنـا وأعضائنـا الكرام 
انتظرونـا فى دروس جديدة بإذن الله

تحسين سيو موقعك ومعرفة أخطاء الموقع واصلاحها

{ بــسم الله الـرحمـن الرحــيم }

{ الســلام علـــيكم ورحمـة الله وبركـاتــه }.

{ اهلا شــباب كيف الحال؟! بخيـر إن شــاء الله }

درس اليَــوم :موقع رائع وفريد من نوعـه لتحسين سيو موقعك

موقع ... سيفيد الكثير من المدونين ومن يريدون تحسين seo موقعهم
الطـريقة مجانـيه تمـاما
أولا ادخـل الى الموقع مـن هــذا الـــرابط 
بعد الدخول الى الموقع اكتب رابط موقعك فى خانة Website URL
ثم قم بالضغط على  Check up 
بعد ذلك ستظهر لك نافذة بهـا كالتـالى : ـ
المربع المظلل باللون الأحمر هو أخطاء موقعك ويمكنك اصلاحها بالضغط علىHow to fix كما فى الصورة

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

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

بـــسم الله الرحـمن الرحـــيم 
{ الســـــلام علـــــيكم ورحمـــة الله وبركاتــه }
{ اهلا شباب كيف الحال إن شاء الله بخير }.

الــيوم درس بلوجر طريقة معرفة المتواجدون الحاليين على مدونتك أو موقعك

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

• أولا : ادخل الى هـذا الموقع 99counters وسجل حساب عليه

• ثانيا : بعد تسجيل الحساب والدخول الى حسابك اضغط على Create a Counter ( إنشاء عداد ) 

{ صورة للتوضيح }

ومن ثم تضبط الاعدادات كما تحب وبعد ذلك تضغط Save وبعدها سيعطيك كود تذهب به الى بلوجر وتضيف أداة HTML/JavaScript وتضع الكود فيها وتحدد المكان الذى تريد وضع الإضافة فيه

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

طريقة اضافة أشخاص لمدونتك للنشر معك واضافة أفكار جديدة

بـــسم الله الرحـمن الرحـــيم 
{ الســـــلام علـــــيكم ورحمـــة الله وبركاتــه }
{ اهلا شباب كيف الحال إن شاء الله بخير }.

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

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

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

بعد إضافتك لهذا الشخص يمكنك تحديد له اجرائين مؤلف أو مشرف

المؤلف يستطيع رأية المشاركات والاعدادات ويستطيع النشر 

اما المشرف وهو كدور المسؤول

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

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

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

  شرح تركيب الأكواد  

من قائمة {نظرة عامة} اختر مشاركه جديدة وبعدها اضغط على HTML  كما فى الصورة

وبعدهــا تضع هذا الكود وتختار مكان المنشور من التسميات

<div dir="rtl" style="text-align: right;" trbidi="on"><iframe align="middle" border="0" frameborder="0" height="600" name="ps" src="http://pixlr.com/editor/" width="600"></iframe><br /><div id="fb-root"></div><div style="text-align: center;"><script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs);http://chatolk.blogspot.com/ }(document, 'script', 'facebook-jssdk'));</script><span style="color: #999999; font-size: xx-small;">product by <a href="http://chatolk.blogspot.com/2014/04/photo-shop-online.html" target="_blank"><span style="color: #999999;">Mohamed Magdy Reyad</span></a></span></div></div>

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