كود المتابعه على المواقع الاجتماعيه بشكل وتاثير إحترافى


اهلا بكم فى العاده نحن نقوم بوضع كل ما هو جديد ومفيد لك 
هذه التدوينة أيضا هى حصرية ولن تجد هذة الإضافة إلا هنا فقط فى مدونة مدون
طبعا يوجد فى كثير من المدونات عن اضافه المواقع الاجتماعية ولكن هذة مميزة 
بمعنى الكلمة لها تاثير مميز،مساحه الأيقونة كبيرة حتى تعطى شكل أفضل واحسن
الكود سهل وبسيط مساحه الأيقونة 72X72 لذلك أنصحك بعدم وضعها فى السيد بار
ضعها فى مكان يكون مساحة العرض أكبر إذا عنيت من هذة واردت أن أصغر لك 
حجم الصورة تفضل بكتابة تعليقك وانا سوق أقوم بذلك إنشاء الله .

--------------------------------------------------------------------



إذهب إلى رئيسية بلوجر<إضافة اداه<جافاسكريبت وضع بها الكود التالى



<html>
<head>
<style>
#social {
margin:5px auto 0 auto;
text-align: center;
}

#social img {
margin-right: 2px;
margin-left: 0px;
}

#social img:hover {
opacity: 0.6;
}
</style>
</head>
<body>
<!-- / تم صنع الكود بواسطة مدونة مدون -->
<!-- / نرجو عدم حزف السابق -->
<div id='social'>
<a href='#'><img alt='Twitter' src='http://img221.imageshack.us/img221/3171/twittericont.png' title='تابعنى على تويتر'/></a>
<a href='#'><img alt='Feed' src='http://img521.imageshack.us/img521/3997/rssiconldl.png' title='الخلاصات'/></a>
<a href='#'><img alt='Facebook' src='http://img707.imageshack.us/img707/5055/facebookiconq.png' title='تابعنى على الفيس بوك'/></a>
<a href='#'><img alt='Google Plus' src='http://img9.imageshack.us/img9/6204/googleplusiconl.png' title='جوجل بلس'/></a>
<a href='#'><img alt='Youtube' src='http://img835.imageshack.us/img835/1835/youtubeiconf.png' title='تابعنى على يوتيوب'/></a>

</div>
<div style='clear: both'/>
<!-- / تم صنع الكود بواسطة مدونة مدون -->
<!-- / نرجو عدم حزف السابق -->
</body>
</html>



الآن قم بتغيير اللون     مع الوصلات الخاصة بك



 فى رعاية الله

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



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



طريقة تبديل اتجاه العامود من اليمين الى اليسار


ابحث عن الكود التالى


main-wrapper


ربما تجده بهذا الشكل أو ما شابه قليلا 



#main-wrapper {
float: left;
margin-left: 40px;
margin-top: -20px;
width: 600px;
}


قم بتغيير كلمة left بكلمة right



ابحث عن الكود التالى


sidebar-wrapper

قد تجده بهذا الشكل




sidebar-wrapper {
float: left;
margin-left: 18px;
margin-top: 7px;
width: 287px;
}

قم بتغيير كلمة left بكلمة right


طريقة تبديل اتجاه العامود من اليسارالى اليمين



ابحث عن الكود التالى


main-wrapper


قد تجده بهذا الشكل

#main-wrapper {
float:
right;
margin-
right: 40px;
margin-top: -20px;
width: 600px;
}


قم بتغيير كلمة right بكلمة left


ابحث عن الكود التالى

sidebar-wrapper

قد تجده بهذا الشكل

sidebar-wrapper {
float: right;
margin-right: 18px;
margin-top: 7px;
width: 287px;
}

قم بتغيير كلمة right بكلمة left



هذا كل ما فى الأ

شرح تصميم أزرار إحترافية لمدونتك






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

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

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

أبحث عن الوسم التالي " ]]></b:skin> "

وضع الكود قبل الوسم السابق الان توجه إلى الموقع وأنسخ الشفير الي بالفراغ الصغير
سوف تكون بهذا الشكل
"<a href="#" class="myButton">my button</a>"

بمكان علامة المربع أضف الرابط وبمكان "my button" أضف الاسم الظاهر لزر
مثال
"<a href="http://mdwanblog.blogspot.com/" class="myButton">مدونة مدون</a>"



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


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





هذا هو شكل الكود بسيط ورائع ولا يأخذ مكان 

 


لوحة التحكم الرئيسية > التخطيط > إضافة اداة جافاسكريبت

 <!-- http://mdwanblog.blogspot.com/  -->
