إضافة أزرار بشكل جميل جداً لمدونة بلوجر

طريقة التركيب الإضافة

1- ادخل إلى مدونتك واختر تحرير قالب

2- ابحث عن الوسم ]]></b:skin> ثم ضع الكود فوقه

الكود

a.arrow { background: url(https://lh6.googleusercontent.com/-MN8uM8UjqKc/UqVzgruo__I/AAAAAAAAB9g/KlJ_7E_3oGQ/w95-h50-no/Arrow.jpg) repeat-x top; border: 4px solid rgba(0, 0, 0, .1); color: #fff; display: inline-block; font-size: 1.1em; font-weight: bold; padding: .6em 1.2em; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
a.arrow.red { background-color: #b20000 }
a.arrow.orange { background-color: #f76c0f }
a.arrow.green { background-color: #248334 }
a.arrow.blue { background-color: #1086b6 }
a.arrow.gray { background-color: #aeaeae }
a.arrow.dark { background-color: #343434 }
a.arrow:hover { color: #fff; opacity: .5 }

3- ثم اختر تخطيط / إضافة أداة HTML/JavaScript وضع الكود التالي في الصندوق

الكود

<a class="arrow red" href="الرابط">تعديل</a>
<a class="arrow orange" href="الرابط">تعديل</a>
<a class="arrow green" href="الرابط>تعديل</a>
<a class="arrow blue" href="الرابط">تعديل</a>
<a class="arrow gray" href="الرابط">تعديل</a>
<a class="arrow dark" href="الرابط ">تعديل</a>

4- اعمل حفظ

5- التعديلات

- الرابط / رابط الصفحة

- تعديل / اسم الصفحة التي ترغب أن ينتقل إليها الرابط