loading...

This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com - For more arabic templates visit: www.arblogger-templates.com.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com - For more arabic templates visit: www.arblogger-templates.com.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com - For more arabic templates visit: www.arblogger-templates.com.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com - For more arabic templates visit: www.arblogger-templates.com.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com - For more arabic templates visit: www.arblogger-templates.com.

الخميس، 2 مايو 2013

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


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


بسم الله الرحمن الرحيم , السلام عليكم ورحمة الله وبركاته بعد تقديم درس " زر أعجبني من الفيس بوك لمدونات بلوجر " , اردت ان اشرح طريقة إضافة زر أعجبني و زر المشاركة أسفل تدوينات بلوجر ليتم مشاركة تدويناتك على موقع التواصل الاجتماعي فيس بوك ويجلب لك زواراً من الشبكات الاجتماعية ويلعب دوراً هاماً فى نشر مدونتك ! 


                                                  لا تنسى حفظ نسخة احتياطية من القالب قبل اى تعديل


قم بــ "توسيع قوالب عناصر واجهة المستخدم"


<body>
 ضع بعده ( تحته ) هذا الكود :



 <div id="fb-root"></div>
<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);
}(document, 'script', 'facebook-jssdk'));</script>
ابحث عن هذا الكود( إذا وجدته اكثر من مرة فالكود الاخير هو المقصود )

<data:post.body/>
 ضع هذا الكود بعده ( تحته )

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <fb:like send="false" width="450" show_faces="false" font="tahoma"></fb:like>
 </b:if>
لإظهار زر المشاركة share بجانب زر الاعجاب بدل ما باللون الاحمر ( كلمة false ) بكلمة true قم بحفظ القالب , ومبروووك الإضافة والسلام عليكم ورحمة الله وبركاته

إضافة تابعني عبر الشبكات الاجتماعية بشكل ذهبي


إضافة تابعني عبر الشبكات الاجتماعية بشكل ذهبي


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

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


  1.  متوافقة مع جميع المتصفحات
  2.  إضافة تتميز بالخفة والسرعة ولا تأثر فى سرعة الموقع
  3.  تتميز بأيقونات ذهبية جذابة مصممة بتقنية html و اللتقنية الاحترافية Css3
  4.   به خاصية الدوران عند مرور الماوس على الأيقونة
  5.   متوافقة مع محركات البحث بحيث انى أضفت وسم النوفولو
  6.   الإضافة مرنة وتظهر فى اى مكان بمعنى انها إذا وضعت فى السايد بار تظهر بحجمه وإذا وضعت فى اى مكان تظهر بحجمه !     
شرح تركيب الإضافة على بلوجر:

لوحة تحكم بلوجر > التخطيط ( عناصر الصفحة ) > إَصافة أداة > Html/JavaScript  ثم أضف هذا الكود :

<style>
/*Social Networks Widget Dev By (www.blogger-araby.blogspot.com */

