كيفية اضافة ازرار التحميل وازرار المعاينة لمدونة بلوجر
تعتبر ازرار التحميل وازرار المعاينة من افضل اضافات بلوجر لانها تعطي للمدونة
شكل احترافي
كيفية اضافة ازرار التحميل والمعاينة
- الذهاب الي مدونة بلوجر
- ثم الذهاب الي ' المظهر '
- ثم تحرير HTML
- ثم نثوم بالبحث عن الوسم ' </b:skin> '
- ثم نقوم بلصق الكود التالي فوق الوسم ' </b:skin> ' ثم حفظ
#wrap {margin:20px auto;text-align:center;} a.btn { display: inline-block; position: relative; text-decoration: none; font-weight: 100; letter-spacing: .5px; padding: 10px 20px; margin: 10px; color: #0B6EAB; font-size: 16px; text-transform: uppercase; border-radius: 3px; transition: all 0.3s ease-out; border: 1px solid #0B6EAB; } a.btn:hover { background: #30abd5; color: #fff; box-shadow: inset 0px -50px 0px #22313F; } a.btn::before { color: #0B6EAB; display: -webkit-inline-box; content: "\f06e"; font-family: fontawesome; margin: 0 0 0 5px; } a.btn:hover::before { color: #fff; } a.btn2 { display: inline-block; position: relative; text-decoration: none; font-weight: 100; background: #dd2f2f; letter-spacing: .5px; padding: 10px 20px; margin: 10px; color: #fff; box-shadow: inset 0 0 0 #22313F; font-size: 16px; text-transform: uppercase; border-radius: 3px; transition: all 0.3s ease-out; } a.btn2:hover { background: #30abd5; color: #fff; box-shadow: inset 0px -50px 0px #22313F; } a.btn2::before { color: #FFFFFF; display: -webkit-inline-box; content: "\f090"; font-family: fontawesome; margin: 0 0 0 5px; }
والان قد اضافنا اكواد الازرار الي المدونة وكل ما علينا فعلو هو عند نشر مقالة
نقوم باضافة الاكواد التالية
داخل المقالة في " عرض HTML "
كود زر التحميل
<a class="btn2" href="ضع الرابط هنا" rel="nofollow" style="text-align: right;" target="_blank">تحميل</a>
كود زر المعاينة
<a class="btn" href="ضع الرابط هنا" rel="nofollow" target="_blank">معاينة</a>
عند النشر سنقوم بوضع الرابط في الاكواد مكان "ضع الرابط هنا"
تعليقات
إرسال تعليق