برمجه إضافة زر الطباعة لمدونات بلوجر print blogger

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F )
تذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء

  
إذا وجدت 2 من هذا الكود فالثاني هو المقصود
=================================
<data:post.body/>=================================
ثم قم بإستبداله بأحد هذه الأكواد:
<span class='noprint'><data:post.body/></span>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href='javascript:window.print()'><img src='http://jnnh.net/images/print.jpg'/></a>
</b:if>

=================================
<span class='noprint'><data:post.body/></span>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href='javascript:window.print()'><img src='http://hantoor.com/images/print.png'/></a>
</b:if>

=================================
<span class='noprint'><data:post.body/></span>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href='javascript:window.print()'><img src='http://www.alphastat.org/images/shared/printer.gif'/></a>
</b:if>

=================================
يمكنك تبديل الروابط ذات اللون الاحمر برابط الصورة التي ترغب بها
أخيرا قم بحفظ القالب و إذهب للمعاينة,فلا تنسى التعليق على هذا الموضوع في إنتظار تشجيعاتكم
البحث عن هذا
<data:post.body/>تحته ضع هذذا الكود
================================= هذا التطبيق يطلع بالمقدمه وبالموضوع
<br/><a href="javascript:print()">انسخ المقاله</a>
وهذا الكود بالصوره
<br/><a href='javascript:window.print()'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF4YnXF3cdSdAXzwC2rzWU-eWOK2nD4ZzyGbMIdm5IXF-7rIm6Ie9TudKMU3TBMXgEF5yLPtU6nzfBw2H7okVwQdx-DvC1Q-XJ-P-DyTZvqOHmmp9z7UNZ4KsM0jgPCMSlYhyphenhyphenjXGwzqdk/s72-c/printer.png'/></a>

================================= وهذا اخر تطبيق
ابحث عن هذا
</head>فوقه ضع هذا

<style media='print' type='text/css'> header, #header-wrapper,
#header, .header, #crosscol-wrapper, #crosscol, .tabs-inner, aside, #sidebar, #sidebar-wrapper, .sidebar, .post-footer, footer, #footer-wrapper,
#footer, .footer, .date-header, #comments, .comments, #backlinks-container, .feed-links, #blog-pager, #navbar-iframe {display:none}
#main-wrapper {width:95%; overflow:visible !important;}</style>

=================================

 وهذا التطبيق هو الافضل 
وتبحث عن هذا
<data:post.body/>وتضع الكود هذا تحته
=================================
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span style='background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH7pfOsqeQK3ThiVK5hsRkGQrxiBYkhRP9ncGr9bsWdxTbAiqGIruM0FQS8SFce0eUMTbgPnZdsj2WUYx0lRo4cFf4DH5Yjn-dhjjPI1u5iMjW-2X6ywXXTUc-7drFFKXypPHjtfk59Kk/s16/impresora.png) left no-repeat; padding-left: 30px;'><a href='javascript:window.print()'>اذا حبيت نسخ المقالهـ</a></span>
</b:if>

=================================

إرسال تعليق

0 تعليقات