.Social-Networks-Sherif{
padding:0px;
margin:1px;
text-align:center;
direction:rtl;
}
.Social-Networks-Sherif:hover{
padding:0px;
margin:1px;
text-align:center;
direction:rtl;
transform:rotate(360deg);
-ms-transform:rotate(360deg); /* IE 9 */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.sherif {
text-align:center;
background:rgb(216, 230, 235);
border:1px solid rgb(159, 150, 250);
-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;border-radius:10px;
}
.sherif1 {
font-family:tahoma;
text-align:right;
margin:2px;
background:none repeat scroll 0% 0% rgb(235, 235, 235);
border:1px solid rgb(200, 200, 200);
-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;border-radius:10px;
}
/*Social Networks Widget Dev By (www.blogger-araby.blogspot.com */
</style>


<div class='sherif'>
<a rel='nofollow' href="GPLUS_URL" target="_blank"><img class='Social-Networks-Sherif' title="تابعنى عبر جوجل بلس" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqCav9gDcvEKf-oyo-dGIB-q0zqXEv2uPp9KZIxHwOeqCNqrAUPPi1kCU0UI9ct8-kINFVCJXZcoaB6Wp5CyYOdOwoczBni8WHcXLZFjXiLGWIy8JWA68yZpdeg9jw9F7YakFAMENjBq2q/s1600/google-plus-icon.png" /></a>

<a rel='nofollow' href="FACEBOOK_URL" target="_blank"><img class='Social-Networks-Sherif' title="تابعنى عبر الفيس بوك" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhBSb4RGWDNGgDzDpyTfttERm-nF1_Gg0Ej9XsPX1lSNyCHYGaiNUgHnqZJezFYjAYIXhvvWZs37bT6NQfFg1-kB9plAEeRHt-K2tUxqjYCJKgDYKzXWROKmz42I7yGiIgL087mdw1tIIj/s1600/facebook-icon.png" /></a>

<a rel='nofollow' href="TWITTER_URL" target="_blank"><img class='Social-Networks-Sherif' title="تابعنى على تويتر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsfy2eIm_twCUJ2tFvU3U3SP4LAkzUKcktt5AuBLYIcrXdQ5BYO5gFDDx14QQVv9SxzXETAwyK2zTg7nq-VvHAV555qfNIBcSqADB16fY4n3WY1N0qSohsJ672evPQG3ZX5kBkeBmR5R0B/s1600/twitter-icon.png" /></a>

<a rel='nofollow' href="FEED_URL" target="_blank"><img class='Social-Networks-Sherif' title="تابعنى عبر الخلاصة" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3oJLoPaK6_7h6n5lObVz65ct8v20O77S0-swR3tb4Ls0rh0KlzooO0fT89dFkC2a0lKpMM8gEPJskjMlhKkDG24oWjwZlaxiRDBsnAs8cY6GzBfT-o_A5MFTdvfeUy6HIPIzxX-jp5FZL/s1600/feed-icon.png" /></a>

<div class='sherif1'>
<small>
<a rel='dofollow' href='http://www.blogger-araby.blogspot.com'>إضافات بلوجر</a></small>
</div>
</div>
في انتضار ردودكم و تسائلاتكم

زر أعجبني من الفيس بوك لمدونات بلوجر


زر أعجبني من الفيس بوك لمدونات بلوجر


بسم الله الرحمن الرحيم اهلا بكم فى تدوينة جديدة ! الفيس بوك Facebook من الشبكات الاجتماعية الاكثر شهرة على مستوى العالم , فهو يضم ملايين المستخدمين على مستوى العالم  كما انه يضم عدداً كبيرا من المستخدمين العرب وهذه هى النقطة المهمة .... فبمجرد ان يقوم زائر مدونتك بالضغط على زر أعجبني Like يتم نشر موضوعك على الفيس بوك مما يزيد من زوار موضوعاتك

             لا تنسى حفظ نسخة احتياطية من قالبك قبل اى تعديل 

شرح إضافة زر أعجبني من الفيس بوك لمدونات بلوجر

   اذهب الى  لوحة تحكم بلوجر اضغط على اسم مدونتك

  اضغط على " قالب "
  ثم  "تحرير Html "

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

<body>
ضع هذا الكود تحته ( بعده ) : 


<div id="fb-root"></div>
<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);
}(document, 'script', 'facebook-jssdk'));</script>
 قم بحفظ القالب واذهب الى " تخطيط " اضغط على " اضف أداة " ثم  Html/JavaScript وضع هذا الكود

<fb:like send="false" width="450" show_faces="false" font="tahoma"></fb:like>
  tahoma نوع الخط 450 عرض الاداة وهو مناسب لإظهار زر المشاركة share بجانب زر الاعجاب بدل ما باللون الاحمر ( كلمة false ) بكلمة true  اختر المكان المناسب للأداة ثم اضغط " حفظ الترتيب " وفى لقاء جديدة مع شرح إضافة زر أعجبنى فيس بوك و زر المشاركة  اسفل تدوينات بلوجر وفقكم الله , السلام عليكم 

شرح اضافة الميتا تاج لمدونات بلوجر


شرح اضافة الميتا تاج لمدونات بلوجر



بسـم الله الـرحمن الرحـيم اهلا بكم في درس سيو جديد ومهم لكل المدونات والجديدة بالتحديد  مما لا شك فيه ان الميتا تاجز  Meta Tags مهمة جدا لانها هى التى توضح نوع محتوى موفعك لدى محركات البحث , مما يساعد في صداقة محركات البحث , وسرعة الارشفة ..!


  • اذهب الى لوحة تحكم بلوجر
  •  اختر تصميم ثم "قالب"  ( تحرير Html )
  •  ابحث عن هذا الكود :
<b:skin>
ضع فوقه هذا الوسم 
<meta content='Your-Keywords-HERE' name='keywords'/>
<meta content='Your-description-HERE' name='description'/>
استبدل ما باللون الاحمر بالكلمات الدلالية ولا تنسى ان تفصلها بفاصلة "," استبدل ما باللون الازرق بالوصف الدلالى وهو عبارة عن وصف لموقعك او مدونتك ويتكون من سطر ونص او سطرين  قم بحفظ القالب , وستلاحظ تحسن النتائج بعد فترة وجيزة ..  والسلام خير ختام السلام عليكم 

اضافة موقعك الى محركات البحث Google و Yahoo و Bing


اضافة موقعك الى محركات البحث Google و Yahoo و Bing


                                                             بسم الله والصلاة والسلام على محمد رسول الله 
                                      موعدنا اليوم مع شرح اضافة موقعك او مدونتك في محركات البحث مثل
                                    Google - Yahoo - Bing - Excite - Altavista - AOL  - ASK                                      
                                                                 والكثير من محركات البحث .

