590 : إضافة زر التحميل بتقنية css

السلام عليكم ورحمة الله وبركاتة

الكاتب : محمد سعيد البوسعيدي

مرحباً في مووضع جديد المحترف العماني اليوم سوف أقدم لكم طريقة إضافة زر التحميل بتقنية الcss طبعاً هذه الإضافة ليست فقط إضافة جمالية بل أيضاً سوف ترفع في ترتيبك العالمي زتخفض ترتيبك في أليكسا فالمواقع التي توكن مستوفية للشروط فسوف تفيدها هذه الإضافة.

طريقة التركيب :

1. إذهب إلى بلوجر 
2. التصميم 
3. تحريبر HTML
4. ثم إبحث عن كود إغلاق SKIN وألصق هذا الكود فوقة :

.pro2omani {

-moz-box-shadow:inset 47px 39px 50px -49px #bbdaf7;

-webkit-box-shadow:inset 47px 39px 50px -49px #bbdaf7;

box-shadow:inset 47px 39px 50px -49px #bbdaf7;

background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );

background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');

background-color:#79bbff;

-webkit-border-top-left-radius:8px;

-moz-border-radius-topleft:8px;

border-top-left-radius:8px;

-webkit-border-top-right-radius:8px;

-moz-border-radius-topright:8px;

border-top-right-radius:8px;

-webkit-border-bottom-right-radius:8px;

-moz-border-radius-bottomright:8px;

border-bottom-right-radius:8px;

-webkit-border-bottom-left-radius:8px;

-moz-border-radius-bottomleft:8px;

border-bottom-left-radius:8px;

text-indent:-10.01px;

border:8px solid #84bbf3;

display:inline-block;

color:#ffffff;

font-family:Comic Sans MS;

font-size:17px;

font-weight:bold;

font-style:italic;

height:56px;

line-height:56px;

width:143px;

text-decoration:none;

text-align:center;

text-shadow:1px 12px 0px #528ecc;

}

.pro2omani:hover {

background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );

background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');

background-color:#378de5;

}.pro2omani:active {

position:relative;

top:1px;

}

/* This button was generated using CSSButtonGenerator.com */

طريقة الإستخدام : 

1. إختار المكان الذي تريد إضافتها فية ومن ثم ضف هذا الكود

<a href="أضف رابط التحميل هنا" class="pro2omani">DOWNLOAD</a>

ملاحظة لا تغير pro2omani لكي تعمل الإضافة وشكراً.

مثال حي :