-->
‏إظهار الرسائل ذات التسميات أدوات بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات أدوات بلوجر. إظهار كافة الرسائل

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

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

طريقة الحصول على ازيد من 2400 باك لينك مجانا ( Backlink )

Backlink
الموضوع اليوم عن عُملة المواقع او مايسمى باك لينك Backlinks و هي الروابط الخارجية التي تشير الى موقعك سواء من نفس موقعك |صفحات داخلية internal او من مواقع اخرى | External Backlinks يجهل الكثيرين معنى او اهمية هذه الروابط ، في الحقيقه هي مثل النقود تماماً حيث انه كل ما زادت الروابط المشيرة الى موقعك كل ماكان موقعك غني و يزوره الكثيرين .
لم تستوعب ماقلت بالأعلى ؟ 
بكل بساطه اعتبر ان كل رابط يشير الى موقعك ثمنه دولار فإذا افترضنا ان موقعك لديه 1000 رابط (باك لينك) هذا يعني ان رصيدك 1000 دولار، عندما تكون عميل في البنك و رصيدك 1000 دولار هل سيتم معاملتك في البنك بنفس المعامله التي يحظى بها شخص رصيده مليون دولار ؟

بكل تأكيد لا، لأن صاحب الرصيد العالي سيكون له الأولوية في كل شيء ، بهذا المثل نرى ان محركات البحث تعامل المواقع، من لديه 1000 باك لينك  ليس هو الذي عنده 50 الف باك لينك، من يملك اكثر تضع له جوجل درجه أعلى حسب تقييمها ( البيج رانك ) و يظهر في اول النتائج و يكسب اكبر عدد من الزوار و بالتالي يكسب مادياً عبر موقعه .

كيف احصل على اكبر عدد من الروابط المشيرة الى موقعي (الباك لنكس) لكي اصل في اول النتائج؟ هذا ما سنعرف في هذه الحلقة فهناك العديد من الطرق لكن في هذا الفديو ساريكم طريقة سهلة جداً ، لا اطيل عليكم فرجة ممتعة.
الموقع المستعمل: IMTalk

قالب المحترف بكل مزاياه

Th3pro
بعد غياب ليس طويلا أعود مجددا بقالب المحترف الأخير وبكل مزاياه مجانا فقط في مدونتكم محترفي التقنية.

ولمن يريد هذه الإضافة فهي بين ايديكم:
http://www.th3professional.com/
<div class="social-icone">
<a href="https://www.youtube.com/user/theprofeify" target="_blank">
<div class="you-icone">
<b>2000</b>
<span>مشترك</span>
</div>
</a>
<a href="https://twitter.com/Thepofessional">
<div class="twt-icone">
<b>2000</b>
<span>متابع</span>
</div>
</a>
<a href="https://www.facebook.com/ExpertsPrograms" target="_blank">
<div class="face-icone">
<b>2000</b>
<span>معجب</span>
</div>
</a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=allabouch">
<div class="rss-icone" target="_blank">
<b>2000</b>
<span>مشترك</span>
</div>
</a>
</div>
 تحميل القالب من هنا

قالب بلوجر تقن (I Gadgets)


أقدم لكم قالب بلوجر معرب (I Gadgets) وهو قالب بلوجر للمدونات التقنية لكن يمكن استعماله في جميع المدونات بعد تعديل بسيط سوف نذكره لاحقا, وهذا القالب صمم منذ مدة ليست بالقصيرة وقد إرتأينا أن ننفض الغبار عنه وقمنا بتعديل بعض الأشياء فيه وهانحن نقدمه لكم .

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

التعديل الوحيد الممكن هو لإزالة الصورة التي بجانب العنوان المتمثلة في صورة هواتف محمولة لكي يصبح القالب صالحا للمدونات الغير تقنية وللقيام بذلك ابحث داخل القالب بواسطة ctrl + f عن هذا الرابك وقم بإزالته واحفظ .
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7lvfMYdQxzzoRpBDmraRZp82lf7hDoQJHFw9ONlBryrMSTCRJnEBB_VG1hBqCGG1loMTEprPI9usZUxg9fL6EMz0PfyklS79antbTimgSTbf0H1ZWTnVuRU3qRPdVPU_6HaPfGbq2KTgT/

