كيفية اضافة زر التحميل والمعاينة لمدونتك بشكل احترافى على مدونة بلوجر

10 مايو 2024

فى هذا القسم من مجلتنا قسم اضافات بلوجر نقدم لكم اجمل الاضافات التى تحتاجها مدونة بلوجر لتعطى رونق وشكل جمالى وهى اضافات لاغنى عنها فى كل مدونة.

نقدم لكم الاضافة مع شرح تركيبها فى المدونة لكن نرجو قبل كل شيئ اخذ نسخة احتياطية من القالب تحسبا لاى خطأ

كما ننتظر تعليقاتكم ومشاركاتكم ونحن نتمنى ان نكون عند حسن ظنكم دوما.

اضافة كود زر المعاينة زر التحميل داخل مواضيع بلوجر بشكل جميل واحترافي،

ويحتوي الكود على ازرار اثنين زر التحميل وزر المعاينة، وهذه الكود قد يعطي الروابط اكثر تنسيق وجمالية داخل مواضيع بلوجر ومقالات المدونة وبشكل احترافي. تابع كيفية اضافة كود زر التحميل وزر المعاينة في بلوجر.

كود زر معاينة وزر تحميل لمدونة بلوجر

طريقة اضافة زر التحميل وزر المعاينة داخل مواضع بلوجر

1. توجه الى ادارة المدونة اختار المظهر >> تعديل HTML

2. اضغط من الكيبورد على Ctrl + F وابحث عن هذا الوسم " ]]></b:skin> " ثم قم بنسخ ولصق الكود الاسفل اعلاه تماماً، واضغط على حفظ .

#wrap{margin:20px auto;text-align:center}
#wrap br{display:none}
.btn-slide,.btn-slide2{position:relative;display:inline-block;height:50px;width:200px;line-height:50px;padding:0;border-radius:50px;background:#fdfdfd;border:2px solid #0099cc;margin:10px;transition:.5s}
.btn-slide2{border:2px solid #efa666}
.btn-slide:hover{background-color:#0099cc}
.btn-slide2:hover{background-color:#efa666}
.btn-slide:hover span.circle,.btn-slide2:hover span.circle2{left:100%;margin-left:-45px;background-color:#fdfdfd;color:#0099cc}
.btn-slide2:hover span.circle2{color:#efa666}
.btn-slide:hover span.title,.btn-slide2:hover span.title2{left:40px;opacity:0}
.btn-slide:hover span.title-hover,.btn-slide2:hover span.title-hover2{opacity:1;left:40px}
.btn-slide span.circle,.btn-slide2 span.circle2{display:block;background-color:#0099cc;color:#fff;position:absolute;float:left;margin:5px;line-height:42px;height:40px;width:40px;top:0;left:0;transition:.5s;border-radius:50%}
.btn-slide2 span.circle2{background-color:#efa666}
.btn-slide span.title,.btn-slide span.title-hover,.btn-slide2 span.title2,.btn-slide2 span.title-hover2{position:absolute;left:90px;text-align:center;margin:0 auto;font-size:16px;font-weight:bold;color:#30abd5;transition:.5s}
.btn-slide2 span.title2,.btn-slide2 span.title-hover2{color:#efa666;left:80px}
.btn-slide span.title-hover,.btn-slide2 span.title-hover2{left:80px;opacity:0}
.btn-slide span.title-hover,.btn-slide2 span.title-hover2{color:#fff}

طريقة اضافة الكود الثاني اذهب لتحرير الموضوع اختارHTML .

3. انسخ الكود الاسفل ولصقه في الاخر،

ملاحظة: قم بتغيير الروابط الموجود باللون الازرق الى الروابط الخاص بك.

4. اخيراً قم بالرجوع الى تأليف ومعاينة الموضوع. وستشاهد قد تمت اضافة زر تحميل وزر معاينة.

كما يمكنك نسخ الأكواد من أسفل

تحميل الكود اضغط هنا

شاهد ايضا

الكلمات المفتاحية :

هيام

https://www.ostazali.com/

الملف الشخصي

مجلة الأستاذة شمس للمنوعــات

القائمة الرئيسية

الصفحات

أخر الأخبار [LastPost]

كيفية اضافة زر التحميل والمعاينة لمدونتك بشكل احترافى على مدونة بلوجر

اضافة كود زر المعاينة زر التحميل داخل مواضيع بلوجر بشكل جميل واحترافي،

كود زر معاينة وزر تحميل لمدونة بلوجر

طريقة اضافة زر التحميل وزر المعاينة داخل مواضع بلوجر

طريقة اضافة الكود الثاني اذهب لتحرير الموضوع اختارHTML .

ملاحظة: قم بتغيير الروابط الموجود باللون الازرق الى الروابط الخاص بك.

شاهد ايضا

أخر المواضيع من قسم : اضافات

تعليقات

إرسال تعليق

مجلة بسيطة في الشكل لكنها متميزه وخفيفة في محتواها وأفكارها مفيدة. تخاطب الجميع