NET POINT | الافضل لكم

قوالب ابداع الاحترافية و المدفوعة بسعر 20$ مجانا

noreply@blogger.com (اسامة عبد الرضا) — Mon, 29 Dec 2014 14:48:00 +0000

حصريا وفقط مدونة NET POINT قوالب ابداع الاحترافية

بمعنى الكلمة وهي عبارة عن ثلاثة قوالب قالب المجلة وقالب المدونة وقالب كلاسك

مجانا وان القالب مدفوع سعره 20$ يمكنك الان الحصول عليه من مدونة نت بوينت

مجانا اذن ماذا تنظر الان سارع بالحصول عليه .......

ملاحظة : لكم كامل الحرية اما تريد احد القوالب او اثنين من القوالب او ثلاثتهم

لمعاينة القوالب الثلاثة

مشاهدة القوالب

مميزات القوالب

القالب متجاوب إي انه يعمل مع جميع الأجهزة بشكل متناسق معانية التجاوب 1 , معانية التجاوب 2 , معانية التجاوب 3
يدعم مصمم النماذج حيث يمكنك تغير ألوان القالب بعدد لا نهائي من الألوان.
اداة خاصة لأيقونات التواصل الأجتماعي مع 16 ايقونة مجاناً
يدعم رفع خلفية مباشرة من جهازك مع وجود عدد كبير من الخلفيات الجاهزة
موضوعات ذات صلة أسفل كل موضوع
صفحة الخطأ 404
شكل مميز لأدوات بلوجر الأساسية
أيقونات بخاصية التوقع لأدوات بلوجر
صندوق أعجاب الفيس بوك بدون اكواد
أداة خاصة للقائمة الرئيسية بدون الحاجة لأكواد صورة توضح ذلك
خاصية تحميل مزيد من الموضوعات
محسن لمحركات البحث
قالب المجلة به 11 اداة خاصة لأظاهر اخر الموضوعات بواسطة التسمية بواسطة اداوات مخصصة لذلك

صور للقوالب

للحصول على القالب اتبع التعليمات التالية

يجب ان تكون من اعضاء المدونة من هنا
اترك تعليق وبه ايميلك والاسم الذي انضممت به الى اعضاء المدونة
سيتم ارسال القالب لك فورا بعد تنفيذ الشروط
ارجوا عدم الخطأ في كتابة الايميل
اخيراا مبروك عليك القالب الاحترافي

القوالب مقدمة فقط من NET POINT | الافضل لكم ولاتنسوا التعليقات المشجة ..

قالب مدونتي المميز مجانا للتحميل

noreply@blogger.com (اسامة عبد الرضا) — Fri, 19 Dec 2014 21:01:00 +0000

السلام عليكم ورحمة الله وبركاته اليوم عندنا قالب جميل

واحترافي مدفوع والكل يعرفه

وهو قالب مدونتي

القالب حصري فقط على مدونة نت بوينت و مدونة علي نائل

مميزات القالب

هيدر احترافي ومميز
عرض تدوينات بشكل جميل
شكل تعليقات احترافي
تصميم بتقنية السكويزبيج
المشاركات الشائعه في الفوتر
فوتر مميز
الوان مريحه للعين وجذابه
والمزيد من المميزات تكتشفها عند المعاينة

مشاهدة القالب

صورة كاملة للقالب

لتحصل على القالب اتبع الشروط التالية
**القالب حصري فقط على مدونة علي نائل ومدونة نت بوينت

الاشتراك في مدونة نت بوينت من هنا
الاشتراك في مدونة علي نائل من هنا
اوضع تعلق فيه النص التالي , (تم الاشتراك في مدونة نت بوينت وعلي نائل) + تترك ايميلك ليتم ارسال القالب اليك
اذا لم تنفذ الشروط لن يتم ارسال القالب

ملاحظة القالب حصري فقط من مدونة نت بوينت و علي نائل

قالب Ayana tech الاصدار السادس

noreply@blogger.com (اسامة عبد الرضا) — Thu, 18 Dec 2014 04:51:00 +0000

صورة كاملة للقالب

مشاهدة
إضغط للمشاهدة

مميزات القالب

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

للحصول على القالب اتبع الشروط التالية

الانضمام الى مدونة NET POINT | الافضل لكم من هنا
الانضمام الى مدونة Ayana Tech معاينة
اترك تعليق به بريد الالكتروني ليتم ارسال القالب لك فورا

/*----لن يتم ارسال القالب لمن لم ينضم الي مدونه ayana tech---*/

قالب نقطة . الاحترافي الجديد بسعر 15 دولار مجانا

noreply@blogger.com (اسامة عبد الرضا) — Sat, 13 Dec 2014 19:12:00 +0000

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

اليوم مع موضوع جديد وقالب جديد وبالاشتراك مع مدونة نت بوينت حصريا

قالب مدونة نقطة , الاحترافي والمميز المدفوع بسعر 15 دولار يقدم لكم مجاني

وشكرا لمدونة علي نائل

معاينة

صورة لعرض التدوينات في الصفحة الرئيسية

صورة كاملة للقالب

*تنويه القالب خاص وحصري بمدونة نت بوينت وعلي نائل

القالب من تصميمي انا اسامه صاحب مدونة نت بوينت

لتحميل القالب اتبع الشروط التالية وبدقة

الاشتراك في مدونة نت بوينت من هنا
الاشتراك في مدونة علي نائل من هنا
تضع تعليق فيه ايميلك واسمك

اما

في مدونتي او في مدونة نت بوينت ليتم ارسال القالب اليك

ملاحظة مهمة اذا لم تشترك في مدونة نت بوينت او مدونة علي نائل لن يتم ارسال القالب اليك ,

انتهى اي استفسار اترك تعليق نرجوا منكم التعليقات المشجعة وشكرا

قالب مطوري البلوجر مجانا وبدون شروط

noreply@blogger.com (اسامة عبد الرضا) — Sun, 09 Nov 2014 14:43:00 +0000

اليوم معنا قالب حصري جداا وهو قالب مطوري البلوجر قالب رائع وجديد على بلوجر اترككم

الان مع المعاينة والتحميل استمتعوا

معاينة
إضغط للمشاهدة

تحميل مباشر
إضغط للبدء
100.96KB .rar

قالب فكرة مطور مجانا

noreply@blogger.com (اسامة عبد الرضا) — Sun, 09 Nov 2014 13:59:00 +0000

مشاهدة القالب
إضغط للمشاهدة

حصريا قالب بلوجر احترافي جداااااا من مدونة NET POINT | الافضل لكم

بصراحة كان القالب عندي من زمان لكن لم انشره

قد ادخل في موضوع اخرى لكن يجب التعريف بالمحتالين

مروان اضبيب طلب القالب مني بشدة ليعمل به مسابقة

وانا جلبت القالب له

والان انا انشره لان مروان اضبيب المحتال صاحب مدونة ابداع ويب

خالف الشروط وفعل بعدها فعلة حقا حقا لايمكنني قولها لكم

لانها بصراحة كبيرة جدااا

وعلقت على تعليقاته في مدونتي

انظروا

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

‏الان تريد مسامحتي لان اسامحك ابدااااا والله يأخذ حقي منك فعلت شيء مسسيييييي جدددددداااا معي ولا استطيع اقوله للناس واكد الكلام الذي قلته في التعليقات انا سوف انشر فكرة مطور وقالب الحالي للناس جميعا حتى يعرف الناس كم انا صادقك في كل كلمة اقولها

-------

للحصول على القالب اتبع التعليمات التالية

يجب ان تكون من اعضاء المدونة من هنا
اترك تعليق وبه ايميلك والاسم الذي انضممت به الى اعضاء المدونة
سيتم ارسال القالب لك فورا بعد تنفيذ الشروط
ارجوا عدم الخطأ في كتابة الايميل
اخيراا مبروك عليك القالب الاحترافي

تحديث قالب عرب ويب الحالي مجانا قالب بداية نقطة

noreply@blogger.com (اسامة عبد الرضا) — Fri, 07 Nov 2014 23:29:00 +0000

اطلب النسخة المحدثة

حصريا وقبل كل المدونات مدونة NET POINT

تقدم لك قالب مدونة عرب الحالي مجانا لكم

وهو قالب بداية نقطة من تصميم عرب ويب

تابعوا لنكتشف القالب عن قرب وبصورة اكثر تفصيلة

الواجهة الكاملة

الصفحة الثابتة

مشاهدة القالب
إضغط للمشاهدة

شكل التخطيط

مميزات القالب

صفحة خطأ 404
قالب متناسق من حيث المظهر
داعم للاعلانات
سلايد شو في الاسفل تلقائي
سلايد شو في الاعلى
التعليقات بشكل احترافي
متناسق من جميع الاجهزة
قائمة علوية ثابتة
قائمة ثانوية منسدلة
ايقونات التواصل الاجتماعي
اداة اخر التعليقات
واجهة ترحيبة احترافية
الابتسامات مع تحويل الاكواد في التعليقات
مشاركة الموضوع اسفل كل مقالة مع ازرار الاعجاب
قالب سريع الارشفة وخفيف جدااا
والمزيد اكتشفها بنفسك

لتغير اللوجو ابحث عن

http://2.bp.blogspot.com/-EnMEVb6N2Es/VCSZDK7PmfI/AAAAAAAACHA/s91Ph_ecaP8/s1600/logo%2Bnet%2Bpoint.png

لتغيير جملة مكان لعالم غير محدود من التقنية والابداع ابحث عن

<div class='titlewrapper'>

لتغيير خلفية الهيدر ابحث عن

http://2.bp.blogspot.com/-9HJqfP23wKs/VEecQW-QwoI/AAAAAAAAGgo/0_1B61Eb2hs/s1600/coverar1web.jpg

لتعديل على القائمة العلوية ( البيضاء ) ابحث عن

<li><a class='active' href='/' title='الرئيسية'><i class='fa fa-lightbulb-o'/></a></li>

ستجد اسفله روابط واسماء غيرها براحتك

للتعديل على القائمة (الحمراء) ابحث عن

<nav id='nav_header'>

ستجد اسفله روابط واسماء غيرها براحتك

للتعديل على السلايد شو الذي في الفوتر ابحث عن

<div class='latest-news-container' id='latest-news-container'>

ستجد اسفله روابط الصور وغيرها من الروابط

لااضافة كود اخر التعليقات قم باضافة الكود التالي بأداة HTML/JAVASCRIPT