قالب محترفي التقنية متاح للتحميل

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



 لظهور سلايد شو ابحث على :
label1 = &quot;windows&quot;;
وغير كلمت windows
يمكنك تحميل القالب من هنا
اي الاستفسار لا تتردد :)

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

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

مواصفات القالب

 الالوان الرئيسية : ابيض اسود برتقالي
 قائمة مسندلة بشكل رائع
 مكان وضع الاعلانات في الهيدر من لوحة التحكم
 مدعم لجميع المقاسات متل (iphon-ipad-imac)
 صورة تلقائية لاختصار الموضوع في الرئيسية مع خاصية اقرا المزيد
 تعريف كاتب الموضوع
 تحديد كاتب الموضوع في التعليقات
 والعديد من المواصفات اكتشفها بنفسك 

السعر:مجاني طبعا =)


للمعاينة و تحميل القالب 


 

أهم المواقع التى تقدم لك قوالب بلوجر معربه و أجنبيه غير معربه

الكل دائما يبحث عن قالب لمدونته يريحه ويلائم مدونته، هناك الكثير من المواقع التى تقدم لنا قوالب بلوجر وهناك الكثير من المواقع التى تقوم بتعريب هذه القوالب لنا و تطورها مجانا وتقدمها لنا جاهزه للإستخدام بدون بذل أي مجهود. 
template blogger

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

--مواقع تقدم قوالب بلوجر غير معربه:
---مواقع تقدم قوالب بلوجر معربه:

هذه التدوينه هى تجميعه بسيطه ومبدأيه نبدأ بها سلاسل قوائم بالمواقع ذات التصنيفات المطلوبه , ونتمنى من الله أن يوفقنا وإياكم إلى الوصول إلى أفضل أداء يمكننا من خدمتكم وتقديم المعونه لكم .

اضافة ازرار المواقع الاجتماعيه بالوان زاهيه وجذابة (chronicl-social)


السلام عليكم, اليوم سوف اقدم لكم اضافه جديده على منصات بلوجر , والتي هي عباره عن ايقونات chronicl-social جذابه وبالوان رائعه, تميز هذه الايقونات بالوان متغيره خلابه و ملفته , والتي بدورها تزيد من جمالية المدونه ,وأضن ان اكثركم لم يراها من قبل ,لانها حديثة البرمجة حيث تتميز بايقونات صغيرة تعبر عن كل خدمة ,وتضم كل المواقع الاجتماعية المستخدمة والمنتشرة بكثرة; لا اطيل عليكم ساترككم مع شرح تركيب الاضافه.

اضافة ازرار المواقع الاجتماعيه بالوان زاهيه وجذابة



انتقل إلى لوح تحكم مدونتك

HTML/Javascript إختر "تخطيط" ثم إضافة أداة ,ثم اختر 


والآن الصق الكود التالي :

