ازرار منوعة احترافية لمدونة بلوجر
ازرار منوعة احترافية معدلة لمدونة بلوجر
طريقة التركيب
توجة للقالب ثم تحرير HTML
وابحث عن ]]></b:skin>
ثم ضع الكود التالي فوقة
/* CSS Button hloly */.button{float:right;list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both;}.button ul {margin:0;padding:0}.button li{display:inline;margin:0;padding:0}.demo {opacity:1;padding:7px 12px!important;background:#23A377;border-radius: 3px; box-shadow: 0 1px rgba(0,0,0,0.1);color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.download {opacity:1;padding:7px 12px!important;background:#fe4e3f;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.demo:before {content:'\f06e';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.download:before {content:'\f019';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.download1 {opacity:1;padding:7px 12px!important;background:#3FA2FE;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out;}.download1:before {content:'\f019';display:inline-block;margin-left:5px;width:16px;height:20px;line-height:24px;color:#fff;font-family:fontawesome;transition:all 0.5s ease-in-out;padding:3px;background:rgba(0, 0, 0, 0.2)padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-dark-button {opacity:1;padding:7px 12px!important;background:#425b71;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-dark-button:before {content:'\f135';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-red-button {opacity:1;padding:7px 12px!important;background:#e4644b;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-red-button:before {content:'\f0c3';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-RedHm-button {opacity:1;padding:7px 12px!important;background:#e74c3c;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-RedHm-button:before {content:'\f127';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-pink-button {opacity:1;padding:7px 12px!important;background:#e75d66;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-pink-button:before {content:'\f041';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-blue-button {opacity:1;padding:7px 12px!important;background:#3bbce0;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-blue-button:before {content:'\f058';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-tirquoise-button {opacity:1;padding:7px 12px!important;background:#00c5ad;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-tirquoise-button:before {content:'\f0c2';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-green-button {opacity:1;padding:7px 12px!important;background:#99ca6a;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-green-button:before {content:'\f07b';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-yellow-button {opacity:1;padding:7px 12px!important;background:#fac75b;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-yellow-button:before {content:'\f084';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-gray-button {opacity:1;padding:7px 12px!important;background:#c9ced1;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-gray-button:before {content:'\f0c1';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-purblehm-button {opacity:1;padding:7px 12px!important;background:#A954E4;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,'ge_ss_tvbold';text-align:center;transition:background-color 1s 0s ease-out}.flato-purblehm-button:before {content:'\f0c7';display: inline-block;margin-left: 5px;width: 16px;height: 20px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -13px;padding-bottom: 8px;padding-left: 7px;padding-right: 7px;border-radius: 3px;}.flato-purblehm-button:hover,.flato-red-button:hover,.flato-RedHm-button:hover,.flato-pink-button:hover,.flato-blue-button:hover,.flato-tirquoise-button:hover,.flato-green-button:hover,.flato-yellow-button:hover,.flato-gray-button:hover,.flato-dark-button:hover,.demo:hover,.download1:hover,.download:hover {background:rgba(224, 90, 90, 0.72);text-shadow:0 0 1px #222;color:#fff;;}
الآن عند المشاركة ضع احد الأكواد في تبويب HTML
<a class="flato-dark-button" href="#" target="_blank">هنا اسم</a>
<a class="flato-red-button" href="#" target="_blank">هنا اسم</a>
<a class="flato-purblehm-button" href="#" target="_blank">هنا اسم</a>
<a class="flato-pink-button" href="#" target="_blank">هنا اسم</a>
<a class="flato-RedHm-button" href="#" target="_blank">هنا اسم</a>
<a class="flato-blue-button" href="#" target="_blank">هنا اسم</a>
<a class="flato-tirquoise-button" href="#" target="_blank">هنا اسم</a>
<a class="flato-green-button" href="#" target="_blank">هنا اسم</a>
<a class="flato-yellow-button" href="#" target="_blank">هنا اسم</a>
<a class="flato-gray-button" href="#" target="_blank">هنا اسم</a>
<a class="download" href="#" target="_blank">هنا اسم</a>
<a class="demo" href="#" target="_blank">هنا اسم</a> </code></pre>
إسمي الكامل هو عبد العزيز طالب جامعي في مجال الحماية والبرمجة احب التعرف على كل ماهو جديد في عالم البرمجيات التدوين كما انني مولع بالبرمجة والتصميم واسعى للتطوير المعلوماتي كما اسعى لتقديم معارفي ومكتسباتي للأخرين بطريقة سلسة ومبسطة.