طريقة أضافة أزرار داخل مدونة بلوجر
إذا كان لديك مدونة وتقوم بعرض القوالب الخاصة ببلوجر أو فى حالة اذا أردت ان تضع لمسة جمالية واحترافية لمدونتك فيجب على الأقل أضافة هذه الأزرار إلى مدونتك.
فى البداية :-
1 - سنقوم بالدخول إلى القالب
2 - يفضل أخذ نسخة أحتياطية من القالب فى حال حدوث أخطاء لا قدر الله
3 - قم بتوسيع القالب ثم أبحث عن هذا الكود
1 - سنقوم بالدخول إلى القالب
2 - يفضل أخذ نسخة أحتياطية من القالب فى حال حدوث أخطاء لا قدر الله
3 - قم بتوسيع القالب ثم أبحث عن هذا الكود
]]></b:skin>
4 - ضع قبله قبله هذا الكود.button {
font:15px Calibri, Arial, sans-serif;
text-shadow:1px 1px 0 rgba(255,255,255,0.4);
text-decoration:none!important;
white-space:nowrap;
display:inline-block;
vertical-align:baseline;
position:relative;
cursor:pointer;
background-repeat:no-repeat;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png);
background-position:bottom left, top right, 0 0 0 0;
background-clip:border-box;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-moz-box-shadow:0 0 1px #fff inset;
-webkit-box-shadow:0 0 1px #fff inset;
box-shadow:0 0 1px #fff inset;
-webkit-transition:background-position 1s;
-moz-transition:background-position 1s;
transition:background-position 1s;
padding:10px 20px;
}
.button:hover {
background-position:top left, bottom right, 0 0 0 0;
}
.button:active {
bottom:-1px;
}
.button.big {
font-size:30px;
}
.button.medium {
font-size:18px;
}
.button.small {
font-size:13px;
}
.button.rounded {
-moz-border-radius:4em;
-webkit-border-radius:4em;
border-radius:4em;
}
.blue.button {
color:#0f4b6d!important;
border:1px solid #84acc3!important;
background-color:#48b5f2;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), 0 to(rgba(89,208,244,0))), 0 to(#3faeeb));
}
.blue.button:hover {
background-color:#63c7fe;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), 0 to(rgba(109,217,250,0))), 0 to(#58bef7));
}
.green.button {
color:#345903!important;
border:1px solid #96a37b!important;
background-color:#79be1e;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), 0 to(rgba(162,211,30,0))),-webkit-gradient(linear,0%0%,0%100%,from(#82cc27), to(#74b317));
}
.green.button:hover {
background-color:#89d228;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), 0 to(rgba(183,229,45,0))),-webkit-gradient(linear,0%0%,0%100%,from(#90de31), to(#7fc01e));
}
.orange.button {
color:#693e0a!important;
border:1px solid #bea280!important;
background-color:#e38d27;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), 0 to(rgba(232,189,45,0))),-webkit-gradient(linear,0%0%,0%100%,from(#f1982f), to(#d4821f));
}
.orange.button:hover {
background-color:#ec9732;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), 0 to(rgba(241,192,52,0))),-webkit-gradient(linear,0%0%,0%100%,from(#f9a746), to(#e18f2b));
}
.gray.button {
color:#525252!important;
border:1px solid #a5a5a5!important;
background-color:#a9adb1;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), 0 to(rgba(197,199,202,0))),-webkit-gradient(linear,0%0%,0%100%,from(#c5c7ca), to(#92989c));
}
.gray.button:hover {
background-color:#b6bbc0;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), 0 to(rgba(202,205,208,0))),-webkit-gradient(linear,0%0%,0%100%,from(#d1d3d6), to(#9fa5a9));
}
font:15px Calibri, Arial, sans-serif;
text-shadow:1px 1px 0 rgba(255,255,255,0.4);
text-decoration:none!important;
white-space:nowrap;
display:inline-block;
vertical-align:baseline;
position:relative;
cursor:pointer;
background-repeat:no-repeat;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png);
background-position:bottom left, top right, 0 0 0 0;
background-clip:border-box;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-moz-box-shadow:0 0 1px #fff inset;
-webkit-box-shadow:0 0 1px #fff inset;
box-shadow:0 0 1px #fff inset;
-webkit-transition:background-position 1s;
-moz-transition:background-position 1s;
transition:background-position 1s;
padding:10px 20px;
}
.button:hover {
background-position:top left, bottom right, 0 0 0 0;
}
.button:active {
bottom:-1px;
}
.button.big {
font-size:30px;
}
.button.medium {
font-size:18px;
}
.button.small {
font-size:13px;
}
.button.rounded {
-moz-border-radius:4em;
-webkit-border-radius:4em;
border-radius:4em;
}
.blue.button {
color:#0f4b6d!important;
border:1px solid #84acc3!important;
background-color:#48b5f2;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), 0 to(rgba(89,208,244,0))), 0 to(#3faeeb));
}
.blue.button:hover {
background-color:#63c7fe;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), 0 to(rgba(109,217,250,0))), 0 to(#58bef7));
}
.green.button {
color:#345903!important;
border:1px solid #96a37b!important;
background-color:#79be1e;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), 0 to(rgba(162,211,30,0))),-webkit-gradient(linear,0%0%,0%100%,from(#82cc27), to(#74b317));
}
.green.button:hover {
background-color:#89d228;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), 0 to(rgba(183,229,45,0))),-webkit-gradient(linear,0%0%,0%100%,from(#90de31), to(#7fc01e));
}
.orange.button {
color:#693e0a!important;
border:1px solid #bea280!important;
background-color:#e38d27;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), 0 to(rgba(232,189,45,0))),-webkit-gradient(linear,0%0%,0%100%,from(#f1982f), to(#d4821f));
}
.orange.button:hover {
background-color:#ec9732;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), 0 to(rgba(241,192,52,0))),-webkit-gradient(linear,0%0%,0%100%,from(#f9a746), to(#e18f2b));
}
.gray.button {
color:#525252!important;
border:1px solid #a5a5a5!important;
background-color:#a9adb1;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), 0 to(rgba(197,199,202,0))),-webkit-gradient(linear,0%0%,0%100%,from(#c5c7ca), to(#92989c));
}
.gray.button:hover {
background-color:#b6bbc0;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttCu5cjhd2vYLnkKG8OAwic91IBGWBKr2SbUTetxNmZ18j8ZkZ0jY9Wuwxp8l21k8XRnnHCX-hGvgOsyRRVFhBXPHifrJ01B3Ol9cjmpAvadq8M4BjVx7Mc6j_nThyphenhyphenUO6WFtm_dP-AKLC/s1600/widgetgenerators.blogspot.com-button_bg.png), 0 to(rgba(202,205,208,0))),-webkit-gradient(linear,0%0%,0%100%,from(#d1d3d6), to(#9fa5a9));
}
5 - قم بحفظ القالب
6 - لوضع الأزرار داخل التدوينة فقط عند كتبة التدوينة توجة إلى تبويب HTML
الأن وقت أختيار الأزرار
* للأزرار كبيرة الحجم :-
- الزر الأزرق
<a href="#" class="button big blue">TEXT HERE</a>
- الزر الأخضر
<a href="#" class="button big green">TEXT HERE</a>
- الزر البرتقالى
<a href="#" class="button big orange">TEXT HERE</a>
- الزر الرمادى
<a href="#" class="button big gray">TEXT HERE</a>
* الأزرار متوسطة الحجم :-
- الزر الأزرق
<a href="#" class="button medium blue">TEXT HERE</a>
- الزر الأخضر
<a href="#" class="button medium green">TEXT HERE</a>
- الزر البرتقالى
<a href="#" class="button medium orange">TEXT HERE</a>
- الزر الرمادى
<a href="#" class="button medium gray">TEXT HERE</a>
* الأزرار صغيرة الحجم :-
- الزر الأزرق
<a href="#" class="button small blue">TEXT HERE</a>
- الزر الأخضر
<a href="#" class="button small green">TEXT HERE</a>
- الزر البرتقالى
<a href="#" class="button small orange">TEXT HERE</a>
- الزر الرمادى
<a href="#" class="button small gray">TEXT HERE</a>
* الأزرار الصغيرة بحواف دائرية :-
- الزر الأزرق
<a href="#" class="button small blue rounded">TEXT HERE</a>
- الزر الأخضر
<a href="#" class="button small green rounded">TEXT HERE</a>
- الزر البرتقالى
<a href="#" class="button small orange rounded">TEXT HERE</a>
- الزر الرمادى
<a href="#" class="button small gray rounded">TEXT HERE</a>
تعديل الزر
- TEXT HERE : أستبدلها بأسم الزر
- # : أستبدلها برابط المراد وضعة فى الزر
التعليقات على الموضوع