<style type='text/css'>
/*WIdget by http://www.thep-rofessional.blogspot.com/*/
.wg-roseicwidget {  width: 300px;  margin: -10px;  text-decoration: none; }
.wg-roseicwidget ul {  margin: 0;  padding: 0;  text-decoration: none;}
.wg-roseicwidget ul li {  list-style:none;   padding: 0; text-transform: none; text-decoration: none;}
.wg-roseicwidget ul li a {   color: #fff;   display:block;  text-decoration: none;}
.wg-roseicwidget ul li a:hover {  color: #c9c9c9;  background-color: #333;  text-decoration: none; }
.wg-roseicwidget ul li .rss { background:  url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png")  no-repeat scroll 10px center #F87E12; background-size: 20px; padding:  17.5px 45px; }
.wg-roseicwidget ul li .twitter { background:  url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png")  no-repeat scroll 10px center #4CACEE; background-size: 20px; padding:  17.5px 45px;}
.wg-roseicwidget ul li .facebook { background:  url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png")  no-repeat scroll 10px center #3B5998; background-size: 20px; padding:  17.5px 45px; }
.wg-roseicwidget ul li .google { background:  url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png")  no-repeat scroll 10px center #D44937; background-size: 20px; padding:  17.5px 45px; }
.wg-roseicwidget ul li .linkedin { background:  url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png")  no-repeat scroll 10px center #3692C3; background-size: 20px; padding:  17.5px 45px; }
/*WIdget by www.http://alb33dani.blogspot.com*/
</style>
<div class="wg-roseicwidget"> <ul>
<li><a class="facebook" href="https://www.facebook.com/ExpertsPrograms">ادعمنا على فيس بوك</a></li>
  <li><a class="rss" href="http://feeds.feedburner.com/allabouch">اشترك عبر البريد</a></li> <li><a class="twitter" href="https://twitter.com/Thepofessional">تابعني على تويتر</a></li>
<li><a class="google" href="https://plus.google.com/106308083048364748751">Google+تابعني </a></li>
<li></li>
</ul>
</div>
مع تغيير ماهو بالحمر إلى حساباتكم في فيس بوك   و   تويتر    و 
وقم بالحفض

هذا كل شيء لا تنسوا زيارتنا على صفحتنا في الفيس بوك

شرح كامل وتفصيلى لطرق تعريب قوالب بلوجر

تعريب قوالب بلوجر

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


  • البرامج المستخدمه فى خطوات تعريب قالب بلوجر والتطوير.
برنامج النوت باد العادى الخاص بالويندوز .

  • الخطوه الأولى : تغيير إتجاهات الكتابه فى القالب وعكسها يدويا.

حيث أن إتجاه الكتابه والنصوص فى قوالب بلوجر يكون معدا ليناسب اللغه الإنجليزيه فيكون الإتجاه " من اليسار إلى اليمين " فعلينا فى أول خطوه أن نقوم بعكس الإتجاه ليناسب تدويننا باللغه العربيه وليصبح الإتجاه " من اليمين إلى اليسار "
طبعا بعد تحميل القالب الأصلى على مدونتنا نقوم بالذهاب إلى تحرير HTML الخاص بالقالب , ثم نقوم بتوسيع عناصر المستخدم , ثم نظلل الكود بكامله ونقوم بعمل نسخ له .
نفتح ملف نوت باد جديد من برنامج النوت باد العادى الخاص بالويندوز , ثم نلصق فيه كود HTML الخاص بالقالب الذى قمنا بنسخه سابقا .
نفتح قائمة Edit ثم نختار Replace وسيكون الشكل كما مبين فى الصوره
طرق تعريب قوالب بلوجر
نقوم فى الخانه الأولى بكتابة Right وفى الخانه الثانيه بكتابة Ymen ثم نضغط على زر Replace All .
ثم نقوم فى الخانه الأولى بكتابة Left وفى الخانه الثانيه بكتابة Ysar ثم نضغط على زر Replace All .
ثم نقوم فى الخانه الأولى بكتابة Ymen وفى الخانه الثانيه بكتابة Left ثم نضغط على زر Replace All .
ثم نقوم فى الخانه الأولى بكتابة Ysar وفى الخانه الثانيه بكتابة Right ثم نضغط على زر Replace All .
ثم نغلق هذا المربع الحوارى , ونظلل الكود كاملا ونقوم بنسخه , ثم نلصقه فى مكان أكواد HTML الخاص بقالب المدونه على لوحة تحكم بلوجر ( بدلا من الكود الأصلى ) .
ثم نقوم بحفظ القالب , وبهذا نكون قد إنتهينا من الخطوه الأولى .
  • الخطوه الثانيه : تبديل الحواشى والمحاذاه

القالب ملىء بأكواد padding و أكواد margin وتكون فى صور متنوعه كالآتى
padding: 3px 10px 5px 4px;
padding: 3px 4px 9px;
padding: 6px 2px;
padding: 8px;
padding-right: 9px;
padding-left: 5px;
margin: 3px 10px 5px 4px;
margin: 3px 4px 9px;
margin: 6px 2px;
margin: 8px;
margin-right: 2px;
margin-left: 3px;

فى تعريب القوالب نهتم فقط بأنواع الأكواد التى تشبه الكودين التاليين فقط
padding: 3px 10px 5px 4px;
margin: 3px 10px 5px 4px;
ومهمتنا هنا هى أن نقوم بتبديل الأرقام بين القيمتين الثانيه والرابعه ( من إتجاه اليسار طبعا ) وسنشرح الآن كيف نقوم بعمل ذلك بأسهل طريقه .


نحن طبعا نستخدم متصفح الفايرفوكس لذا فعلينا البحث عن أول الكود كى نقوم بتبديله , وللبحث نقوم بضغط CTL+F وسيظهر لك مربع البحث فى أسفل متصفح الفايرفوكس كما فى الصوره
طرق تعريب قوالب بلوجر

  • نقوم بالبحث أولا عن جزء من بداية الكود مثلا
padding:

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

margin:

  • ونكرر ما فعلناه فى الخطوه السابقه .
وعند الإنتهاء من هذه الخطوات علينا أن نقوم بعمل حفظ للقالب , ثم نواصل عملية التعريب لإكمالها عن طريق البحث عن الكلمات التى تظهر على القالب بالإنجليزيه ثم تعدلها لتكتبها بالعربيه داخل أكواد القالب ( مثل الكلمات فى القوائم الأفقيه مثلا ) .


وفى نهاية التعديلات نقوم بحفظ القالب .


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


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


أسهل طريقه لتغير خط مدونتك على بلوجر إلى خط عربى إحترافى جديد


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

:وجوجل تقدم لنا الآن 6 خطوط عربيه جديده وهى

Amiri
Droid Arabic Kufi
Droid Arabic Naskh
Lateef
Scheherazade
Thabit

وحتى أسهل عليكم , ها هى الخطوط السته وأشكالهم فى الصور
Amiri
Amiri

Droid Arabic Kufi
Droid Arabic Kufi

Droid Arabic Naskh
Droid Arabic Naskh

Lateef
Lateef

Scheherazade
Scheherazade

Thabit
Thabit

والآن كيف نستخدم هذه الخطوط فى مدوناتنا على بلوجر ؟

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


<head>
 وضع تحته مباشرة الكود الخاص بالخط وهو كالتالى للخطوط السته على التوالى 
.ملحوظه : عليك بوضع السطر الخاص بالخط المطلوب فقط وليس كل الخطوط
<link href='http://fonts.googleapis.com/earlyaccess/amiri.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/lateef.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/scheherazade.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/thabit.css' rel='stylesheet' type='text/css'/>
الشق الثانى : تعديل نوع الخط فى الجزء الذى تريد تغييره
والآن تستطيع تغيير الخط على كل أجزاء المدونه , فقط عليك معرفة كود الجزء المراد تغيير الخط فيه , وإليك شكل أكواد CSS الخاص بكل خط من الخطوط السابقه وبنفس الترتيب

.ملحوظه : عليك إستخدام كود واحد من الأكواد التاليه , وإختر هذا الكود على أسس إختيارك لكود نوع الخط السابق 
font-family: 'Amiri', serif;
font-family: 'Droid Arabic Kufi', serif;
font-family: 'Droid Arabic Naskh', serif;
font-family: 'Lateef', serif;
font-family: 'Scheherazade', serif;
font-family: 'Thabit', serif;
.وأخيرا يمكنكم الإستعانه بهذه الصفحه , وهى الصفحه الرئيسيه الخاصه بجوجل والتى تقدم هذه الخطوط 

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

معرب SUPER CLEAN قالب بلوجر

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

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


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

 HTML/JavaScript اذهب الى التخطيط >> اضافة اداة >> اختر
:الشكل الاول
اضافة ازرار المواقع الاجتماعية بشكل ميترو


<div class="metro-social">
<li><a class="fb" href="http://www.facebook.com/YOURNAME"></a></li>
<li><a class="tw" href="http://twitter.com/YOURNAME"></a></li>
<li><a class="gp" href="https://plus.google.com/YOURNAME"></a></li>
<li><a class="pi" href="http://pinterest.com/YOURNAME"></a></li>
<li><a class="in" href="https://www.linkedin.com/in/YOURNAME"></a></li>
<li><a class="yt" href="http://www.youtube.com/YOURNAME"></a></li>
<li><a class="fd" href="http://feeds.feedburner.com/YOURNAME"></a></li>
</div>
<style>
/*Metro UI Social Profile Widget v3.0 by Tech Prevue Labs
Web link to gadget code: http://www.techprevue.com/2013/02/social-profile-widget-metro-style.html
Distributed under license CC BY-NC-ND 3.0 INT
Please keep license information intact while using this widget*/
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}
.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:69px;height:70px}
.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}
.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}
.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}
.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}
</style>
إستبدل YOURNAME بحسابك
  
الشكل الثاني:
 المواقع الاجتماعية


<div class="metro-social">
<li><a class="fb" href="http://www.facebook.com/YOURNAME"></a></li>
<li><a class="tw" href="http://twitter.com/YOURNAME"></a></li>
<li><a class="gp" href="https://plus.google.com/YOURNAME"></a></li>
<li><a class="fd" href="http://feeds.feedburner.com/YOURNAME"></a></li>
</div>
<style>
/*Metro UI Social Profile Widget v2.0 by Tech Prevue Labs
Web link to gadget code: http://www.techprevue.com/2013/02/social-profile-gadget-metro-style.html
Distributed under license CC BY-NC-ND 3.0 INT
Please keep license information intact while using this widget*/
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:140px;height:70px}
.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/ncoLY) no-repeat center center #e9a01c;width:282px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .fd{background:url(//goo.gl/JFGqn) no-repeat center center #e9a01c}
</style>
<br>
بحسابك YOURNAME إستبدل

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

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

 تدعمه بلوجر


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



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



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