<div align="center">
<table border="2px "  cellpadding="2" cellspacing="6" width="50%" bgcolor="#ffffff">
<tbody><tr>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="180" src="http://img515.imageshack.us/img515/7149/88858688.gif" title="أعلن هنا" height="72" /></a></center></td>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="180" src="http://img515.imageshack.us/img515/7149/88858688.gif" title="أعلن هنا" height="72" /></a></center></td>


<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="180" src="http://img515.imageshack.us/img515/7149/88858688.gif" title="أعلن هنا" height="72" /></a></center></td>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="180" src="http://img515.imageshack.us/img515/7149/88858688.gif" title="أعلن هنا" height="72" /></a></center></td>


</tbody></table>

</div>

<!-- http://mdwanblog.blogspot.com/  -->



ملحوظة/ المساحه المستخدمة هى 180 عرضاً و 72 طولاً


"الآن مع الالوان وتغير الكود ليناسبك"


  1.       يمثل رابط صورة المعلن لديك
  2.       يمثل إسم الموقع المعلن لديك
  3.       يمثل رابط / وصله الموقع
  4.       يمثل وصف الإعلان إذا أحببت ذلك



إذا إستفدت من الموضوع فلا تحرم غيرك من الإستفادة

خدمة أطلب تصميمك تعود من جديد سارع بحجز طلبك



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

أهلا بكم جميعا وأتمنى أن تكونوا بخير ....

فى تدوينة سابقه قدمت هذه الخدمة واغلقت بعد عدة أيام شاهدها من هنا

ولكن الآن نفس الخدمة ونفس الشروط تقريباً هذه الخدمة تقدم مجاناً من مدونة مدون فقط 
ومن إسمها خدمة أطلب تصميمك سواء/بنر إعلانى بكل الأحجام - نموذج أعلن هنا - أو هيدر
بجميع الأحجام ،نحن نوفر لك هذا تصميم جيد وإحترافى والآن مع الشروط البسيطة للخدمة


مميزات الخدمة

تصميم جيد / إحترافى / أقل وقت

الشروط

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

دمتم بخير


نبذه عن الكاتب بشكل جديد ورائع لمدونات بلوجر





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





  • الخطوة الأولى تركيب الـ css
  1. الذهاب إلى لوحة التحكم الرئيسية> تصميم> تحرير HTML.
  2. ننصح بأخذ نسخه إحتياطية لتجنب أى أخطاء لا قدر الله
  3. ثم إبحث عن ]]></b:skin>

وضع الكود التالى فوقه 


.author_info {
 float: right;
 width: 520px;
 padding: 10px;
 border: 5px double #000000;
 margin-bottom: 15px;
 margin-top: 15px;
 background: #FCDFFF;
        font-family:verdana;
       

       
}
.author_info h3 {
 margin-bottom: 10px;
        font-family:consolas;
       
       
}
.author_photo {
 float: right;
 margin: 15 5 6 15px;
}
.author_photo img {
 border: 1px dashed #4C7D7E;
}






  • الخطوة الثانية إضافه القطعه
والآن نبحث عن <div class='post-footer-line post-footer-line-1'/>



ثم إلصق الكود التالى أسفله 


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author_info'>
<div class='author_photo'>
<img alt='author' src='http://img801.imageshack.us/img801/8797/32834310.png'/ height="110" width="120"></div>
                   
                                       

                   <div align="center"> <h3><p> مدونة مدون تهتم ببلوجر والفوتوشوب من دروس واضافات وهاكات وايضاً ملحقات الفوتوشوب ،خطوط،أكشنات،إستايلات،أيقونات،كل شئ عن الفوتوشوب ملحقات إحترافية </p><h3>
                   </div>
                  
                   <div align="center"><p>تابعنى على  <a href='http://twitter.com/mdwan_blogger'>تويتر</a> أو <a href='http://www.facebook.com/mdwanblog'>فيس بوك</a><br</p></div>
                   <!--http://mdwanblog.blogspot.com/-->




</b:if>







  1. الآن مع الجزء الذى سيتم تغييره بما يناسبك 
  2.       هذا اللون غير رابط الصوره بما يناسبك 
  3.       غير هذا اللون بنبذة عنك أو عن مدونتك
  4.       غير هذا اللون بإسم صفحتك على الفيس بوك 
  5.       اللون هذا قم بتغير إسم حسابك على تويتر
  



إحفظ القالب



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

-ابحث عن الكود التالى 


post blockquote
 أذا لم تجده أبحث عن هذا 


.post-body blockquote


 قد يكون شبيه بهذا الكود فى قالبك 
.post blockquote p{
margin:.5em 0
}
 المهم انك سوف تجد الكود و بعده قوسين بينهم لغة css الصق مكانه الكود الذى سوف تختاره

4-انسخ الكود الذى الذى تريده من الاشكال الـ5 الموجودة فى الاسفل والصقه مكان الكود الذى وجدته  .

  • الشكل رقم

بث تجريبى

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