تابع الشرح بالتفصيل ...

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

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

 في بناء موقع ناجح او مدونة ناجحة لها  زوار , ولكن يجب ان 

يكون هناك محتوى جبدحتى تظهر نتائح مدونتك او موقعك في 

محركات البحث .

شرح اضافة موقعك أو مدونتك في محرك البحث جوجل Google

ملحوظة : هناك فرق بين اضافة موقعك الى ارشيف جوجل واضافته 

الى ادوات مشرفى المواقع WebMaster Tools وسيتم شرح

 ذلك قي المواضيع القادمة بإذن الله . 



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

موقعك او مدونتك في جوجل تغنيك عن باقى المواقع ولكن يجب 

علينا اضافة الموقع لجميع محركات البحث لضمان اعلى النتائج .

اتبع الخطوات التالية :- 

ملحوظة : قم بوضع رابط الصفحة الرئيسية فقط والموقع سوف 

يضيف باقى الصفحات

اتبع الشرح في الصورة :-
قم بكتابة عنوان موقعك في خانة URL
مع العلم انه يجب كتابة عنوان الموقع بهذه الطريقة :-
بداية الرابط :
http://www.
نهاية الرابط علامة الفاصلة المائلة
/
اى بالشكل التالى
http://www.yousite.com/
ثم اضف وصفاً قصيراً او كلمات مفتاحية في خانة " تعليقات " هكذا انتهينا من اضافة موقعك في جوجل مبروك عليك .  ---  شرح اضافة موقعك في محرك البحث ياهو Yahoo بالنسبة لإضافة موقعك الى  ياهو فإن ياهو اعلنت يوم 21 نوفمبر 2011 دمج ادوات مشرفى المواقع الخاصة بها مع محرك البحث Bing اذاً بمجرد اضافة موقعك في محرك البحث Bing سيتم اضافته ايضا الى محرك البحث Yahoo . (اعتقد انها خطوة لتحدى محرك البحث جوجل)
شرح اضافة موقعك في محرك البحث Bing (وبالتالى اضافته 


 مدونتك الى محرك البحث Bing ملحوظة : قم بوضع رابط 

الصفحة الرئيسية فقط والموقع سوف يضيف باقى 

الصفحات . اتبع الشرح الموجود في الصورة:-


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

:- قم بكتابة عنوان موقعك في خانة URL   مع العلم انه يجب كتابة عنوان الموقع 

بهذه الطريقة :- بداية الرابط :

 http://www. 

نهاية الرابط علامة الفاصلة المائلة / اى بالشكل التالى
http://www.yoursite.com/
هكذا تكون انتهيت من اضافة موقعك في اقوى 3 محركات بحث , تابع الشرح لإضافة موقعك في الكثير من محركات البحث متوسطة المستوى ادخل على هذا الموقع : Web Submission وقم بإضافة موقعك لمجموعة كبيرة من محركات البحث . اتمنى ان اكون قد وفقت يدى من ربى  لكتابة هذا الموضوع . ارجو ان يعجبكم والســلام عليكم .



اضافة خاصية " إقرأ المزيد" لمدونات بلوجر


اضافة خاصية " إقرأ المزيد" لمدونات بلوجر



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

توجه إلى لوحة التحكم =>اختر تصميم => تحرير HTMLقم بتوسيع القالب , “قم 
بتحميل نسخة احتياطية من قالب مدونتك تحسبا لأي خطأ”وأبحث عن الكود التالي :
</head>
                     ثم ضع هذا قبله ( فوقه ) :
<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 500;
summary_img = 450;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://blogger-araby.googlecode.com/svn/Read-More.js' type='text/javascript'/>
ما باللون الاحمر هو طول الملخص بدون صورةما باللون الازرق هو 

طول الملخص بصورةما باللون الاخضر هو ارتفاع الصورما باللون 

الارجوانى هو عرض الصورة

                       ثم إبحث عن هذا الكود : 
<data:post.body/>
واستبدله بهذا الكود :
<p><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> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>
يمكنك استبدال ما باللون الاحمر بالكلمة التى تريدها ...لإضافة 

صورة بدلا من كلمة إقرأ المزيد استبدل ما باللون الاحمر بالكود 

التالى :
 <img src="رابط الصورة" /> 
يمكنك تغيير رابط الصورة المحدد باللون الاحمر ووضع اى صورة تناسبك وهذه بعض الصور لتختار منها :-
اذا اردت اى لون اخر اكتبه في تعليق وان شاء الله احضره لك في الحال !هكذا بفضل الله تعالى إنتهى الموضوع ,منتظر استفساراتكم .الســلام علــيكم .

تغيير شكل الفيس بوك


تغيير شكل الفيس بوك

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