ثانيا: الآن و مع الأهم سوف نقوم بالبحث عن الكود التالي
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
false الآن نقوم بتغيير الكلمة التي توجد باللون الأحمر إلى 
<b:widget id='Attribution1' locked='false' title='' type='Attribution'>

 بعد ذلك قم بحفظ القالب و ننتقل إلى المرحلة الأخيرة.

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


أي مشكلة أو أي إستفسار فلا تتردد

لا تنسى اشتراك في صفحتنا على فيس بوك

ثلاث خطوات هامة لتحسين علاقة موقعك بمحركات البحث (SEO)


SEO

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




موعدنا اليوم مع 3 خطوات هامة جدا لتحسين علاقة مدونتك بمواقع البحث وتندرج تحت عمليات ال SEO الواجب عملها في اي مدونة جديدة حتي تسهل علي مواقع البحث الوصول الي مدونتك سريعا وظهورها في الصفوف الامامية في نتائج البحث .
والثلاث نقاط هم باختصار :
1- الكلمات الدلالية Keywords ووصف الميتا Meta Description الخاص بكل صفحة .
2- تحسين عنوان المدونة وتحسين العلاقة مع محركات البحث .
3- نصائح لتعديل وتهيئة المدونة لمحركات البحث .


تحذير : يجب استيراد نسخة احتياطية من القالب قبل التعديل عليه .

