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

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


اهلا بكم فى العاده نحن نقوم بوضع كل ما هو جديد ومفيد لك 
هذه التدوينة أيضا هى حصرية ولن تجد هذة الإضافة إلا هنا فقط فى مدونة مدون
طبعا يوجد فى كثير من المدونات عن اضافه المواقع الاجتماعية ولكن هذة مميزة 
بمعنى الكلمة لها تاثير مميز،مساحه الأيقونة كبيرة حتى تعطى شكل أفضل واحسن
الكود سهل وبسيط مساحه الأيقونة 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>



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



 فى رعاية الله
اقرء المزيد

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






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

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

بعد الدخول إلى الموقع أضبط ألوان وشكل الزر كما تريد 
وببعد الانتهاء من ضبط الالون والشكل أضغط على الزر الي عملته 
ثم أنظر أسفل مكان الزر سوف تجد فراغان الاول صغير والثاني كبير أنسخ الكود الي بالفراغ الكبير
ثم توجه إلى تصميم >> تحرير 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.       يمثل وصف الإعلان إذا أحببت ذلك



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

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





يوجد الكثير فى مدونات بلوجر اضافه نبذة عن الكاتب أسفل كل تدوينة ولكن هذة الاضافه 
جديدة لم تجدة إلا فى مدونة مدون فقط شكل رائع للإضافه 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.       اللون هذا قم بتغير إسم حسابك على تويتر
  



إحفظ القالب
اقرء المزيد
الاشتراك في: الرسائل (Atom)