<style type="text/css" scoped>
ul.kangismet_recent{list-style:none;margin:0;padding:0;}
.kangismet_recent li{background:transparent;margin:0 0 6px!important;padding:3px
!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent;
border-radius:9px; max-height: 100px;}
.kangismet_recent li:hover{background:#fff;border: 1px solid #e9e9e9;}
.kangismet_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{border-radius:100px;width:35px;height:35px}
.kangismet_recent li span{margin-top:4px;color: #444;display: block;font-size: 12px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
var
numComments = 8,
showAvatar = true,
avatarSize = 35,
roundAvatar = true,
characters = 40,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
maxfeeds=50,
adminBlog='NET POINT';
//]]>
</script>
<script type="text/javascript" src="https://ar1web-com.googlecode.com/svn/Hm/recentcomments.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=kangismet_recent&&max-results=50">
</script>

لاضافة كود اخر مواضيع اي قسم لديك كما في عرب ويب

<div class='related-wrap'>
<div class='rlwrap section' id='relmain1'><div class='widget HTML' id='HTML1'>
<h2 class='title'>قوالب بلوجر</h2>
<div class='widget-content'>
<div class="more_topic"><a href="http://www.ar1web.com//search/label/قوالب بلوجر">مزيد</a></div>
<script type='text/javascript'>
var numposts = 8;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 60;
</script>
<script type="text/javascript" src="/feeds/posts/default/-/قوالب بلوجر?orderby=updated&
alt=json-in-script&callback=labelthumbs"></script>
</div></div></div></div>

اضف الكود في اداة جديدة HTML/JAVASCRIPT
وغير ماهو ملون
ابقي اسم او عنوان الاداة فارغ

لاضافة كود التدوينات العشوائية (اضفه في اداة جديدة HTML/JAVASCRIPT)
ابقى اسم او عنوان الاداة فارغ

<div class='rlwraphm section' id='relmain5'>
<h2 class='title'>تدوينات عشوائية</h2>
<div class='widget-content'>
<div id='bp_recent'></div> <script style='text/javascript' src='https://ar1web-com.googlecode.com/svn/trunk/xc-recentpost.js'></script> <script style='text/javascript'> var numberOfPosts = 63; var showPostDate = false; var showSummary = false; var titleLength = 0; var showCommentCount = false; var showThumbs = true; var showNoImage = true; var imgDim = 65; var imgFloat = 'left'; var myMargin = 3; var mediaThumbsOnly = true; var showReadMore = false; </script> <script src='http://net-piont2013.blogspot.com/feeds/posts/summary?max-results=63&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>
</div></div>

لاضافة اداة التسميات اواقسام المدونة اتبع
اضغط اضافة جديدة ثم اضغط على التسميات
ثم اختر سحابة ولاتختار قائمة ثم احفظ

للحصول على القالب اتبع التعليمات التالية

يجب ان تكون من اعضاء المدونة من هنا
اترك تعليق وبه ايميلك والاسم الذي انضممت به الى اعضاء المدونة
سيتم ارسال القالب لك فورا بعد تنفيذ الشروط
ارجوا عدم الخطأ في كتابة الايميل
اخيراا مبروك عليك القالب الاحترافي

اضافة سلايد شو احترافي بشكل عرب ويب

noreply@blogger.com (اسامة عبد الرضا) — Wed, 05 Nov 2014 12:57:00 +0000

السلام عليكم ورحمة الله وبركاته اليوم موضوع عن اضافة سلايد شو احترافي مثل عرب ويب
الاضافة احترافية وحصرية فقط على مدونة NET POINT الافضل لكم
نرحب بكل طلباتكم تابعوا كيفية اضافة السلايد شو
طبعا انا سأضيف هذا السلايد الى مدونتي ايضا
اذا اعجبكم الموضوع اتمنى ان لاتنسوا التعليقات المشجعة

مشاهدة الاضافة

كيفية تركيب الاضافة

لوحة التحكم
القالب
ثم تحرير HTML
ثم اضف الكود التالي فوق </head>

<style>
/* STYLE */
@keyframes columns {
from {box-shadow:0 0 0 0 #26C9FF;}
to {box-shadow:0 0 0 20px transparent;}
}
@-webkit-keyframes columns {
from {box-shadow:0 0 0 0 #26C9FF;}
to {box-shadow:0 0 0 20px transparent;}
}
/* Link Hovers */
#latest-news-container a {
color:#000;
text-decoration:none;
}
#latest-news-container a:hover {
color:#26C9FF;
}
/* Circular Content Carousel Style */
#latest-news-container {
max-width:1180px;
height:250px;
position:relative;
margin:50px auto 0 auto;
font-family: 'kalingaregular';
}
#latest-news-container .single-wrapper {
max-width:1139px;
height:250px; /* Adjust Height On Single Wrapper / ( You Need To Change Height on ".single-item" bellow too, for the height to take effect ) */
position:relative;
margin:0 auto;
}
/* Slide Width / Properties */ #latest-news-container .single-item {
width:285px;
height:236px; /* Adjust Height On Slide / To Your Needs */
position:relative;
float:left;
text-align:center;
}
/* Slide Hover Effect */
#latest-news-container .single-item:hover {
/*animation*/
-webkit-animation:columns 0.3s;
-moz-animation:columns 0.3s;
-ms-animation:columns 0.3s;
-o-animation:columns 0.3s;
animation:columns 0.3s;
/*transform*/
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-ms-transform:scale(0.9);
-o-transform:scale(0.9);
transform:scale(0.9);
}
#latest-news-container .single-more{
position: absolute;
bottom: 10px;
right:0px;
padding:4px 15px;
font-weight:bold;
background: #ccbda2;
text-align:center;
color: white;
font-family: 'kalingaregular';
font-style:italic;
text-shadow:1px 1px 1px #897c63;
}
#latest-news-container .single-item-main{
padding:0px;
margin:0px 2px 0px 0px;
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
overflow:hidden;
border:#EEEEEE thin solid;
border-width:1px;
height:250px;
}
/* Single Item Circle Style Date */
#latest-news-container .single-item-main .date {
width:85px;
height:65px;
border-radius:50%;
border:#26C9FF thin solid;
border-width:3px;
position:absolute;
bottom:-45px;
left:34%;
background:#FFF;
font-size:12px;
text-align:center;
padding:20px 0px 0px 0px;
}
/* Single Item Circle Style Date Hover Effect */
#latest-news-container .single-item-main .date:hover {
/*animation*/
-webkit-animation:columns 0.3s;
-moz-animation:columns 0.3s;
-ms-animation:columns 0.3s;
-o-animation:columns 0.3s;
animation:columns 0.3s;
/*transform*/
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
}

/* Slide Text */
#latest-news-container .single-item-main .text {
font-family: 'kalingaregular';
font-size:12px;
text-align:center;
padding:15px 20px 20px 20px;
margin:10px 20px;
line-height:18px;
}
/* Slide Image Size and properties */
#latest-news-container .single-icon {
width:285px;
height:250px;
position:relative;
margin:0 auto;
border-bottom:#26C9FF thin solid;
border-bottom-width:3px;
}
#latest-news-container .single-icon .grid li {
display: inline-block;
width: 285px;
margin: 0;
padding: 0px;
text-align: left;
position: relative;
}
#latest-news-container .single-icon .grid figure {
margin: 0;
position: relative;
}
#latest-news-container .single-icon .grid figure img {
max-width: 100%;
display: block;
position: relative;
height:250px;
}
#latest-news-container .single-icon .grid figcaption {
position: absolute;
top: 0;
left: 0;
padding: 5px;
background: #ECECEC;
color: #ed4e6e;
}
#latest-news-container .single-icon .grid figcaption h3 {
margin: 0;
padding: 10px;
color: #000;
}
#latest-news-container .single-icon .grid figcaption span {
display:block;
width:100%;
text-align:center;
text-shadow:none;
color:#09C;
font-family: Electrolize,ge_dinar_tworegular;
}