نبدأ الشرح :

1- الكلمات الدلالية Keywords ووصف الميتا Meta Description الخاص بكل صفحة :



في مدونات بلوجر لا تستطيع ان تضع وصف او كلمات بحثية تخص التدوينة ولكن يعتمد علي الكلمات الدلالية والوصف الخاص بالموقع , وهذا بالطبع شئ سئ جدا بالنسبة لمحركات البحث لانه بهذه الطريقة لا يري اي جديد بموقعك ,وستلاحظ هذا الخطأ في أداة Google Webmaster ستلاحظ في قسم اقتراحات HTML وجود وصف ميتا متكرر وهذا بالطبع يؤثر علي صداقة مدونتك بمحركات البحث .
ولكن ما الحل ؟؟ اليكم الحل ===> كود بسيط يتم وضعه في القالب بحيث يعمل علي استعمال عنوان الصفحة او عنوان الموضوع والموضوع نفسه ككلمات مفتاحية ووصف للموضوع بدلا من وصف الموقع وهذا يساعدك كثيرا في ثداقة محركات البحث .
في قسم تحرير HTML ابحث عن الكود الاتي :

<title><data:blog.pageTitle/></title>

فان لم تجده فابحث عن الكود التالي:
<data:blog.title/>

ثم نضع هذا الكود بعد الكود السابق مباشرة ( ايا منهما ) :
<b:if cond='data:blog.pageType == "item"'> <meta expr:content='data:blog.pageName + data:blog.title' name='Description'/> <meta expr:content='data:blog.pageName + data:blog.title' name='Keywords'/> </b:if>


