الاثنين، 19 أغسطس 2013

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

السلام عليكم ورحمه الله وبركاته
اليوم اريد ان اشارككم اليوم هذا الموضوع الحصرى وممكن ان يكون الاول فى مواضيع المدونات وهو عن كيف تضع مسوده مميزه فى مدونتك بلغه (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>

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

MOHAMED TAHSEEN

محمد تحسين طالب فى كليه تجاره. أهتم بعالم المعرفه والتكنولوجيا الحديثه والمتطوره وأمل ان اكون ذات يوما من المبرمجين والمسوقين الالكترونين فى مجال الانترنت ونحاول جاهدين فى مدونه وسيله ان نقدم كل ما يخص المعرفه والتكنولوجيا فتابعونا على المواقع الاجتماعيه ليصلكم كل تحديثاتنا
:Comment With
!Choose Wisely

هناك تعليقان (2) :

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

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

    ردحذف

 
: POWERED BY Powered By Blogger Built with jQuery Built with CSS3
Re-Designed by Mohamed Tahseen