![]() |
طريقة إضافة أزرار المعاينة والتحميل بشكل إحترافي على بلوجر |
السلام عليكم اليوم سنتعرف على طريقة إضافة أزرار التحميل والمعاينة بشكل إحترافي على بلوجر بشكل سهل وخرافى يجعل الزائر متوجد فى موقعك و مواضيعك.
أفضل أداة واكواد لاضافة أزرار التحميل داخل مواضيعك
أزرار التحميل و المعاينة أمر مهم جدا داخل مواضيعك لكى لا تجعل الزائر يبحث عن التحميل واليوم نقدم لكم الشرح لكى يتم تركيب الاكواد التى سوف نتركها لك فى الموضوع.
شرح تركيب ازرار المعاينة والتحميل بشكل احترافى
أولا البحث عن هذا الكود داخل القالب
]]></b:skin>
ثم نضغط على بحث على الكود داخل القالب ثم نضع الكود التالى فوق مباشرة ونضغط على حفظ
/* ازرار التحميل و المعاينة بوسطة */
================== ================== ================== ================== ==================
.btn-btn2{display:table;margin:0 auto}
#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:#2d4c69;font-size:16px;text-transform:uppercase;border-radius:3px;transition:all 0.3s ease-out;border:1px solid #ff5722;line-height:25px}
a.btn:hover{background:rgb(236, 154, 128);color:#fff;box-shadow:inset 0 -50px 0 #2d4c69}
a.btn::before{color:#16a086;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:500;background:#fff;letter-spacing:.5px;padding:10px 20px;margin:10px;color:#2d4c69;box-shadow:inset 0 0 0 #fff;font-size:16px;text-transform:uppercase;border-radius:3px;transition:all 0.3s ease-out;border:1px solid #ff5722;line-height:25px}
a.btn2:hover{background:#cc4014;color:#fff;box-shadow:inset 0 -50px 0 #2a4057}
a.btn2::before{color:#16a086;display:-webkit-inline-box;content:"\f090";font-family:fontawesome;margin:0 0 0 5px}
a.btn2:hover::before{color:#fff}
ثم بعد ذلك الخطوة الاهم هو الذهب الى الموضوع التى تريد أظهار الازرار فيها ونضغط على HTML وفى أسفل الموضوع نضع الكود التالى
<center>
<a class="btn2" href="ضع هنا رابط التحميل" rel="nofollow" target="_blank">تحميل</a>
<a class="btn" href="ضع الرابط هنا" rel="nofollow" target="_blank">معاينة</a>
</center>
تعليقات
إرسال تعليق