2- تحسين عنوان المدونة وتحسين العلاقة مع محركات البحث :



العنوان الذي يتيحه بلوجر للمدونة يعتبر سئ جدا لانه لا يعطي اي انطباع عن المدونة بمعني عدم اعطاء تفاصيل اكثر عن المدونة فعند البحث ربما لايجد الباحث اي معلومات عن هذه المدونة فيعتقد ان ما يبحث عنه ليس موجود بهذه المدونة فينصرف عنها بكل تأكيد , ولذلك هناك طريقة لجعل عنوان المدونة يظهر وبجانبه وصف بسيط للمدونة . مثال :
    

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

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

<b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.title/> | وصف بسيط لمدونتك </title> <b:else/><title><data:blog.pageName/> | <data:blog.title/></title></b:if>

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

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


3- نصائح لتعديل وتهيئة المدونة لمحركات البحث :


1-بعض الاخطاء الكتابية تجعل الزوار ينفرون من مدونتك لصعوبة قراءة محتوي المدونة كما انه ايضا اذا جاءت هذه الاخطاء فيالكلمات الدلالية فسوف تجد ان معدل الزوار الذي يستهدف هذه الكلمة الدلالية قليل لخطأ الكتابة فيها , فاحرص دائما علي الكتابة بدون اخطاء وبلغة عربية وابتعد عن اللغة العامية لبلدك حيث ان الزوار يأتون من جميع انحاء العالم .
2-الاهتمام بالمحتوي الجيد والمفيد للباحثين والقراء حتي يجد المعلومة التي يبحث عنها فيعود لزيارة مدونتك مرة اخري .
3-حاول أن تضع تبادل اعلاني بخاصية (Dofollow) في مواقع ذات Rank  مرتفع فان ذلك يزيد من قوة مدونتك  في محركات البجث.
4-يجب ان تكون مواضيع عناوينك ملمة بالكلمات الدلالية ةمختصرة قدر الامكان.
5-بعض المدونين يلجأ الي مسح عنوان المدونة من الاعدادات لعدم ظهورها فوق شعار المنتدي وهذه غير جيد علي الاطلاق لان عنوان المدونة هي اداة سحب محركات البحث , فعليك عند اختيار صورة للمدونة ان تجعلها بدلا من العنوان والوصف .



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


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

    محترفي التقنية : شروحات برامج ، الربح من الانترنت ، ادسنس

    جميع الحقوق محفوضة لدى المبرمجين 2015-2016

    توضيب : المحترف