اضافة صفحة تحميل تطبيق مدونتك
مرحبا بكم متابعينا الاوفياء. مدير ومشرف المدونة غائب هذه الفترة, نعتذر عن عدم نشر مواضيع جديدة لكم والاجابة عن تعليقاتكم
نشكركم على تفهمكم

إعلان أدسنس

آخر المواضيع

breaking/مقالات/9
مرحبا بك في موقعنا ! :) .. للبحث عنا من جوجل يمكنك كتابة "نكهة التقنية" أو "Nak1ha" ! لا تنس جعل المدونة الصفحة الرئيسية لمتصفحك! :)
بلوجر

إشترك في قناتنا على اليوتيوب لتتوصلو بجديد حلقاتنا التقنية


شارك المدونة مع أصدقائك في الفيسبوك ليستفيدو أيظا

الخميس، 27 أكتوبر، 2016

1:13:00 م

تكبير النص تصغير النص أعادة للحجم الطبيعي
السلام عليكم ورحمة الله تعالى وبركاته
اليوم مع درس جديد سأطرح لكم طريقة تركيب صفحة خاصة بتحميل تطبيق مدونتك وكما شرحنا من قبل اضافة آداة تحميل تطبيق المدونة اليوم سنشرح طريقة انشاء صفحة لتحميل تطبيقك ومن الصفحة تمتاز بعدة مميزات كتصميمها الأنيق وتجاوبها وتوفرها على أزرار التحميل للاندرويد والايفون ويمكنك المعاينة لتتفحص الصفحة وان اعجبك هذا الدرس فلا تنسى وضع تعليق تحفيزي يتضمن رأيك من أجل التحفيز ولكي نقدم اكثر ما في جهدنا من اجل تقديم الأفضل.
معاينة 
اضغط لمعاينة الصفحة
شرح طريقة التركيب 
  1. أول خطوة عليك الذهاب الى انشاء صفحة جديدة
  2. ثم عليك الانتقال من وضع تأليف الى HTML كما في الصورة
  1. ثم الصق بها الأكواد التالية
/* ------------------------------ * page App by Nak1ha http://nak1ha.blogspot.com/ * ------------------------------ */<div dir="rtl" style="text-align: right;" trbidi="on"> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css" rel="stylesheet"></link> <style> .blog-logo img { width: 30%; height: 30%; border-radius: 50%; } .blog-app { background: url(http://news.portech.co.uk/wp-content/uploads/2015/11/sdk-android-ios.png) no-repeat center; } .blog-app-text { text-align: center; } .blog-app-title { background: #3598DC; color: #fff; width: 50%; display: inline-block; padding: 3px; text-align: center; } .blog-app-description { padding: 5px 2px; color: #4f4f4f } .download-app { width: 100%; height: 100%; overflow: hidden; } .download-app a { width: 100%; display: inline-block; float: right; text-align: center; margin: 15px 0px 0px 0px; border-radius: 30px; padding: 10px 0; color: #fff; } .android { background: #74C043; } .ios { background: #808080; } .tooltip { -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; transition: all 200ms ease-out; position: absolute; display: inline-block; width: 150px; HEIGHT: 25px; line-height: 25px; text-align: center; margin-right: -85px; margin-top: -34px; font-size: 13px; background: #02ADD4; border-radius: 4px; color: #FFFFFF; opacity: 0; } .download-app a:hover .tooltip { opacity: 1; z-index: 9999; } .post-body h3 { margin: 6px 0px 10px 2px; font-size: 20px; line-height: 42px; border-radius: 5px; color: #ffffff; background-color: rgba(0,0,0,0.8); border-top: 3px solid #ff5722; border-bottom: 3px solid #ff5722; } </style> <br /> <div class="blog-app"> <div class="blog-logo"> <center> <a href="https://nak1ha.blogspot.com/"><img src="http://b.top4top.net/p_299rpgmt1.png" /></a></center> <div> <div class="blog-app-text"> <h3 class="blog-app-title"> حمل تطبيق المدونة</h3> <div class="blog-app-description"> حمل تطبيق مدونتنا على هاتفك لتتوصل بكل جديدنا، وحتى لا يفوتك اي شيء ، فماذا تنتظر ! </div> </div> <div class="download-app"> <a class="android" href="http://download1405.mediafire.com/ivsayyveh3eg/vu557iaf91k6qu9/nak1ha.apk"><i class="fa fa-android"></i><span class="tooltip">حمل الآن ! مذا تنتظر ؟</span></a> <a class="ios" href="https://www.blogger.com/blogger.g?blogID=3016169891337403942#"><i class="fa fa-apple"></i><span class="tooltip">قريبا على iOS</span></a> </div> </div> </div> </div> <div dir="rtl" style="position: fixed; text-align: center;" trbidi="on"> <a class="Moussa" href="http://nak1ha.blogspot.com/" rel="dofollow" target="_blank"><i aria-hidden="true" class="fa fa-code"></i> تصميم : مدونة نكهة </a> </div> </div>

  1. ثم عدل عليها كما تريد
  2. ثم حفظ
  3. ومبروك عليك الصفحة ونتمنى ان تنال اعجابكم

في آمان الله

مقالات