#latest-news-container .single-icon .grid figcaption a {
text-align: center;
padding: 5px 10px;
border-radius: 2px;
display: inline-block;
background: none;
color: #fff;
}
.cs-style-5 figure img {
z-index: 10;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.no-touch .cs-style-5 figure:hover img,
.cs-style-5 figure.cs-hover img {
-webkit-transform: scale(0.4);
-moz-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
}
.cs-style-5 figcaption {
width:285px;
height:236px;
opacity: 0;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
-moz-transition: -moz-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
}
.no-touch .cs-style-5 figure:hover figcaption,
.cs-style-5 figure.cs-hover figcaption {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.cs-style-5 figure a {
position: absolute;
bottom: 20px;
right: 20px;
}
/* Slide Title */
#latest-news-container .single-item h3 {
font-family: Electrolize,ge_dinar_tworegular;
font-size:16px;
color:#000;
margin:15px 0px 0px 0px;
padding:0px 20px 0px 20px;
height:auto;
text-align:center;
text-shadow: 0px 1px 1px #e4ebe9;
}
#latest-news-container .single-button {
margin:30px 0px 20px 0px;
}
#latest-news-container .single-content-wrapper {
background:#b0ccc6;
position:absolute;
width:0px; /* expands to width of the wrapper minus 1 element */
height:522px;
top:5px;
text-align:left;
z-index:10000;
overflow:hidden;
}
#latest-news-container .single-content{
width:660px;
overflow:hidden;
}
/* Navigation Arrows */
#latest-news-container .single-nav span{
width:26px;
height:26px;
background:transparent url(http://4.bp.blogspot.com/-vwK58rDdtJw/VCbyvEVna4I/AAAAAAAAGEE/FyQ3gNye0MA/s1600/arrowsSquare.fw.png) no-repeat top left;
position:absolute;
top:0;
margin-top:-35px;
right:49px;
text-indent:-9000px;
opacity:0.7;
cursor:pointer;
z-index:100;
}
#latest-news-container .single-nav span.single-nav-next{
background-position:top right;
top:0;
left:auto;
right:22px;
}
#latest-news-container .single-nav span:hover{
opacity:1.0;
}
/* ########################################## */
/* ########################################## */
/* ############## Button Style ############## */
/* ########################################## */
/* ########################################## */
/* General button style (reset) */
.btn {
font-family: Electrolize,ge_ss_threeregular;
border: none;
border-radius:3px;
-moz-border-radius:3px;
color: inherit;
background: none;
cursor: pointer;
padding: 12px 18px;
display: inline-block;
margin: 0px 30px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: normal;
outline: none;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
margin-left: 88px;
}
.btn:after {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
/* Pseudo elements for icons */
.btn:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
/* Button blue */
.btn-blue {
background: #26C9FF;
color: #FFF;
box-shadow:none;
}
.btn-blue:hover {
background: #75C5FF;
box-shadow:none;
color:#FFF;
}
.btn-blue:active {
background: #75C5FF;
top: 2px;
}
.btn-blue:before {
position: absolute;
height: 100%;
left: 0;
top: 2px;
line-height: 2;
font-size: 140%;
width: 25px;
}
/* Button 3blue */
.btn-3blue {
padding: 15px 70px 10px 15px;
overflow: hidden;
}
.btn-3blue:before {
left: auto;
right: 5px;
z-index: 2;
}
.btn-3blue:after {
width: 30%;
height: 200%;
background: rgba(31,141,204,0.5);
z-index: 1;
right: 0;
top: 0;
margin: -5px 0 0 -5px;
-webkit-transform-origin: 0 0;
-webkit-transform: rotate(-20deg);
-moz-transform-origin: 0 0;
-moz-transform: rotate(-20deg);
-ms-transform-origin: 0 0;
-ms-transform: rotate(-20deg);
transform-origin: 0 0;
transform: rotate(-20deg);
}
.btn-3blue:hover:after {
width: 35%;
}

</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'></script>

بعد ان اضفت الكود قم بأضافة الكود التالي فوق </body>

<script src='https://ar1web-com.googlecode.com/svn/Hm/jquery.easing.1.3.js' type='text/javascript'></script>
<script src='https://ar1web-com.googlecode.com/svn/Hm/contentcarousel.js' type='text/javascript'></script>
<script type='text/javascript'>
$('#latest-news-container').contentcarousel();;
</script>

ملاحظات مهمة

بعدها قم بأضافة الكود التالي في اي مكان تريد اما في الهيدر او في الفوتر اذا اردتها في الفوتر ابحث عن footer واضف الكود التالي فوقه اما في الهيدر ابحث عن <div id='wrapper'> والاكواد تختلف من قالب لاخر
اذا لم تعرف ارسل لي القالب لاركبه لك انا

<div class='latest-news-container' id='latest-news-container'>
<div class='single-wrapper'>
<div class='single-item single-item-1'>
<div class='single-item-main'>
<div class='single-icon'>
<ul class='grid cs-style-5'>
<li>
<figure>
<img height='240' src='http://2.bp.blogspot.com/-STX-UK-aso0/VClgsPhKbnI/AAAAAAAAGGg/4T-JZhl5bYU/s1600/Untitled-4.png' width='380'/>
<figcaption>
<h3>قالب إلهامـ التدوين</h3>
<span>10$</span>
<a class='button' href='http://www.ar1web.com/p/blog-page_82.html' target='_blank'>
<button class='btn btn-blue btn-3blue fa fa-share'>ألقي نظرة</button>
</a>
</figcaption>
</figure>
</li>
</ul>
</div>

</div>

</div>

<div class='single-item single-item-1'>
<div class='single-item-main'>
<div class='single-icon'>
<ul class='grid cs-style-5'>
<li>
<figure>
<img height='240' src='http://2.bp.blogspot.com/-fecRxAjyNgw/VClhMfCqdpI/AAAAAAAAGGo/3XSXumdUYR4/s1600/Untitled-5.png' width='380'/>
<figcaption>
<h3>هدايا </h3>
<span>مختلفة</span>
<a class='button' href='http://www.ar1web.com/p/blog-page_16.html' target='_blank'>
<button class='btn btn-blue btn-3blue fa fa-share'>ألقي نظرة</button>
</a>
</figcaption>
</figure>
</li>
</ul>
</div>

</div>

</div>

<div class='single-item single-item-1'>
<div class='single-item-main'>
<div class='single-icon'>
<ul class='grid cs-style-5'>
<li>
<figure>
<img height='240' src='http://3.bp.blogspot.com/-uEDowmi0svk/VCliVfblJYI/AAAAAAAAGG0/XYaH4M6kIfQ/s1600/Untitled-3.png' width='380'/>
<figcaption>
<h3>المسابقة الثانية</h3>
<span>جوائز عديدة</span>
<a class='button' href='http://www.ar1web.com/p/offers.html' target='_blank'>
<button class='btn btn-blue btn-3blue fa fa-share'>ألقي نظرة</button>
</a>
</figcaption>
</figure>
</li>
</ul>
</div>

</div>

</div>

<div class='single-item single-item-1'>
<div class='single-item-main'>
<div class='single-icon'>
<ul class='grid cs-style-5'>
<li>
<figure>
<img height='240' src='http://4.bp.blogspot.com/-RET2afb0_Lo/VClkcqu-VwI/AAAAAAAAGHA/xu_ZexidkDk/s1600/Untitled-2.png' width='380'/>
<figcaption>
<h3>قائمة إحترافية </h3>
<span>2$</span>
<a class='button' href='http://www.ar1web.com/p/fold-menu.html' traget='_blank'>
<button class='btn btn-blue btn-3blue fa fa-share'>ألقي نظرة</button>
</a>
</figcaption>
</figure>
</li>
</ul>
</div>

</div>

</div>

<div class='single-item single-item-1'>
<div class='single-item-main'>
<div class='single-icon'>
<ul class='grid cs-style-5'>
<li>
<figure>
<img height='240' src='http://4.bp.blogspot.com/-VexKpmJ6mbQ/VCllfU8ZEuI/AAAAAAAAGHM/tJxm63oQ_AE/s1600/Untitled-1.png' width='380'/>
<figcaption>
<h3>قيد التطوير</h3>
<span>عد لاحقا</span>
<a class='button' href='#'>
<button class='btn btn-blue btn-3blue fa fa-share'>ألقي نظرة</button>
</a>
</figcaption>
</figure>
</li>
</ul>
</div>
</div>


</div></div></div>

صور للتوضيح

افتح الصور في علامة تبويب اخرى للمعاينة بشكل اكبر

اتمنى الموضوع اعجبكم
لاتنسوا التعليقات المشجعة
اي مشكلة اطرحها في التعليقات
ان لم تستطع اضافتها اعطني قالبك لاضيفها لك

قالب Lycoris النسخة الثالثة

noreply@blogger.com (اسامة عبد الرضا) — Mon, 03 Nov 2014 01:27:00 +0000

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

اليوم عندنا قالب احترافي وجداب وسهل التركيب والعمل عليه وهو بمميزات كثيرة

جدااا وخيالية وهو قالب lycoris النسخة الثالثة

مصممة القالب arlina

نأتي الان الى المعاينة بعدها المميزات

معاينة القالب

مشاهدة القالب تحميل من MEDIAFIRE

مميزات القالب

متجاوب ـ معاينة
تدوينات Grid
سيو مدعم
تصميم مسطح
صفحة 404
صفحة الأرشيف
سلايدر بالسيدبار
صندوق النشرة البريدية
قائمة ثانوية
قائمة مثبتة
قوائم منسدلة
محرك بحث متطور
تعليقات فيسبوك مع بلوجر
أيقونات الشبكات الإجتماعية
تعريف الكاتب
إعلانات متجاوبة
موضوع عشوائي

نلتقي انشاء الله في تدوينة اخرى

قالب الهام التدوين المدفوع مجانا | ilhamotadwin |

noreply@blogger.com (اسامة عبد الرضا) — Thu, 30 Oct 2014 16:12:00 +0000

السلام عليكم ورحة الله وبركاته اليوم عندنا قالب مدفوع وسعره $10 دولار

وهو قالب الهام التدوين المدفوع مجانا لكم من مدونة نت بوينت (NET POINT | الافضل لكم)

الواجهة الكاملة

مشاهدة القالب

مميزات القالب

يتميز بخمسة الوان
قائمة الميترو في الاعلى بشكل احترافي
صفحة خطأ 404
قالب متناسق من حيث المظهر
داعم للاعلانات
اضافات جميلة مثل تدوينة الاسبوع
سلايد شو في الاسفل تلقائي وسلايد شو المشاركات المختارة
سلايد شو في الاعلى يدوي
التعليقات بشكل احترافي
يتميز بحفظ اخر لون اختر من القالب
متناسق من جميع الاجهزة
قائمة علوية ثابتة
قائمة ثانوية منسدلة
اداة المشاركات العشوائية
محرك بحث مع ايقونات التواصل الاجتماعي
اداة اخر التعليقات
واجهة ترحيبة احترافية
الابتسامات مع تحويل الاكواد في التعليقات
مشاركة الموضوع اسفل كل مقالة مع ازرار الاعجاب
قالب سريع الارشفة وخفيف جدااا
والمزيد اكتشفها بنفسك

شكل التخطيط

كيفية التخصيص على القالب

لتغيير اللوجو ابحث عن

http://1.bp.blogspot.com/-00R_fnyDMhY/U9193KphxTI/AAAAAAAAE5I/f7cV9RnhJ5c/s1600/ilha
motadwin.png

للتغيير على السلايد شو العلوي الرئيسي ابحث عن

<ul class='rslides'>

ستجد اسفله الصور والعنوان والوصف غيره بمايناسبك

للتغيير على قائمة الميترو ابحث عن

<div class='th3metro'>

ستجد اسفله اسماء القوائم والروابط

للتغير على صور الميترو مثل صورة الاكس بوكس بلاي ستيشن وغيرها ابحث عن

#metro-wrapper

ستجد اسفلها صور غيرها بمايناسبك

لتغيير على القائمة العلوية الثابة ابحث عن

<div id='topnav'>

ستجد اسفلها اسماء القوائم والروابط غيرها بمايناسبك

للتعديل على القائمة الثانوية المنسدلة ابحث عن

<li class='homers'><a href='/'><i class='fa fa-home'/></a></li>

ستجد اسفلها ايضا الروابط والاسماء غيرها.

للتعديل على ايقونات التواصل الاجتماعي التي اسفل السلايد شو ابحث عن

<ul>

ستجد اسفلها href='#'
غير ال# الى روابطك انت

لمسح الاعلانات التي في الاسفل تذهب الى التخطيط وتجد في الفوتر ادوات ثلاثة امسحها واغيرها
للتعديل على اداة اخر التعليقات ابحث عن

home_page: "http://net-piont2013.blogspot.com/",

وغيره الى رابط مدونتك

للحصول على القالب اتبع التعليمات التالية

يجب ان تكون من اعضاء المدونة من هنا
اترك تعليق وبه ايميلك والاسم الذي انضممت به الى اعضاء المدونة
سيتم ارسال القالب لك فورا بعد تنفيذ الشروط
ارجوا عدم الخطأ في كتابة الايميل

قالب مدونة SWEUP.COM الاحترافي مجانا وبدون شروط

noreply@blogger.com (اسامة عبد الرضا) — Wed, 29 Oct 2014 04:06:00 +0000

قالب مدونة SWEUP.COM الاحترافي مجانا وبدون شروط

الواجهة الكاملة

معاينة تحميل من GULFUP

المميزات

يتم عرض المشاركات بشكل مميز في الصفحة الرئيسية
اشعارات بآخر التعليقات كأشعارات الفيس بوك حيت تتيح لك الانتقال الى التعليق مما يقلل من معدل الارتداد كما يتدفع الزائر لاكتشاف مواضيع متنوعة في مدونتك
نظام تعليقات مطور حيث يمكنك اضافة اكواد وصور وسمايلات كما يمكن الرد على التعليق ويظهر الرد بشكل مدرج كما في الصورة أدناه
زر محول الأكواد حيث يمكن اضافة اكواد الى التعليقات بدون ان يرفضها نظام تعليقات بلوجر وزر لاظهار واخفاء التعبيرات
رسالة شكر أسفل كل تدوينة مرفقاً باسم التدوينة وأزرار المشاركة الاجتماعية
قائمة مواضيع مشابهة أسفل كل تدونية ومكان مخصص للأعلانات
رأس(header) مميز أعلى كل تدوينة يحوي مخطط الوسوم وأزرار المشاركة الاجتماعية وزر اعادة التدوين
نظام بحث مطور حيث يحدد الكلمة التي نبحث عنها بلون مميز ويكون البحث صندوق منبثق
صفحة خطا بشكل جميل
والعيديد من المميزات اكتشفها بنفسك

ارجوا ان تعجبكم الموضوع وارجوا التعليق على المجهوذ الذي بذلته لكم

تغيير شكل قائمة ذات التعداد الرقمي لبلوجر بشكل احترافي Digital census blogger

noreply@blogger.com (اسامة عبد الرضا) — Mon, 27 Oct 2014 02:28:00 +0000

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

اليوم عندنا اضافة جميلة للمدونات بلوجر عملت الموضوع وهو طلب من احد اعضاء المدونةوهي

تغيير شكل قائمة ذات التعداد الرقمي لبلوجر بشكل احترافي Digital census blogger

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

الاضافة اكيد راح تعجبكم

بالنسبة للمعاينة

معاينة من مدونة نت بوينت لاضافة التعداد الرقمي لبلوجر
اذا اعجبتكم الاضافة ارجوا التعليق ولو بكلمة واحدة
اذا اعجبتكم الاضافة ارجوا التعليق ولو بكلمة واحدة
معاينة من مدونة نت بوينت لاضافة التعداد الرقمي لبلوجر
معاينة من مدونة نت بوينت لاضافة التعداد الرقمي لبلوجر
معاينة من مدونة نت بوينت لاضافة التعداد الرقمي لبلوجر
معاينة من مدونة نت بوينت لاضافة التعداد الرقمي لبلوجر
معاينة من مدونة نت بوينت لاضافة التعداد الرقمي لبلوجر

كيفية تركيب الاضافة

قم بالذهاب للقالب ثم تحرير HTML
واضف الكود التالي فوق ]]></b:skin>

