أضافة أزرار تحميل ومعاينة

أضافة أزرار تحميل ومعاينة

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

معاينة الأضافة

معاينة

الأن لوضع الاضافة على مدونتك

توجه الى القالب ثم تحرير وبحث عن ]]></b:skin> ثم ضع الكود التالي فوقه :

#download { display: block; width: 200px; height: 68px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieXgObHBi2lcyMR8YSgtzCRSFBnoDJS0SFAUBsAYlVP2-5Jn6srb1OmGeXnNYXypN8XMAJwyZO2l_lLB0uB7WAXqgl5Y763tbfT6R6DJkYf0By6Ik49_RKjFO_BlNajVJEDiOz0Y3eU7qh/s200/%D8%AA%D8%AD%D9%85%D9%8A%D9%84+%D8%A7%D9%84%D9%82%D8%A7%D9%84%D8%A8+-+afkarpro.blogspot.com.png") no-repeat 0 0; } /*By akram-info.blogspot.com*/ #download:hover { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVVSR_6U6EcGXCusxQDlcOFgATHJuK-R6B_TxrbTjSHWMAQ1MQm35urqoZsxlkjmm6Ar7XsV3tSK_jYQp9WrGsVey8tWfJ1mCvJBQz56tDf1iK2b5KBUYQ2EGBKfcCSZPIeJ-uNlfiVRDi/s1600/%D8%AA%D8%AD%D9%85%D9%8A%D9%84-%D8%A7%D9%84%D9%82%D8%A7%D9%84%D8%A8-2-kawaleeb-afkarpro.blogspot.png") no-repeat 0 0; } /*By akram-info.blogspot.com*/ #demo { display: block; width: 200px; height: 68px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsl2GMmQ9bKzov4-BjLIWxrCqpSeHFpDYgXCWTyOyKMioqiU85f3prTDWnTXLsFl0X8Wbdq7VbONAVgIlK-jTeo9ljdCIzTm6nbhLJFZwrUrbOtzEMmJIGyMMoRm1DfigBmrjSxMdyTDJD/s200/%D9%85%D8%B9%D8%A7%D9%8A%D9%86%D8%A9+%D8%A7%D9%84%D9%82%D8%A7%D9%84%D8%A8+-+afkarpro.blogspot.com.png") no-repeat 0 0; margin: 40px 40px 40px 60px; } /*By akram-info.blogspot.com*/ #demo:hover { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4F32OeDqLPX-ZhwbTm6GJU5JNvjQ3Vws4DSJJDQduz1x-QjBfDhtJ9LMnTvRIz7ny5IXb0DQtgPVGbnxBQGh5aSOB-y74oJzdmEjUDtojZfcq5PjaO4AeCw7mvqFZmnhoc6laWW10EQjU/s1600/%D9%85%D8%B9%D8%A7%D9%8A%D9%86%D8%A9-%D8%A7%D9%84%D9%82%D8%A7%D9%84%D8%A8-2-kawaleeb-afkarpro.blogspot.png") no-repeat 0 0; }­

عند كتابتك لتدوينة ضع الكود التالي في HTML وغير الرابط :

<table style="margin-left: auto; margin-right: auto;"> <tbody> <tr> <td> <a href="http://akram-info.blogspot.com/" id="download" target="_blank" title="تحميل القالب"></a> </td> <td> <a href="http://akram-info.blogspot.com/" id="demo" target="_blank" title="معاينة القالب"></a> </td> </tr> </tbody> </table>

ارجو ان تكون الأضافة قد اعجبتك لاتنسا دعمنا بتعليق وشكرا

الأقسام:

شارك الموضوع مع أصدقائك

Akram Benhalla

أكرم بن هالة ابلغ من العمر 16 سنة ولدت في الجزائر و انا مأسس موقع أكرم ويب