Sunday, June 28, 2015

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

بواسطة : ez-zriouli بتاريخ : 7:36 PM


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

  الطريقة سهلة و هي كالتالي :

  • توجه الى المدونة
  • قالب
  •  تحرير HTML
  • نبحث عن الكود: 

</head>

  • نضيف الكود الثالي فوقه 

<style>
/* Button
----------------------------------------------- */
.button-group, .text-center, .center {
text-align: center;
margin:15px 0;
font-size:13px;
letter-spacing:0px;
}

newbutton, input[type="newbutton"], input[type="reset"], input[type="submit"], .newbutton, a.newbutton {
position: relative;
width: auto;
font-weight: normal;
line-height: normal;
color: #fff !important;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
background-color: #78cd51;
border-color: #78cd51;
box-shadow: 0 4px #5da13f;
border-radius:5px;
padding:8px 18px;
cursor: pointer;
margin-right:15px;
font-family: DroidKufi-Bold;
font-size: 12px;
}


.newbutton.download:hover, .newbutton.demo:hover, .newbutton.link:hover {
background:#6dbb4a;
}
.newbutton.download:active, .newbutton.demo:active, .newbutton.link:active {
background-color:#69b646;
box-shadow: 0 -2px #5da13f;
padding:6px 18px 12px !important;
}
.newbutton.download:before {content:"\f019"}
.newbutton.demo:before {content:"\f06e"}
.newbutton.link:before {content:"\f074"}
.newbutton.link:before, .newbutton.demo:before, .newbutton.download:before{font-family:'FontAwesome';font-weight:normal;font-style:normal;vertical-align:middle;margin:0 8px 0 6px;font-size:16px;color:#529534;text-shadow:0 1px 0 rgba(255,255,255,.1)}
</style>

  •  نضغط حفظ . 

  • عند كتابة مقالة نضيف الكود الثالي الخاص باضافة في HTML
<a class="newbutton demo" href="http://lmnol.blogspot.com" target="_blank">معاينة</a>

<a class="newbutton download" href="http://lmnol.blogspot.com" target="_blank">تحميل</a>

ربح.مل تمنياتكم رضاكم طريقم الى كسب مالكم ماعليك الى السبر.

واطلب لكل ن يريد نسخ الموضوع ان يدكر المصدر و شكرا...

No comments :

Post a Comment

جميع الحقوق محفوضة لذى | السياسة الخصوصية

تطوير :زهير الزريولي