.sb .box_content{color: #A6A6A6;padding:10px;margin:1px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
ol{counter-reset:li;list-style:none outside none;font:15px "trebuchet MS","lucida sans";padding:0;margin-right:-4px;margin-top:0;margin-bottom:0}
ol{list-style:none outside none;font:15px "trebuchet MS","lucida sans"}
ol ol{margin:0 2em 0 0}
.rounded-list ol li:before {
counter-increment: li;
position: absolute;
right: -1.3em;
top: 50%;
margin-top: -1.3em;
height: 2em;
width: 2em;
line-height: 2em;
border: 0.3em solid #227472;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all 0.3s ease-out 0s;
content: counter(li, decimal);
background-color: #004543;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.9), 0px 0px 3px rgba(0, 0, 0, 0.9) inset;
color: #FFF !important;
font-family: a;
}
.rounded-list ol li {
font-family: ge_dinar_tworegular;
display: block;
padding: 0.4em 2em 0.4em 0.4em;
margin: 0.5em 0px;
background: rgba(4, 19, 46, 0.43);
color: #A6A6A6;
text-decoration: none;
border-radius: 0.3em;
transition: all 0.3s ease-out 0s;
position: relative;
}
.rounded-list ol li:hover:before{transform:rotate(360deg)}
.rounded-list ol li:hover {
background-color: #20606B;
color: #FFF !important;
}

كيفية تغيير الالوان المودة في الاضافة

اللون الوردي وهو الذي يحيط دائرة الرقم
اللون السمائي وهو الذي يكون لون خلفية في الدائرة
اللون الازرق وهو لون خط الرقم وهو ابيض
اللون البرتقالي وهو لون خلفية الشريط للاضافة
اللون الاصفر وهو لون خط الموجود في الشريط
اللون الاحمر وهو لون خلفية الشريط بعد مرور الماوس عليها
اللون الاخضر وهو نوع الخط غيره او اتركه بما يعجبك

بعد ان اكلمت وانتهيت من شكل الاضافة من حيث الالوان ونوع الخط

يمكنك الان حفظ النموذج

وعندما تريد كتابة موضوع اضف الكود التالي

<div class="box_content">
<ol class="rounded-list">
<li>
<ol>
<li style="text-align: right; padding-bottom: 2px; padding-top: 8px;">اضفه هنا ماتريده </li>
</ol>
</li>
</ol>
</div>
</div>

وعندما تريد الزيادة كرر السطر التالي ويصبح عندك 1و2و3و4و5و6و7و8....الى اخره
او اضغط انتر

الان مع فيديو قصير وسريع للتوضيح اكثر

مشاهدة ممتعة

ملاحظة :لزوارنا الكرام نرحب بطلباتكم لننقشاها ونفيد الاخرين

حصريا قالب (واجهة) معرض حسام المدفوع مجانا لكم من مدونة نت بوينت NET POINT |TEMPLATE BLOGGER INTERFACE HUSSAM|

noreply@blogger.com (اسامة عبد الرضا) — Fri, 24 Oct 2014 03:00:00 +0000

الواجهة الكاملة

معاينة

للحصول على القالب اتبع التعليمات التالية

يجب ان تكون من اعضاء المدونة من هنا
اترك تعليق وبه ايميلك والاسم الذي انضممت به الى اعضاء المدونة
سيتم ارسال القالب لك فورا بعد تنفيذ الشروط
ارجوا عدم الخطأ في كتابة الايميل

اضافة جميلة للمدون الذي يرغب بالاناقة اضافة التدوينة القادمة منزلقة مثل عرب ويب وبتقنية CSS

noreply@blogger.com (اسامة عبد الرضا) — Fri, 24 Oct 2014 00:25:00 +0000

اضافة جملية للمدون الذي يرغب بالاناقة اضافة التدوينة القادمة منزلقة مثل عرب ويب وبتقنية CSS

السلام عليكم اليوم معنا اضافة جميلة وحصرية طبعا سأريكم

كيفية اضافة التدوينة القادمة بشكل منزلق مثل مدونة عرب ويب واعتقد الكل شافها

ولكن لاتنسوا التعليقات لجلب المزيد من الاضافات الحصرية
للذين سيعاينون الاضافة ستجدونها في القائمة العلوية للمدونة وهي ايقونة حمراء اللون

معاينة الاضافة

كيفية تركيب الاضافة

اذهب الى لوحة التحكم
ثم الى القالب وثم الى تحرير HTML
قم بأضافة الكود التالي قبل الوسم </head>

<style>
/* CSS Alert */
#dialogoverlay{display:none;opacity:.5;position:fixed;top:0px;left:0px;background:#000;
width:100%;z-index:10;}
#dialogbox{top:-300px;position:fixed;background:#222;width:350px;z-index:10;transition:all 400ms ease-in-out;}
#dialogbox > div{background:#fff;margin:8px;text-align:center}
#dialogbox > div > #dialogboxhead{position:relative;background:#FC5039;font-size:18px;font-weight:400;padding:10px;color:#fff;font-family:Electrolize,ge_ss_threeregular;text-transform:uppercase;}
#dialogboxhead:before {top:100%;left:50%;border:solid transparent;content:" ";height:0;
width:0;position:absolute;pointer-events:none;border-color:rgba(0,0,0,0);border-top-color:#FC5039;border-width:10px;margin-left:-10px;}
#dialogbox > div > #dialogboxbody{background:#111;padding:20px;color:#e9e9e9;font-size:14px;font-weight:400;line-height:20px;font-family: Electrolize,ge_dinar_oneregular;}
#dialogbox > div > #dialogboxfoot{background:#222;padding:0px;text-align:right;}
#dialogbox > div > #dialogboxfoot button{position:absolute;top:-10px;right:-10px;
background:#222;border:none;height:30px;width:30px;outline:none;color:#fff;
line-height:25px;font:bold 16px Arial;text-align:center;cursor:pointer;border-radius:50%;}
</style>
<link href='http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>

ثم قم باضافة الكود التالي تحت الوسم <body>

<div id='dialogoverlay'/>
<div id='dialogbox'>
<div>
<div id='dialogboxhead'/>
<div id='dialogboxbody'/>
<div id='dialogboxfoot'/>
</div>
</div>

ثم قم باضافة الكود التالي فوق الوسم </body>

<script type='text/javascript'>
//<![CDATA[
function CustomAlert(){
this.render = function(dialog){
var winW = window.innerWidth;
var winH = window.innerHeight;
var dialogoverlay = document.getElementById('dialogoverlay');
var dialogbox = document.getElementById('dialogbox');
dialogoverlay.style.display = "block";
dialogoverlay.style.height = winH+"px";
dialogbox.style.left = (winW/2) - (350 * .5)+"px";
dialogbox.style.top = "150px";
dialogbox.style.display = "block";
document.getElementById('dialogboxhead').innerHTML = "التدوينة القادمة ؟";
document.getElementById('dialogboxbody').innerHTML = dialog;
document.getElementById('dialogboxfoot').innerHTML = '<button onclick="Alert.ok()" title="مع السلامة">×</button>';
}
this.ok = function(){
document.getElementById('dialogbox').style.top = "-300px";
document.getElementById('dialogoverlay').style.display = "none";
}
}
var Alert = new CustomAlert();
//]]>
</script>

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

صورة للتوضيح اكثر

<li class='buttonalert' onclick='Alert.render('قيد المراجعة. عد لاحقا.')' text='التدوينة القادمة ؟'><i class='fa fa-info-circle fa-lg'></i></li>

ثم قم باضافة الكود وهو الاخير اضفه في مكان كود القائمة العلوية
افتح الصورة في علامة تبويب اخرى لرويتة الصورة بشكل اكبر
غير ماهو ملون فقط

صورة للتوضيح اكثر

