أخر التعليقات

اجعل مسوده مدونتك اكثر جاذبيه

السلام عليكم ورحمه الله وبركاته
اليوم اريد ان اشارككم اليوم هذا الموضوع الحصرى وممكن ان يكون الاول فى مواضيع المدونات وهو عن كيف تضع مسوده مميزه فى مدونتك بلغه (Css , jQuery) وهذه الخاصيه من الاشياء الذى يغفلها المدونين وهذا يضفى بعض التميز لمدونتك وايضا بعض الاحتراف فى عالم التدوين والتميز فيه أيضا وهذه المسودات من اعمالى الشخصيه وأتمنى ان تنال اعجابكم ان شاء الله تعالى :] .

amzing blockquote in your blog
وهذا مثال للتوضيح وهذه مسوده مدونتى


والان نأتى لتركيب المسودات 

  • أولا : نذهب الى المدونه -->  القالب -->  تحرير القالب .
  • ثانيا : اكتب CTRL+ F داخل المربع الذى به الاكواد ونبحث عن هذا الكود             post blockquote أو هذا blockquote ثم تقوم بمسح اى كود يتحمل هذان الاسمان ثم تتبع الخطوات التاليه التى سأمليها عليك :] .
  • ثالثا تحت كل شكل انت سوف تختاره يوجد كود تأخذه وتضعه فوق هذا الكود ]]></b:skin>

 أمثله عن المسودات 





 width:200px;
 color:#FFF;
 display:block;
 text-decoration:none;
 margin:0 auto;

الكود

 width:200px;
 color:#FFF;
 display:block;
 text-decoration:none;
 margin:0 auto;

الكود


 width:200px;
 color:#FFF;
 display:block;
 text-decoration:none;
 margin:0 auto;

الكود


 width:200px;
 color:#FFF;
 display:block;
 text-decoration:none;
 margin:0 auto;

الكود




 width:200px;
 color:#FFF;
 display:block;
 text-decoration:none;
 margin:0 auto;


الكود




 width:200px;
 color:#FFF;
 display:block;
 text-decoration:none;
 margin:0 auto;



الكود



 width:200px;
 color:#FFF;
 display:block;
 text-decoration:none;
 margin:0 auto;


الكود





 width:200px;
 color:#FFF;
 display:block;
 text-decoration:none;
 margin:0 auto;


الكود




 width:200px;
 color:#FFF;
 display:block;
 text-decoration:none;
 margin:0 auto;


الكود




 width:200px;
 color:#FFF;
 displa width:200px;
 color:#FFF;
 display width:200px;
 color:#FFF;
 display:block;
 text-decoration:none;
 margin:0 auto;
:block;
 text-decoration:none;
 margin:0 auto;
y:block;
 text-decoration:none;
 margin:0 auto;


الكود


ثم تأخذ هذا الكود وتضعه فى صفحه الـ HTML 
 <div class="Code1">
َضع كودك هنا
</div>

أتمنى ان يكون عجبكم الشرح وشكرااا :] .
شاركه على جوجل بلس

عن Unknown

    تعليقات بلوجر
    تعليقات فيسبوك

2 التعليقات:

  1. صراحةً موضوع متميز وأكثر من رااائع

    ردحذف
  2. ربنا يخليك وان شاء الله انتظر المزيد

    ردحذف