طريقة اضافة زر التحميل وزر المعاينة
كيفية اضافة ازرار المعاينة والتحميل.
1- توجه الي لوحة تحكم بلوجر.
2- اضغط علي تبويب المظهر.
3- ثم اضغط علي تحرير HTML.
4- ابحث عن الوسم <b:skin> بالضغط علي مفتاح Ctrl + F ثم اكتب الوسم داخل مربع البحث واضغط علي مفتاح Enter.
5- قم بلصق الكود التالي تحت وسم <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>
إرسال تعليق