- لوحة تحكم بلوجر.
- القالب.
- html.
- أبحث عن b:skin
- أضف قبله الكود أدناه
- يمكنك المعاينه من هنا
/* CSS Button Style by www.BloggersStanD.com */ .bsdbutton{float:left;list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both} .bsdbutton ul{margin:0;padding:0} .bsdbutton li{display:inline;margin:5px;padding:0;list-style:none} .bsdbutton li a.demo,.bsdbutton li a.download{position:relative;padding:9px 48px 9px 16px;background:#f39c12;color:#fff!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;box-shadow:0 1px rgba(0,0,0,0.1);line-height:normal;transition:all .3s} .bsdbutton li a.download{background:#3498db} .bsdbutton li a.demo:hover,.bsdbutton li a.download:hover{background:#666} .bsdbutton li a.demo:active,.bsdbutton li a.download:active{cursor:pointer} .bsdbutton li a.demo:after,.bsdbutton li a.download:after{content:'\f135';background:rgba(0,0,0,0.1);position:absolute;right:0;top:0;font-weight:normal;display:inline-block;margin:0 0 0 10px;color:#fff;padding:11px;font-family:fontawesome} .bsdbutton li a.download:after{content:'\f019'}
- يمكنك إضافة الكود في html للمشاركه.
<div style="text-align: center;"> <ul class="bsdbutton"> <li><a class="demo" href="###" target="_blank">Demo Link</a></li> <li><a class="download" href="###" target="_blank">Download Link</a></li> </ul> </div> <div class="clear"></div>
ليست هناك تعليقات:
إرسال تعليق