فرست ويب : إضافة أداة معاينة و تحميل القالب مثل عرب ويب الأداه الثانية

إضافة أداة معاينة و تحميل القالب مثل عرب ويب الأداه الثانية

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

معاينه مباشر من الموقع : -

معاينة

شرح طريقة التركيب

1. تسجيل حسابك في Blogger

2. على لوحة التحكم الرئيسية اختر

تخطيط » إضافة أداة HTML/JavaScript

3. أضف الكود التالى

الكود

<div class='widget-content'>
<style>
.item-widget-member {
position: relative;
color: #FFF;
}
.info {
-webkit-box-reflect: below 0.2px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(60%,transparent),to(rgba(255,255,255,0.4)));
}
.item-widget-member img {
width: 100%;
height: 250px;
}
.item-widget-member .group-inside {
position: absolute;
top: 60px;
right: 0px;
padding: 20px;
}
.item-widget-member h3 {
font-size: 20px;
color: #FF7400;
margin: 0;
font-family: "Gloria Hallelujah",ge_ss_threeregular;
text-shadow: 4px 3px 0px #394144, 6px 3px 0px rgba(0, 0, 0, 0.15);
text-align: center;
}
.item-widget-member p {
margin-bottom: 24px;
font-size: 12px;
line-height: 20px;
color: #FFFFFF;
background-color: rgba(66, 66, 66, 0.91);
padding: 2px 5px;
font-family: normal,Electrolize,ge_ss_threeregular;
text-align: right;
}
.btn.btn-primary:hover {
background: #767676;
color: #FCFCFC;
}
.btn.btn-primary{
background: #FF6515;
color: #fff;
text-decoration: none;
padding: 10px;
font-size: 12px;
border-radius: 2px;
}
</style>
<div class="item-widget-member">
        <div class="thumb">
<a><img src="http://dev.cactusthemes.com/absolute/wp-content/uploads/2014/11/banner001.jpg"  title="" /></a></div>

        <div class="group-inside">
 <div class="info">
<h3>
هنا عنوان القالب</h3>
<p>
هذا النص يمكن تغيره</p>
<a href="http://www.first1web.com/
" target="blank" class="btn btn-primary btn-sm">معاينة</a> 
<a href="http://www.first1web.com/
" target="blank" class="btn btn-primary btn-sm">تحميل</a> 
   </div>
</div>
</div>
</div>

5. قم بحفظ الأداة

إلى هنا نصل واياكم الى ختام موضوعنا اليوم ، سبحان ربك رب العزة عما يصفون وسلام على المرسلين والحمد لله رب العالمين وصلى الله وسلم على نبينا محمد وعلى اله وصحبه اجمعين

الكاتب

Mohamed Elghandour

نحن مجموعة من الخبراء فى العديد من المجالات ( البرمجة , الهكر , التكنولوجيا , التقنية , العاب الفيديو , الهواتف ) مدونون الموقع ( محمد يحيى , يوسف أيمن ) .

هناك 3 تعليقات:

غير معرف14 مارس 2015 في 10:24 ص
اردت ان اطلعكم على اضخم مسابقة في عالم الانترنت
http://th-dz.blogspot.com/2015/03/blog-post.html
ردحذف
الردود
Mohamed Elghandour14 مارس 2015 في 11:29 ص
بالتوفيق أخى
جوائز المسابقة مغرية وقوالبها رائعة :D
ردحذف
الردود
Mohamed Elghandour25 مايو 2015 في 6:58 م
موقع رائع جدا أخى :) يجب عليك أن تستمر فى هذا النجاح
ردحذف
الردود

إضافة تعليق

تذكر قوله تعالى:
(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ)) ‏
-----------------------------------
الان يمكنك اضافة اي مقطع فيديو الى التعليقات وايضا اضافة الصور فقط ضع رابط الصور او مقطع الفيديو في التعليقات
----------------------------------
آرائكم تسعدنا, لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامي

إضافة أداة معاينة و تحميل القالب مثل عرب ويب الأداه الثانية

شرح طريقة التركيب

الكاتب

Mohamed Elghandour

هناك 3 تعليقات:

فيس بوك

المواضيع الرائجة هذا الأسبوع

إعلن هنا بــ 5 $ علي خمسات

المتابعون

تبادل إعلاني بنرى

إعلانات أدسنس

أقسام المدونة

المواضيع الرائجة لهذا الشهر

إحصائيات الموقع

شرح طريقة التركيب

الكاتب

Mohamed Elghandour

قد يعجيك هذا أيضًا

هناك 3 تعليقات:

فيس بوك

المواضيع الرائجة هذا الأسبوع

إعلن هنا بــ 5 $ علي خمسات

المتابعون

تبادل إعلاني بنرى

إعلانات أدسنس

أقسام المدونة

المواضيع الرائجة لهذا الشهر

إحصائيات الموقع