حصريا [ button ] كيفية اضافة زر CSS3 احترافي

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

[ button ] كيفية اضافة زر احترافي لمدونات بلوجر CSS3

لنبدأ على بركة الله
1 - قم بتسجيل الدخول إلى مدونتك بلوجر.
2 - من لوحة التحكم الخاصة بمدونتك توجه إلى تصميم أو قالب.
3- ابحث عن :

اقتباس :

الكود:

]]></b:skin>

ثم قم بإضافة هذا الكود قبله مباشرة :

الكود:

body {

  background: #;

}

.stitched {

  position: relative;

   padding: 10px;

   margin: 15px auto;

   width: 190px;

   background: #ff0030;

   color: #fff;

   font-size: 30px;

   font-weight: bold;

   line-height: 2.5em;

   border: 3px dashed #fff;

   border-radius: 40px;

   box-shadow: 0 0 0 4px #ff0030, 2px 2px 6px 6px rgba(10, 10, 0, 0.5);

   text-shadow: -1px -1px #aa3030;

   font-weight: normal;

}

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

الكود:

<div class="stitched"><a href="http://www.zaiim.com/" rel="nofollow"target="_blank">

DOWNLOAD

</div>



<div class="stitched"><a href="http://www.zaiim.com/" rel="nofollow"target="_blank">

DEMO

</div>

 غير الرابط واسم الزر بما يناسبك.
مبروك! تم تركيب زر احترافي CSS3 لمدونتك بنجاح.