شرح إضافة زر " أطبع المقال " لبلوجر

شيء يوجد في المواقع الكبرى . زر صغير يسمى اطبع المقال
"print button" or "print this page" نعرف أنه لطباعة المقال ولكن لا نعرف كيفية إضافته لموقعنا
ولكن بفضل الله اليوم سنتعلم سويا كيفية إضافة هذا الزر الى مدونتك في بلوجر

أولا لا ننسى بحفظ نسخة أحتياطية من القالب
الخطوات
1. أدخل الى لوحة تحكم مدونتك في بلوجر
2.اذهب الى التخطيط ثم تحرير ال HTML وقم بتوسيع القالب
3.أبحث عن كلمة  </head>  ثم أضف بعدها هذا الكود

<style type="text/css" media="print">
#noprint {display: none;}
// Hide unwanted elements
body {background:fff; color:000;}
// Black text on White background
a {text-decoration: underline; color:00f;}
//Underline Hyperlinks in blue
}
</style>

4. ثم ابحث عن كلمة <p><data:post.body/></p>
وأضف بعدها هذا الكود

<a href='javascript:window.print()'><img border='0' src='http://i196.photobucket.com/albums/aa54/angga_ugm/printButton1-1.gif'/> Print This</a>

 بعد ذلك قم بحفظ القالب ومبروك عليك الأداة

ملحوظة يمكن تغيير اللوجو الخاص بالطباعة عن طريق تغيير رابط الصورة الملون باللون الأخضر
والتالي مجموعة من الرموز المختلفة للطباعة

http://i196.photobucket.com/albums/aa54/angga_ugm/printButton1-1.gif


http://i196.photobucket.com/albums/aa54/angga_ugm/printButton1.png


http://i196.photobucket.com/albums/aa54/angga_ugm/printButton2.gif


http://i196.photobucket.com/albums/aa54/angga_ugm/pc_01.gif


http://i196.photobucket.com/albums/aa54/angga_ugm/pc_02.gif


http://i196.photobucket.com/albums/aa54/angga_ugm/pc_06.gif


http://i196.photobucket.com/albums/aa54/angga_ugm/pc_07.gif


http://i196.photobucket.com/albums/aa54/angga_ugm/pc_22.gif


http://i196.photobucket.com/albums/aa54/angga_ugm/pc_24.gif


http://i196.photobucket.com/albums/aa54/angga_ugm/pc_25.gif


http://i196.photobucket.com/albums/aa54/angga_ugm/print_icon.jpg


تم بحمد الله تحياتي أخوكم باسم

 

Posted in: إضافات بلوجر,هاكات بلوجر