.main-nav li.buttonalert {font-size:15.2px;color:#D24747;padding:10px 0px;cursor:pointer;margin-top: 12px;}

اخيرا اتمنى التعليق على الموضع ولو بكمة شكر واحدة
ان الاداة تعمل 100% وانا جربتها قبل ان قبل ان اطرحها اذا صادفتك مشكلة اطرحها في التعليقات
واي اداة اخرى تريدها اطرحها في التعليقات ايضا

تحميل قالب Real Mag معرب

noreply@blogger.com (اسامة عبد الرضا) — Thu, 23 Oct 2014 08:55:00 +0000

مميزات

قالب بـ 3 أعمدة
متجاوب مع جميع الشاشات
اداة لعرض مواضيع قسم مميز في الرئيسية
مساحات إعلانيه متعدده
مهيئ لمحركات البحث
فوتر بـ 4 أعمدة

طريقة التركيب والتعديل على القالب

اذهب الى التخطيط ثم اداة " قسم مميز "
أختر تحرير ثم ألصق الكود التالي واضغط علي حفظ
لا تنسي تغير كلمة قسم مميز بأسم التسمية الخاصه بك
<script type='text/javascript'>
var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 280;
</script>
<script type="text/javascript" src="/feeds/posts/default/-/قسم مميز?
orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

تحميل ومعاينة القالب

معاينة تحميل

اي مشكلة بالقالب لاتترد في طرحها لمناقشتها
ارجوا منك التعليق والاشتراك وشكرا لكم

قالب مدونة منارة المعلوماتية الاحترافي مجانا من مدونة NET POINT

noreply@blogger.com (اسامة عبد الرضا) — Sun, 19 Oct 2014 20:42:00 +0000

السلام عليكم نجدد لكم لقائنا في قالب من اجمل ما رايت قالب سمارت فلات مقدم

لكم مجانا من مدونة NET POINT انه قالب انيق واحترافي ومتناسق وبه مميزات
هائلة يجب عليك انت اكتشافها نبدا المعاينة

معاينة

مميزات القالب

قالب احترافي من حيث التناسق
يتميز بصندوق تعليقات احترافي
خفيف جدا
سريع الارشفة
سيو 100%
صفحة خطأ 404
القالب متوافق مع جميع المتصفحات
متوافق مع الاجهزة الذكية خاصية RESBONSIVE
تاثير تحميل الصفحة
والمزيد اكتشفها انت بنفسك

للحصول على القالب اتبع التعليمات التالية

يجب ان تكون من اعضاء المدونة من هنا
اترك تعليق وبه ايميلك والاسم الذي انضممت به الى اعضاء المدونة
سيتم ارسال القالب لك فورا بعد تنفيذ الشروط
ارجوا عدم الخطأ في كتابة الايميل

قالب مدونة ابو اياد مقدم من مدونة NET POINT (نت بوينت) template

noreply@blogger.com (اسامة عبد الرضا) — Sun, 19 Oct 2014 12:13:00 +0000

السلام عليكم ورحة الله وبركاتة كيف اعضاء وزوار مدونة NET POINT

اليوم اقدم لكم قالب مدونة ابو اياد الاحترافي البسيط الانيق انه قالب متناسق الالوان ويجذب الزائر

ساترككم الان مع معاينة القالب ومن بعدها نذهب الى المميزات التي تحتوي هذا القالب الجميل

معاينة

مميزات القالب

قالب احترافي من حيث التناسق
يتميز بصندوق تعليقات بلوجر وفيس بوك
خفيف جدا
سريع الارشفة
سيو 100%
صفحة خطأ 404
القالب متوافق مع جميع المتصفحات
متوافق مع الاجهزة الذكية خاصية RESBONSIVE
تاثير تحميل الصفحة
والمزيد اكتشفها انت بنفسك

للحصول على القالب اتبع التعليمات التالية

يجب ان تكون من اعضاء المدونة من هنا
اترك تعليق وبه ايميلك والاسم الذي انضممت به الى اعضاء المدونة
سيتم ارسال القالب لك فورا بعد تنفيذ الشروط
ارجوا عدم الخطأ في كتابة الايميل

(تم التصحيح بشكل كامل وواضح)عمل صفحة اتصل بنا لبلوجر بشكل احترافي | CONTACT PAGE |

noreply@blogger.com (اسامة عبد الرضا) — Fri, 17 Oct 2014 00:08:00 +0000

كيفة عمل صفحة اتصل بنا لبلوجر احترافية بمعنى الكلمة؟

ماعليك الا اتباع الخطوات التالية

معاينة

اضف صفحة جديدة
ان الاضافة سوف تحول المرسل لك في بريده الاليكتروني

غير ماهو ملون فقط

<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div id="contact-wrapper">
<h3 class="cnt-title">
تواصل معي بكل حرية</h3>
<div class="notice">
هاته الصفحة مخصصة لطلبات الخدمات الخاصة او شراء احدى خدماتي بالموقع او استفسار عن شي لذلك فالمرجوا ان يكون موضوع الرسالة هادفا، يتم الاجابة على جميع الرسائل خلال مدة أقصاها 24 ساعة، يرجى عدم ارسال الرسالة أكثر من مرة فهذا سيؤخّر الرد عليك، لديك عدة خيارات حول التواصل معي عبر هات هالصفحة اما من خلال نموذج الاتصال او رقم الهاتف والبريد الالكتروني او عبر المواقع الاجتماعية وكل هذا موجود في الصفحة اسفله.
</div>
</div>
<div class="wow bounceInLeft" id="contact-form">
<form action="mailto:osama.abid200@gmail.com" class="contactform" method="get">
<input class="name" name="name" placeholder="الاسم الكريم" />
<input class="email" name="email" placeholder="البريد اللالكتروني" />
<input class="web" name="website" placeholder="موقعك" />
<textarea class="mail" name="mail" placeholder="طلبك.."></textarea>
<input class="sendbtn" name="submit" type="submit" value="ارسل الرسالة" /></form>
</div>
<div class="contactme wow bounceInLeft">
<br />
<br />
<br /></div>
</div>
<br /></div>
<div class="social_network wow bounceInDown">
<h3 class="cnt-title">
وسائل اتصال اخرى</h3>
<br />
<ul style="text-align: right;">
<li><a class="fb" data-title="Text Link" href="https://www.facebook.com/pages/%D9%85%D8%AF%D9%88%D9%86%D8%A9-Net_Point/374990299295727">facebook</a></li>
<li><a class="tw" data-title="Text Link" href="https://twitter.com/king26osama">twitter</a></li>
<li><a class="gp" data-title="Text Link" href="https://plus.google.com/+%D8%A7%D8%B3%D8%A7%D9%85%D8%A9%D8%B9%D8%A8%D8%AF%D8%A7%D9%84%D8%B1%D8%B6%D8%A7">gplus</a></li>
<li><a class="rss" data-title="Text Link" href="#">khamsat</a></li>
<li><a class="skype" data-title="Text Link" href="#">skype</a></li>
</ul>
<br />
<ul>
</ul>
<div class="other-cnt">
<div class="phone">
96407801625168+ </div>
<div class="emailtxt">
osama.abid200@gmail.com</div>
</div>
</div>
<style>
.contactme{float:right;}
#map-wrapper{width:470px;margin-top:15px;float:left;background:#fff;padding:10px;overflow:hidden;}
.other-cnt {
font: normal 12px tahoma;
line-height: 2em;
padding: 10px;
background: #474950;
margin: 10px;
color: #888;
}
.other-cnt .phone {
background: url(http://1.bp.blogspot.com/-V_DloDDdIXY/U0Kit9aALyI/AAAAAAAACso/_x38DF7Gpwg/s1600/phone.png) no-repeat 100%;
padding: 0 22px 0 0;
}
.other-cnt .emailtxt{
background: url(http://4.bp.blogspot.com/-wlTIF2gBejc/U0Kit3qFbHI/AAAAAAAACsk/slQdddMYBS8/s1600/inbox.png) no-repeat 100%;
padding: 0 22px 0 0;
}
.social_network {
background: #353840;
margin: 8px 0;
padding: 10px;
overflow: hidden;
float: right;
width: 344px;
}
.social_network ul {
margin: 0;
overflow: hidden;
padding: 14px 10px 5px;
}
.social_network ul li{float:right;}
.social_network ul li a {
display: block;
font: normal 14px 'Lobster',ge_ss_threeregular;
text-indent: 9999;
font-size: 0px;
width: 44px;
height: 44px;
border-radius: 5px;
color: #FFF;
padding: 4px;
margin: 0 6px;
background: #EEE;
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
-ms-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.social_network .fb{
background: #0076a3 url(http://2.bp.blogspot.com/-LOTRXkwVAjQ/U0CmPJb85CI/AAAAAAAACm8/6YF1trFgwgo/s1600/fb.png) no-repeat 60% 50%;
}
.social_network .tw{
background: #33b5e5 url(http://2.bp.blogspot.com/-UTduhU14TPE/U0CmP6uT4wI/AAAAAAAACnM/xPhW7aZ8vUE/s1600/twitter.png) no-repeat 50% 50%;
}
.social_network .gp{
background: #ff4444 url(http://3.bp.blogspot.com/-mPyYoIXWZkk/U0CmPRzD8AI/AAAAAAAACnQ/3837ZmrB1ps/s1600/gplus.png) no-repeat 50% 50%;
}
.social_network .rss{
background: #ffbb33 url(http://1.bp.blogspot.com/-tCRRoKAMJzY/U0H3L_VBLxI/AAAAAAAACqM/i2qw58_cPtE/s1600/kmst.png) no-repeat 50% 50%;
}
.social_network .skype{
background: #68F0FF url(http://3.bp.blogspot.com/-0ZiNvRQKMlI/U0KkHCd3oXI/AAAAAAAACs0/wn0sfzVACc8/s1600/skype.png) no-repeat 50% 50%;
}
.social_network .fb:hover{
background: #385167 url(http://2.bp.blogspot.com/-LOTRXkwVAjQ/U0CmPJb85CI/AAAAAAAACm8/6YF1trFgwgo/s1600/fb.png) no-repeat 60% 50%;
}
.social_network .tw:hover{
background: #385167 url(http://2.bp.blogspot.com/-UTduhU14TPE/U0CmP6uT4wI/AAAAAAAACnM/xPhW7aZ8vUE/s1600/twitter.png) no-repeat 50% 50%;
}
.social_network .gp:hover{
background: #385167 url(http://3.bp.blogspot.com/-mPyYoIXWZkk/U0CmPRzD8AI/AAAAAAAACnQ/3837ZmrB1ps/s1600/gplus.png) no-repeat 50% 50%;
}
.social_network .rss:hover{
background: #385167 url(http://1.bp.blogspot.com/-tCRRoKAMJzY/U0H3L_VBLxI/AAAAAAAACqM/i2qw58_cPtE/s1600/kmst.png) no-repeat 50% 50%;
}
.social_network .skype:hover{
background: #385167 url(http://3.bp.blogspot.com/-0ZiNvRQKMlI/U0KkHCd3oXI/AAAAAAAACs0/wn0sfzVACc8/s1600/skype.png) no-repeat 50% 50%;
}
.social_network ul li a:hover{
/* Chrome, Safari, Opera */
-webkit-animation-name:request;
-webkit-animation-duration:0.8s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0.2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:alternate;
-webkit-animation-play-state:running;
/* Standard syntax */
animation-name:request;
animation-duration:0.8s;
animation-timing-function:linear;
animation-delay:0.2s;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-play-state:running;
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
-ms-transition-delay: 0.8s;
transition-delay: 0.8s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes request
{
0% {
-webkit-transform: scale(0.8);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(0.9);
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
75% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
/* Standard syntax */
@keyframes request
{
0% {padding:10px}
25% {padding:12px}
50% {padding:14px}
75% {padding:16px}
100% {padding:18px}
}
.sendbtn:hover {
transition: 0.5s;
background: #16A085 url(http://1.bp.blogspot.com/-ebcXnUaYl6s/U0IslWaZLSI/AAAAAAAACrI/QHsroHe55DI/s1600/contact.png) no-repeat 90%;
}
#contact-wrapper{
background:#353840;
padding:10px;
overflow:hidden;
margin:0 auto 15px;
}
.cnt-title {
color: #939EA1;
padding: 14px 0 18px;
display: block;
font-family: 'Lobster',ge_ss_threeregular;
font-size: 18px;
margin: 0 10px;
border-bottom: 4px solid #D5DDDF;
font-weight: normal;
}
.notice {
color: #939EA1;
padding: 10px;
line-height: 2em;
display: block;
font-family: 'Lobster',ge_ss_threeregular;
font-size: 14px;
}
#contact-form {
background: #353840;
padding: 10px 10px 0;
overflow: hidden;
width: 470px;
float: left;
}
.contactform {
overflow: hidden;
padding: 0;
}
.name, .email, .web {
border: 3px solid #BDC3C7;
color: #fff;
font-family: 'Lobster',ge_ss_threeregular;
font-size: 14px;
line-height: 1.467;
padding: 15px 42px 10px 5px;
width: 185px;
margin: 0 0 10px;
float: right;
-webkit-appearance: none;
border-radius: 6px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
transition: border .25s linear, color .25s linear, background-color .25s linear;
transition: 0.5s;
}
#contact-form .mail {
border: 3px solid #BDC3C7;
color: #fff;
height: 100px;
background: #353840;
font-family: 'Lobster',ge_ss_threeregular;
font-size: 14px;
line-height: 1.467;
padding: 7px;
width: 202px;
margin: 0 10px 3px 0;
-webkit-appearance: none;
border-radius: 6px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
transition: border .25s linear, color .25s linear, background-color .25s linear;
transition: 0.5s;
}
.sendbtn {
display: block;
float: left;
padding: 17px 50px 18px 40px;
width: 221px;
margin: 0;
background: #F16662 url(http://1.bp.blogspot.com/-ebcXnUaYl6s/U0IslWaZLSI/AAAAAAAACrI/QHsroHe55DI/s1600/contact.png) no-repeat 90%;
color: #FFF;
border-radius: 3px;
border: none;
transition: 0.5s;
font: normal 14px tahoma;
}
h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, il, a, input {
direction: rtl;
}
.name{background:url(http://1.bp.blogspot.com/-IkKTTG9QuhI/U0KXWx_w0ZI/AAAAAAAACsQ/MXWXLzjNRPE/s1600/user.png) no-repeat 97% 50%;}
.email{background:url(http://3.bp.blogspot.com/-z9SysB6tsC8/U0KXWPs8JgI/AAAAAAAACr0/KSzlrZqMsRo/s1600/mail.png) no-repeat 97% 50%;}
.web{background:url(http://1.bp.blogspot.com/-UjRg2MOVfIc/U0KXXaJ418I/AAAAAAAACsM/Vib_8X2WryE/s1600/web.png) no-repeat 97% 50%;}
.mail{background:url(http://1.bp.blogspot.com/-WnxaWrUzc0A/U0KXVkxYqdI/AAAAAAAACsA/IgX6UJPbj48/s1600/lettre.png) no-repeat 97% 50%;}
.contact-form-name:focus, .email:focus, .web:focus, .mail:focus {border:3px solid #2ECC71;color:#2ECC71;transition:0.5s;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email
wdith:900px
</style>
</div>

تم حل جميع مشاكل الاداة
ملاحظة سوف اكرر ان الاداة سوف تحول الى البريد اليكتروني للذي يرسل لك رسالة
يمكنك تجريبها حتى تفهم اكثر....

قالب لحظات الاحترافي لبلوجر | TEMPLATE BLOGGER MOMENTS |

noreply@blogger.com (اسامة عبد الرضا) — Thu, 16 Oct 2014 16:03:00 +0000

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

اليوم عندنا قالب احترافي بمهنى الكلمة

وهو قالب لحظات لبلوجر TEMPLATE BLOGGER MOMENTS

اتمنى يعجبكم القالب لاتنسى ان تكنوا من اعضاء المدونة

ليصلك اجدد القوالب الاحترافية من مدونة

NET POINT (نت بوينت)

سأترككم الان مع المعاية وبعدها نشوف المميزات

الذي في هذا القالب البسيط الرائع

معاينة

مميزات القالب

القالب يتوافق مع جميع المتصفحات
متوافق مع الاجهزة الذكية
يحتوي على عمودين
ارشفته سريعة جدااا
التعليقات شكل مميز
داعم للاعلانات في الاجهزة الذكية
صندوق بحث احترافي
قوائم منسدلة
زر الصعود للاعلى
ازار المشاركة
صفحة خطأ 404
والمزيد من المميزات في هذا القالب اكتشفها انت

للحصول على القالب اتبع الشروط التالية

يجب ان تكون من اعضاء المدونة من هنا
اترك تعليق وبه ايميلك واسمك الذي انضممت به الى اعضاء المدونة
سيتم ارسال القالب لك بعد تنفيذ الشروط
اي مشكلة بالقالب اني في خدمتكم

اضافة ادة احصائية المدونة لبلوجر مع كيفية التسجيل في موقع ADDTIONS BLOGGER | histats|

noreply@blogger.com (اسامة عبد الرضا) — Wed, 15 Oct 2014 21:42:00 +0000

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

اليوم عندنا اضافة اداة احصائية المدونة بشكل احترافي وانيق

والشرح بالتفصيل وانتم عليكم التعليقات والانضمام للمدونة

لاتبخلوا علينا بذلك

كيفية تركيب الاضافة

اول شيء يجب عمله وهو الدخول الى هذا الموقع من هنا
بعدها افعل كما في الصور التالية

الان انتهينا من الموقع احفظ الكود الذي اخذته من الموقع
الان اذهب الى لوحة التحكم
ثم التخطيط
ثم اضافة اداة جديد HTML/JAVASCRIPT
وضع الكود التالي

<a href="http://www.alexa.com/siteinfo/net-piont2013.blogspot.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=net-piont2013.blogspot.com"></script></a>

<script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script>
<a href="http://www.histats.com" target="_blank" title="" ><script type="text/javascript" >
try {Histats.start(1,2801023,4,604,110,55,"00011111");
Histats.track_hits();} catch(err){};
</script></a>
<noscript><a href="http://www.histats.com" target="_blank"><img src="http://sstatic1.histats.com/0.gif?2801023&101" alt="" border="0"/></a></noscript>

<script style="text/javascript">
function numberOfPosts(json) {
document.write('عدد التدوينات: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('عدد التعليقات: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<ul><li><script src="http://net-piont2013.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>
<li><script src="http://net-piont2013.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>

اللون الاحمر والبرتقالي قم بتغييره الى موقعك او مدونتك التي مسجة في اليكسا
اللون الوردي قم بتغييره بالكود الذي اخدته من الموقع الذي شرحناه من موقع histats
اللون الازرق والاخضر قم بتغييرهالى رابط موقعك او مدونتك
اخير اقول ارجوا ان يعجبكم الموضوع
اي مشكلة اني بالخدمة
ارجو التعليق على الموضوع ((((((كلمة شكر تكفي))))))

قالب مدونة تكنوليبي النسخة الثالثة BLOGGER TEMPLATE| V3|

noreply@blogger.com (اسامة عبد الرضا) — Tue, 14 Oct 2014 12:21:00 +0000

قالب مدونة تكنوليبي النسخة الثالثة BLOGGER TEMPLATE| V3|

اليوم اقدم لكم قالب مدونة تكنوليبي النسخة الثالثة من مدونة NET POINT(نت بوينت)

سأترككم الان مع المعاينة

معاينة

للحصول على القالب اتبع التعليمات التالية

يجب ان تكون من اعضاء المدونة من هنا
اترك تعليق وبه ايميلك والاسم الذي انضممت به الى اعضاء المدونة
سيتم ارسال القالب لك فورا بعد تنفيذ الشروط
ارجوا عدم الخطأ في كتابة الايميل

قالب FLAT MAG الاحترافي مجانا لبلوجر معرب 2014

noreply@blogger.com (اسامة عبد الرضا) — Thu, 09 Oct 2014 07:18:00 +0000

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

سأقدم لكم قالب بلوجر Flat MAG أضن أن الأغلبية يعرفه ، مع ذلك عندما أشاهده ببعض المدونات أجد أنه غير معرب بإتقان لذا أحببت أن أعربه لكم تعريب كامل وشامل للإضافات ، قالب FLAT MAG سمي بهذا الإسم لأن تصميمه مصطح (فلات) بألوان مختلفة لكل بوست وسأترك المميزات بعد المعاينة

معاينة

المميزات/الخواص

متوافق مع جميع المقاسات
خطوط جوجل
خاصية RESPONSIVE
تصميم CSS3 / HTML5
متكون من ثلاثة عوامد
اثنين سلايدر
صفحة خطأ 404
سيو 100% محسن
خريطة للمواضيع مصممة بأحترافية
شريط احدث الاخبار مع الصور
تحميل المواضيع بتقنية AJAX
تعليقات فيسبوك و بلوجر مدمجة
والمزيد

للحصول على القالب يجب اتباع التعليمات التالية بتمعن

يجب عليك الانضمام لاعضاء المدونة من هنا
يجب عليك التعليق وبه ايميلك
سيتم الارسال فور تنفيذ الشروط

**ملاحظة

# بعد الحصول على القالب يوجد ملف باسم INDEX ستكون التعليمات به

قالب DECO MAG الاحترافي لبلوجر للمدونات التقنية والاخبارية والمجلات الانيقة

noreply@blogger.com (اسامة عبد الرضا) — Thu, 09 Oct 2014 05:00:00 +0000

اجدد لكم لقائي مع قالب احترافي للمدونات التقنية والاخبارية والمجلات الانيقة مجانا

وهو لكل مدون يرغب في القوالب الاحترافية والمدفوعة

انه قالب خيالي من حيث التصميم والابداع والتناسق ويتمتع بالوان خلابة في غاية الروعة والجمال ارجوا ان يعجبكم القالب

الان اترككك مع اهم مميزات و خواص هذا القالب

معاينة

المميزات/الخواص

متجاوب لجميع المقاسات
يدعم العربية
ألوان لا محدودة
تخصيص القالب لتغيير الخلفية / الألوان
قائمة متعددة المهام
تحسين السيو محسني
يدعم كتاب اخرين
اربع صناديق بالفوتر
يدعم فيديوهات يوتوب بأي بوست
إعلانات ادسنس متجاوبة
شريط اخر الأخبار بالصور
إضافة الكاتب
تعليقات فيسبوك / بلوجر
صفحة الخطأ 404

لتحميل القالب يجب عليك عمل الشروط التالية

يجب ان تكون من اعضاء المدونة من هنا
علق على الموضوع وبه ايميلك
بعد التعليق والانضمام للمدونة سيتم ارسال القالب فورا
اي مشكلة بالقالب اطرحها في التعليقات ليتم حلها

* ملاحظة القالب يدعم العربية عليكم فقط بتعريب الكلمات

ملف مرفق بإسم Readme به شرح كامل للقالب

قائمة مدونة عرب ويب الاحترافية لبلوجر |BLOGGER ADDITIONS|

noreply@blogger.com (اسامة عبد الرضا) — Tue, 07 Oct 2014 08:02:00 +0000

قائمة مدونة عرب ويب الاحترافية لبلوجر |BLOGGER ADDITIONS|

القائمة احترافية تنفع للمدونات الاحترافية والتقنية لان

القائمة انيقة وبتقنية CSS

اتمنى ان تعجبكم الاداة اترككم مع المعاينة لتلاحظوها اكثر

معاينة

الان نبدا كيفية اضافة القائمة

اتبع الخطوات التالية

اذهب الى لوحة التحكم
ثم القالب
ثم تحرير HTML
ثم اضف الكود التالي تحت (بعده) <head>

<link href='http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css' rel='stylesheet'/>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700|Electrolize' rel='stylesheet' type='text/css'/>
<link href='https://ar1web-com.googlecode.com/svn/trunk/font-ge_dinar.css' rel='stylesheet'/>

ثم اضف الكود التالي فوق </head>

<style>
/* Header */
.topwrapper {width:998px;margin:50px auto 0;padding:0px;box-shadow:0 0 3px 0px #BBB;}
#header {
position: relative;
top: 60px;
padding: 5px 10px;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 255, 255, 0)), color-stop(1%,rgba(255, 255, 255, 0.01)), color-stop(50%,rgba(255, 255, 255, 0.5)), color-stop(100%,rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.01) 1%,rgba(255, 255, 255, 0.5) 50%,rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.01) 1%,rgba(255, 255, 255, 0.5) 50%,rgba(255, 255, 255, 0) 100%);
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.01) 1%,rgba(255, 255, 255, 0.5) 50%,rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.01) 1%,rgba(255, 255, 255, 0.5) 50%,rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );}
#header-wrap{background:#FFF url(http://im58.gulfup.com/zioUaG.jpg) no-repeat 0;background-size:cover;padding:10px;margin:auto 0;height:280px;position:relative;}
.innerhm {min-height: 297.9px ;position: relative;width: 995px;margin-right: -10px;margin-top: -54px;background:rgba(0,0,0,0.2) url(http://3.bp.blogspot.com/-sy8dAw3wA3U/VAKExLGnoeI/AAAAAAAAFaw/yJVzhdYiDEo/s1600/pattren.png) repeat;}
#header-wrap h1{color:#ECF0F1;text-shadow:0px 3px 1px #BDC3C7;font-size:45px;text-align:center;text-transform:uppercase;line-height:20px;}
#header-wrap h1 a{color:#ECF0F1;text-shadow:0px 3px 1px #BDC3C7;}
#header h1 a:hover{text-shadow:0px 2px 1px #AEB4B8;}
#header h1 a:active{text-shadow:0px 0px 1px #AEB4B8;}
#header-wrap .description{margin:0;padding:0;font-size:12px;color:#FFF;text-align:center;text-transform:uppercase;text-shadow:0 0 1px #FFF;}
#header-wrap img{margin:0;padding:0;}
/* Outer Wrapper */
#outer-wrapper{width:990px;margin:10px auto;padding:4px;background:#FFF;border: 1px solid #ddd;}
#main-wrap{width:670px;float:right;}
#sidebar-wrap {width:320px;float:left;}

/* Headings */
h1, h2, h3, h4, h5{font-weight:700;}
h1{font-size:16px;}
h2{font-size:14px;}
h3{font-size:12px;}
h4{font-size:11px;}
.infiniteCarousel ul li a img {
-webkit-transition: 0.5s ease-out;
-moz-transition: 0.5s ease-out;
-o-transition: 0.5s ease-out;
transition: all .5s ease-out;
}
.infiniteCarousel ul li a img:hover {
opacity: 0.8;}

.plus-menu{float:left;position:absolute;font-size:24px;color:#eee;width:50px;text-align:center;top:0;left:0;padding:5.3px 0 ;cursor:pointer;}
.plus-menu:hover {color:#CBE951;background: #444;transition: all 0.3s linear;}
#search,.box-plusmenu {background: #F5F5F5;text-align:center}
#search-form {color:gray;width:50%;padding:6px 10px 6px 70px;font:14px Electrolize,ge_dinar_oneregular;transition: all 0.2s linear 0s;margin:0 0 10px;border:1px solid #ccc;border-radius:2px}
.search-button,.search-button:hover{background-color:#E74C3C;width:60px;padding:2px 1px;margin:7px -63px 0 0;top:4px;font-size:13px;cursor:pointer;border:none;position:relative;}
#search-form:hover{border:1px solid #aaa}
#search-form:focus{border:1px solid #4D90FE;outline:none;color:black;}
#box,#box2{display:none;position:relative}
.close,.close2{float:left;position:absolute;font-size:18px;color:red;width:45px;text-align:center;top:0;left:0;padding:13px 0 10px;cursor:pointer}
.search-icon{background:rgba(207, 55, 39, 0.84);float:right;text-decoration:none;font-size:15px;font-weight:700;line-height: 100%;vertical-align: middle;text-align: center;position:absolute;top:0px;left:50px;cursor:pointer;color:#fff;padding: 16px;}
.search-icon:hover {color:#DDDBDA;background: #444;transition: all 0.3s linear;}
.content-box2{color:#555;font:14px Electrolize,ge_dinar_oneregular;margin:0 auto;text-align:right;width:100%;overflow:hidden;padding:10px}
#menu-wrapper{height:47px;width:100%;position:relative}
#nav_header{background:#E74C3C;margin:9px auto 10px;position:relative;-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.1);box-shadow:0 0 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin-top: -10px;}
#nav_header ul{margin:0;padding:0;}
#nav_header > ul > li{float:right;margin:0 0;list-style:none;position:relative;right:203px;font-family: Electrolize,ge_dinar_oneregular;}
#nav_header > ul > li > a{color:#fff;padding:14px 24px;display:block;position:relative;border-left:1px solid #D64839;}
#nav_header > ul > li > .selected:after{content:"";border-bottom:3px solid #483353;position:absolute;bottom:0px;z-index:100;width:100%;right:0;}
#nav_header > ul > li > a:hover{color:#F3F0F0;background: #D64839;transition: all 0.3s linear;}
#nav_header > ul > li > .selected{background:#6f5499;color:#ffffff;}
#nav_header li span{position:relative;top:2px;padding-left:5px;}
#nav_header li:hover ul.dropdown{display:block;}
ul.dropdown{position:absolute;top:48px;background:#fff;width:130px;z-index:10;border:1px solid #ddd;padding:6px 0!important;display:none;}
ul.dropdown li{margin:0 0;list-style:none;}
ul.dropdown a{border:0;padding:7px;margin:5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:block;transition: all 0.21s;}
ul.dropdown a:hover{background:#D64839;color:#EEEDED;}
ul.dropdown:before{content:"";position:absolute;top:-14px;right:0px;width:100%;height:18px;}
ul.dropdown:after{position:absolute;top:-13px;right:3px;content:"";border:7px solid #fff;border-right-color:transparent;border-top-color:transparent;border-left-color:transparent;}
.fa-lightbulb-o:before {content: "\f0eb";position: absolute;bottom: 0;right: -1px;font-size: 25px;line-height: 1.4em;padding-left: 10px;padding-bottom: 4px;padding-right: 10px;padding-top: 5px;color:#fff;background:#E74C3C;border-bottom-right-radius: 3px;}
.fa-lightbulb-o:hover{color: #DD4637;}
/* CSS Menu Top */
#menutop{width:100%;max-width: 998px;margin:-82px auto 0;background:rgba(255, 255, 255, 1);position: fixed;z-index: 92;opacity: 0.98;margin-right: -0px;border-bottom-right-radius: 3px;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.16),inset 0 -1px 0 #E7E7E7;border-bottom-left-radius: 3px;}
#menutop ul,#menutop li{margin:0;padding:0;list-style:none;}
#menutop ul{height:45px}
#menutop li{float:right;display:inline;position:relative;font-family:Electrolize,ge_ss_threeregular;font-size:12px;
font-weight:bold;}
#menutop a{display:block;line-height:45px;padding:0 16px;text-decoration:none;color:#6b6c71;}
#menutop ul li:hover a{color:#7C7777;}
#menutop input{display:none;margin:0 0;padding:0 0;width:100%;height:45px;opacity:0;cursor:pointer}
#menutop label{font-family:'Open Sans';font-size:30px;font-weight:400;display:none;width:35px;height:45px;line-height:45px;text-align:center;}
#menutop label span{font-size:13px;position:absolute;right:35px}
#menutop ul li ul{height:auto;overflow:hidden;position:absolute;z-index:99;color:#666}
#menutop ul li ul li a{color:#666;height:45px;line-height:45px;background:#fff;width:100%;}
#menutop ul.menux{visibility:hidden;opacity:0;height:auto;overflow:hidden;background:#fff;position:absolute;z-index:99;color:#444;box-shadow: 0px 2px 3px rgba(0,0,0,0.1);top:65px;transition:all 0.2s ease-in-out;}
#menutop li:hover > ul.menux{visibility:visible;opacity:1;top:45px;}
#menutop a.dutt{padding:0 14px 0 27px}
#menutop a.dutt::after{content:"\f0d7";font-family:FontAwesome;margin:0 auto;width:10px;height:10px;line-height:45px;position:absolute;top:0;left:10px;}
#menutop a.dutt:hover::after,#menutop ul li:hover a.dutt::after{content:"\f0d7";font-family:FontAwesome;margin:0 auto;width:10px;height:10px;line-height:45px;position:absolute;top:0;left:10px;}
#menutop ul li ul li a:hover{background:rgba(231, 76, 60, 0.93);color:#fff;}
#menutop li.facebook {padding:0 5px;}
#menutop li.facebook,#menutop li.twitter,#menutop li.youtube,#menutop li.googleplus,#menutop li.linkedin{text-align:center;color:#666;float:left;transition:all 0.2s ease-in-out;}
#menutop li a.facebook:hover,#menutop li a.twitter:hover,#menutop li a.youtube:hover,#menutop li a.googleplus:hover,#menutop li a.linkedin:hover{color:#fff;}
#menutop li .facebook .fa.fa-facebook,#menutop li.twitter .fa.fa-twitter,#menutop li.youtube .fa.fa-youtube,#menutop li.googleplus .fa.fa-google-plus,#menutop li.linkedin .fa.fa-linkedin{color:#666;transition:all 0.2s ease-in-out;}
#menutop li.facebook:hover{background:#3976F8;color:#fff;}
#menutop li.twitter:hover{background:#57b5e2;color:#fff;}
#menutop li.youtube:hover{background:#e74c3c;color:#fff;}
#menutop li.googleplus:hover{background:#FA6B5C;color:#fff;}
#menutop li.facebook:hover .fa.fa-facebook,#menutop li.twitter:hover .fa.fa-twitter,#menutop li.youtube:hover .fa.fa-youtube,#menutop li.googleplus:hover .fa.fa-google-plus,#menutop li.linkedin:hover .fa.fa-linkedin{color:#fff;}
#menutop a ul li a:hover, #menutop a ul li.active a{color: #FF4444;
}
#photo-cover{
background: rgba(41, 49, 65, 0.78);
-webkit-border-radius: 3px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .07);
border: solid 4px #FFFFFF;
display: block;
right: 4px;
bottom:-40px;
position: absolute; height: 169px;
width:161px;
overflow:hidden;
z-index:2;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 10px;
}

.mygallery{
position:relative;
height: 100%;
width:100%;
margin-right: -57px;
}
.mygallery img{
margin-bottom:5px;
padding: 0px;
border: 0px;
outline: 0px;
height: 188px;
width:280px;
}
</style>

ثم اضف الكود التالي تحت (بعد) <body>

<div class='topwrapper'>
<nav id='menutop'>
<input type='checkbox'/>
<label></label>
<ul>
<li><a class='active' href='/' title='الرئيسية'><i class='fa fa-lightbulb-o'></i></a></li>
<li><a href='http://www.ar1web.com/p/sitemap.html' target='_blank'><i class='fa fa-sitemap'></i>فهرس التدوينات </a></li>
<li><a href='http://www.ar1web.com/p/terms.html' target='_blank'><i class='fa fa-cog'></i>إتفاقية الإستخدام</a></li>
<li><a href='http://www.ar1web.com/p/blog-page_7.html' target='_blank'><i class='fa fa-users'></i>سجل الزوار </a></li>
<li><a href='http://www.ar1web.com/p/blog-page_81.html' target='_blank'><i class='fa fa-laptop'></i>ننصحكم</a></li>
<li><a class='dutt' href='#'><i class='fa fa-link'></i>روابط قد تهمك</a>
<ul class='menux'>
<li><a href='http://www.ar1web.com/p/convert-codes-google-adsense.html' target='_blank'>محــول الأكـــــواد </a></li>
<li><a href='http://www.ar1web.com/p/colorflat.html' target='_blank'>ألــــوان فــــلات </a></li>
<li><a href='http://www.ar1web.com/p/blog-page_13.html' target='_blank'>التبادل الإعلاني</a></li>
<li><a href='http://ads.ar1web.com/' target='_blank'>أعلـن بالمـدونـة </a></li>
<li><a href='http://copyright.sweup.com/' target='_blank'>حماية الحقوق</a></li>
</ul>
</li>
<li><a class='dutt' href='#'><i class='fa fa-inbox'></i>إخترناها لكم</a>
<ul class='menux'>
<li><a href='http://www.ar1web.com/p/blog-page_16.html' target='_blank'>هدايا عديدة</a></li>
<li><a href='http://www.ar1web.com/search/label/%D9%83%D9%88%D8%B1%D8%B3%D8%A7%D8%AA'>كورسات متنوعة</a></li>
<li><a href='http://www.ar1web.com/search/label/%D8%A7%D8%AE%D8%A8%D8%A7%D8%B1%20%D9%85%D9%84%D9%87%D9%85%D8%A9'>اخبار ملهمة</a></li>
<li><a href='http://www.ar1web.com/search/label/%D9%85%D8%B9%D9%84%D9%88%D9%85%D8%A7%D8%AA%20%D9%85%D9%84%D9%87%D9%85%D8%A9'>معلومات ملهمة</a></li>
</ul>
</li>
<li class='sorting-01 facebook'><a href='http://www.facebook.com/arabe1web' target='_blank'><i class='fa fa-facebook fa-lg'></i><span class='inv'></span></a></li>
<li class='sorting-02 twitter'><a href='#'><i class='fa fa-twitter fa-lg'></i><span class='inv'></span></a></li>
<li class='sorting-03 googleplus'><a href='https://plus.google.com/u/0/+iHussam' traget='_blank'><i class='fa fa-google-plus fa-lg'></i><span class='inv'></span></a></li>
<li class='sorting-04 youtube'><a href='https://www.youtube.com/channel/UCB_Ua7MEI5J6dUNedObHukA' traget='_blank'><i class='fa fa-youtube fa-lg'></i><span class='inv'></span></a></li>
</ul>
</nav>
</div>

اخيرا قم بتغيير الروابط والاسماء
اي مشكلة في الاداة قم بطرحها في التعليقات وسيتم حل المشكلة
اذا كنت تتقن لغة HTML/JAVASCRIPT يمكنك التعديل عليها بحرية
اخيرا علق ولو بكلمة واحدة

قالب BMAG الاحترافي |BLOGGER TEMPLATE|

noreply@blogger.com (اسامة عبد الرضا) — Tue, 07 Oct 2014 04:02:00 +0000

اقدم لكم قالب بلوجر الإحترافية قالب Bmag بنسخته الأخيرة

قالب احترافي بمعن الكلمة انه غلية في الروعة والجمال والابداع

ولكل مدونة يرغب في الاناقة

تابع الموضوع ومزايا القالب

المميزات

النسخة2.1
يدعم جميع المقاسات
يدعم السيو
سلايدر رئيسي / سلايدر ثانوي
اضافة اخر الأخبار
تغيير الحجم لعرض كامل أو لعرض متوسط
تغيير الألوان بسهولة
تعليقات ديسكس / بلوجر / فيسبوك
صفحة الخطأ معاينة
أيقونات FontAwsome
أيقونات الشبكات الإجتماعية مع عداد
إعلانات جاهزة
صور كاملة عالية الوضوح
تدوينات ذات صلة jQuery
تغيير الإتجاه بضغطة زر
اضافة اتصل بنا
مع صندوق إعجاب فيسبوك
بوستات بصناديق مختلفة مع تغيير لأي لون

الواجهة الكاملة للقالب

تحميل معاينة

التخطيط

التعديلات الاساسية

تأثير المشاركات عند النزول ـ حرر الأداة ضع Yes ليظهر التأثير ضع No إذا اردت إلغائه أو أتركه فارغ
Boxed Style إذا اردت أن يظهر القالب بشكل كلي ضع No إذا أردته عادي ضع Yes أو أتركه فارغ
ترجمة تجاهلها
Home Page Nav اتركها كما هي
PageNav PostNumb اتركها كما هي
Social Media icon خاصة بالقائمة العلوية حرر الأداة وضع بخانة اسم الموقع الجديد الأسماء كل واحد على حدة
facebook, twitter, rss, dribble, gplus, pinterest, linkedin, youtube. ضع في خانة ‏عنوان URL للموقع الجديد
القائمة العلوية ضع بها أسماء الأقسام الخاصة بك في خانة اسم الموقع الجديد وضع ايضا رابط كل قسم في عنوان URL للموقع الجديد
إعلان بمقاس 728x90
مكان الشعار والوصف ..
القائمة الثانوية ( الرئيسية ) حرر الأداة وإستعمل نفس التطبيق للقائمة العلوية لإضافة قائمة منسدلة ضع مثلا ملحقات وإضغط إضافة إرتباط بعدها ضع الأقسام التي ستكون بالقائمة المنسدلة مثلا _ خطوط عربية ثم إضغط إضافة إرتباط وهكذا عند الإنتهاء ضع ملحقات هي الأولى لتكون أقسام القائمة المنسدلة أسفلها
Intro Posts ضع بها random
News Ticker ضع بها تسمية
ايقونات الشبكات الإجتماعية ضع في اسم الموقع الجديد كل شبكة مع الرابط في خانة عنوان URL للموقع الجديد

للموقع الجديد

facebook [2.1k] twitter [1k] gplus [250] rss [860] youtube [4.5k] dribble [10.2m] instagram [502] pinterest [120]

النشرة البريدية موجودة ضمن الأدوات
الأرشيف موجودة ضمن الأدوات اختر قائمة منسدلة
اخر التعليقات ضع التسمية التالية recentcomments
و 18 ضع بكل واحدة التسمية التالية recentposts أو randomposts
التسميات موجودة ضمن الأدوات
صندوق الفيسبوك ضع الكود الأتي وغيرarabe1web بإسم صفحتك

fbbox/https://www.facebook.com/arabe1web

مشاركات عشوائية بإمكانك إضافة مكانها المشاركات الشائعة المتواجدة ضمن الأدوات او وضع randomposts
و 23. و 24. و 25. و 26. و 27. و 28. صناديق لبوستات مختلفة كل صندوق ضع بها احد الستيلات او الأكواد التالية وكما بالمعاينة وضعتهم بالترتيب

[Your Label ][Box Type][Your Color]

*** مكان Your Label ضع تسمية
*** مكان Box Type ضع احد ستيلات الصناديق
*** مكان Your Color ضع كود اللون إختر من هنا

أنواع ستيلات الصناديق بالترتيب كما بالمعاينة :

fbig2 , list ,fbig1 , column1 , column1 , carousel ,silder

ضع التسميات التالية [blogger][facebook][disqus] احذف ماتريد أو رتبهم كما تريد
ضع إسم المعرف الخاص بالتعليقات بموقع Disqus
و 32. و 33. و 34. نطبق كما فعلنا سابقا أسماء الصناديق بالترتيب

videos , column2 , column2 , gallery

قائمة الفوتر حررها وضع بخانة اسم الموقع الجديد اسم القسم وفي خانة ‏عنوان URL للموقع الجديد ضع الرابط
ضع بكل خانة الأسماء التالية أو ضع شيئ أخر ليس بالضرورة : randomposts recentposts

ملاحظة الموضوع منقول للافادة

المصدر:http://www.ar1web.com/2014/10/bmag-template-for-blogger-free-download.html

اي مشكلة بالقالب علق وسيتم حل المشكلة

NET POINT | الافضل لكم

قوالب ابداع الاحترافية و المدفوعة بسعر 20$ مجانا

قالب مدونتي المميز مجانا للتحميل

لتحصل على القالب اتبع الشروط التالية**القالب حصري فقط على مدونة علي نائل ومدونة نت بوينت

قالب Ayana tech الاصدار السادس

قالب نقطة . الاحترافي الجديد بسعر 15 دولار مجانا

قالب مطوري البلوجر مجانا وبدون شروط

قالب فكرة مطور مجانا

تحديث قالب عرب ويب الحالي مجانا قالب بداية نقطة

حصريا وقبل كل المدونات مدونة NET POINT

اضافة سلايد شو احترافي بشكل عرب ويب

قالب Lycoris النسخة الثالثة

قالب الهام التدوين المدفوع مجانا | ilhamotadwin |

قالب مدونة SWEUP.COM الاحترافي مجانا وبدون شروط

ارجوا ان تعجبكم الموضوع وارجوا التعليق على المجهوذ الذي بذلته لكم

تغيير شكل قائمة ذات التعداد الرقمي لبلوجر بشكل احترافي Digital census blogger

الان مع فيديو قصير وسريع للتوضيح اكثر

مشاهدة ممتعة

ملاحظة :لزوارنا الكرام نرحب بطلباتكم لننقشاها ونفيد الاخرين

حصريا قالب (واجهة) معرض حسام المدفوع مجانا لكم من مدونة نت بوينت NET POINT |TEMPLATE BLOGGER INTERFACE HUSSAM|

اضافة جميلة للمدون الذي يرغب بالاناقة اضافة التدوينة القادمة منزلقة مثل عرب ويب وبتقنية CSS

صورة للتوضيح اكثر

صورة للتوضيح اكثر

تحميل قالب Real Mag معرب

قالب بـ 3 أعمدةمتجاوب مع جميع الشاشاتاداة لعرض مواضيع قسم مميز في الرئيسيةمساحات إعلانيه متعددهمهيئ لمحركات البحثفوتر بـ 4 أعمدة

قالب مدونة منارة المعلوماتية الاحترافي مجانا من مدونة NET POINT

قالب مدونة ابو اياد مقدم من مدونة NET POINT (نت بوينت) template

(تم التصحيح بشكل كامل وواضح)عمل صفحة اتصل بنا لبلوجر بشكل احترافي | CONTACT PAGE |

قالب لحظات الاحترافي لبلوجر | TEMPLATE BLOGGER MOMENTS |

اضافة ادة احصائية المدونة لبلوجر مع كيفية التسجيل في موقع ADDTIONS BLOGGER | histats|

قالب مدونة تكنوليبي النسخة الثالثة BLOGGER TEMPLATE| V3|

قالب FLAT MAG الاحترافي مجانا لبلوجر معرب 2014

**ملاحظة

قالب DECO MAG الاحترافي لبلوجر للمدونات التقنية والاخبارية والمجلات الانيقة

قائمة مدونة عرب ويب الاحترافية لبلوجر |BLOGGER ADDITIONS|

قالب BMAG الاحترافي |BLOGGER TEMPLATE|

لتحصل على القالب اتبع الشروط التالية
**القالب حصري فقط على مدونة علي نائل ومدونة نت بوينت

قالب بـ 3 أعمدة
متجاوب مع جميع الشاشات
اداة لعرض مواضيع قسم مميز في الرئيسية
مساحات إعلانيه متعدده
مهيئ لمحركات البحث
فوتر بـ 4 أعمدة