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

السلام عليكم ورحمة الله وبركاتة 

العديد يبحث عن طريقة للإضافة زر التحميل أو المعاينة سأشرح لكم طريقة تركيب زر إحترافى وجزاب يمكنكم إستخدامه للمعاينة أو التحميل وشرح تركيبة وإستخدام الزر سهل للغاية غير أنه مطلوب جداً لانه يظهر مدونتك أكثر جازبية والآن مع شرح تركيب الزر وإستخدامه .

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

.wg-demobt a {margin-top:0px;margin-right: 10px;-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;box-shadow:inset 0px 1px 0px 0px #ffffff;/*-www.widgetgenerators.blogspot.com-*/background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9780e), color-stop(1, #f9ead4) );background:-moz-linear-gradient( center top, #f9780e 5%, #f9ead4 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9780e', endColorstr='#f9ead4');/*-www.widgetgenerators.blogspot.com-*/background-color:#f9780e;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #f9780e;display:inline-block;color:#000000;font-family:arial;font-size:15px;font-weight:bold;padding:6px 24px;text-decoration:none;text-shadow:1px 1px 0px #ffffff;}.wg-demobt a:hover{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9ead4), color-stop(1, #f9780e) );background:-moz-linear-gradient( center top, #f9ead4 5%, #f9780e 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9ead4', endColorstr='#f9780e');background-color:#f9ead4;}.wg-demobt a:active {position:relative;top:1px;}

الآن قم بحفظ القالب وإذهب لعمل تدوينة جديدة وطبق الآتى 

وإستخدم الرابط الآتى إضغط على محرر HTML

<div class="wg-demobt"> <a href="الرابط">معاينة</a> </div>

وعدل على الرابط بما يناسبك