معهد خبراء بلوجر - شرح : اضافة ازرار css احترافية في مدونات بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)

- دروس بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=11)

- - شرح : اضافة ازرار css احترافية في مدونات بلوجر (https://www.bloggerexp.com/showthread.php?t=3613)

شرح : اضافة ازرار css احترافية في مدونات بلوجر

الكثير من الاعضاء يسألون عن كيفية اضافة ازرار css جميلة جدا كهذة
http://im22.gulfup.com/2012-09-07/1347047387121.png
والمثال :
زر اقرأء المزيد لــ
مدونة محترفي الحماية
عالم التقنية
اولا :
ابحث عن الكود التالي

كود بلغة HTML:

]]></b:skin>

واستبدلة بهذا الكود

كود بلغة HTML:

.rmlink a{

background: #F1F1F1;

border: 1px solid #E6E6E6;

border-radius: 5px 5px 5px 5px;

box-shadow: 0 0 2px #FFFFFF inset, 0 1px 1px #CACACA;

color: #999999 !important;

display: inline-block;

font: 17px "Arial";

font-weight:700;

text-align: center;

padding: 2px 15px 2px;

color: #999999 !important;

padding-right:15px;

padding-left:15px;

padding-tpo:5px;

padding-bottom:3px;

margin-top:15px;

-webkit-transition: background 0.4s ease-in-out;

-moz-transition: background 0.4s ease-in-out;

-o-transition: background 0.4s ease-in-out;

-ms-transition: background 0.4s ease-in-out;

transition: background 0.4s ease-in-out;

}

.rmlink a:hover {

background-color: #00A8D8;

border-color: #fff;

outline: medium none;

color: #f3f3f3 !important;

text-decoration:none

}

]]></b:skin>

والان اذهب الى اضافة مشاركة واضف مشاركتك ولتفعيل زر اضف هذا الكود

كود بلغة HTML:

<span class="rmlink" style="float:left;padding-top:0px;"><a href="#">النص هنا </a></span>

التغيرات : # الرابط , النص هنا : نص الرسالة المراد عرضها
انتباه : بأمكانك استعمال هذة الادارة بزر أقرا المزيد من خلال تغير class او div الخاص بزر
غير مسجل هل اعجبك الموضوع اعطي رئيك في التعليقات و كن من اصدقائي :D:
اذا وجهتك مشكلة في التركيب راسلني او من خلال التعليقات