مدونة الاتقان للمعلوميات: قسم انشاء الموقع وتطويرها

‏إظهار الرسائل ذات التسميات قسم انشاء الموقع وتطويرها. إظهار كافة الرسائل

الحصول على نطاق او دومين مدفوع مجاننا لمدونتك

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

كثير من الاسئله التي توافدت على عن طريقه الحصول على دومين

مجاني والبعض من الاسئله عن طريقه الحصول على دومين .com و .net

لاكن مثل هذه الدومينات تكون مدفوعه قد تصل الى 10$ وهنالك

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

غودادي فأسعار هذه الشركه مناسبه جدا لاي شخص .

والدومين او النطاق الذي سنحصل عليه اليوم هو .TK حيث اذا

ربطته بموقعي سيكون على الشكل الاتي :

www.al-etqan.tk

وطبعا هذا النطاق مجاني ومتوفر لسنه كامله .

الان عليك اولا الدخول الى موقع الدومين من هنا

ستضهر لك صفحة بهذا الشكل .

قم بأختيار اسم الدومين الذي تريد انشائه قد يكون الاسم

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

بعد اكمال هذه الخطوه سيتم تحويلك الى صفحة اخرى بهذا الشكل

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

تريد وضع الدومين بها .

المكان الثاني اختر به المدة او عمر الدومين طبعا اجعه 12 شهر

واذا اردت اختر ما تريد .

المكان الرابع ضع كود الكابجا في المكان المحدد .

ثم اضغط على sing up

وبعدها سيتم تحويلك الى هذه الصفحة .

في هذه الخطوة سجل بالموقع بأستخدام احد المواقع التي في الصوره

او قم بأنشاء حساب على الموقع بدون التسجيل بأستخدام اي موقع .

بعد تسجيل الدخول ستحول الى صفحة الموقع الرئيسيه .

كما ترون انا مسجل وعندي دومين واحد ولتحرير النطاقات

وتعديلها قم بالضغط على domainpanel لوحة تحكم النطاق

وستضهر على الشكل الاتي .

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

واستطيع استخدامة كيف ما اريد .

هكذا انتهى درسنا اراكم في تدوينة جديده .

إقرأ المزيد

زر ثلاثي الأبعاد للتحميل او المعاينة

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

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

طريقة التركيب اذهب الى لوحة التحكم ثم الى قالب تحرير html ومن ثم احفظ نسخة
احتياطية للقالب بحال حدوث اخطاء ، ابحث عن الكود الاتي :

]]></b:skin

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

أولا: الكود البرمجي في حالة الخمول

.ButtonOK {

box-shadow: 3px 4px 0px 0px #1564ad;

background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);

background-color:#79bbff;

border-radius:5px;

border:1px solid #337bc4;

display:inline-block;

cursor:pointer;

color:#ffffff;

font-family:arial;

font-size:17px;

font-weight:bold;

padding:12px 44px;

text-decoration:none;

text-shadow:0px 1px 0px #528ecc;

}

ثانيا :الكود البرمجي في حالة مرور مؤشر الماوس

.ButtonOK:hover {

background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);

background-color:#378de5;

}

ثالثا :الكود البرمجي عند الظغط على الزر

.ButtonOK:active {

box-shadow: 1px 1px 0px 0px #1564ad;

position:relative;

top:1px;

left:1px;

}

احفظ القالب ومبارك عليك حيث الان يمكنك اضافة زر بشكل جميل للتحميل او للمعاينة...الخ بدون استخدام الصور

لاستخدام الزر ما عليك الا كتابة الكود التالي في محرر ال

HTML

<div class="ButtonOK">تحميل</div>

هكذا انتهى موضوعنا اي سؤال لاتتردد في طرحه اراكم في تدوينة جديد .

جرب الدرس من هنا .

تحميل

إقرأ المزيد

نصائح للمدونين لجلب الزوار وتحسين المدونة .

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

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

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

من قبل الزوار وجلب متابعين للمدونة ، يقع العديد من المدونين في بعض الاخطاء

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

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

# الصبر .

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

# اكتب التدوينات بيدك وعدم نسخها .

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

# كتابه تدوينات حصريه وجديده وعدم التكرار .

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

# نشر التدوينات في مواقع التواصل الاجتماعي واضافه ازار المشاركه اسفل التدونه .

يجب عليك نشر التدوينه في مواقع التواصل الاجتماعي ووضع ازار النشر في المواقع اسفل الموضوع ليتسنى للزائر مشركتها مع اصدقائه وزياده الفاعل والزوار لان مواقع التواصل الاجتماعي الفيسبوك مثلا هو احد مراكز جلب الزوار وتويتر وغيرها .

# عدم وضع اعلانات اجباريه وصفحات منبثقه .

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

# القالب .

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

كتابه وتأليف على الياسري .

إقرأ المزيد

طريقة اضافة رسالة ترحيب عندما يدخل احد للمدونة

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

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

الخاصه بك يمكنك الكتابه بها ما تريد مثل كلمه شكر او

تحضي اذا كنت تعدل او تعمل على القالب مثلا او وضع

فيها مواقع التواصل الاجتماعي .

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

ثم الى تخطيط اضافه اداه Java html ثم ضع الكود الاتي

<ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ>

<br /> <head><br /> <meta http-equiv="Content-Language" content="en-us"><br /> </head><br /> <script language=JavaScript> (window.alert("اكتب هنا ماتريد عرضه ")) </SCRIPT><br /> <p>
Div By <a href="http://meftahbloger.blogspot.com">Tools4b</a></p>
<br />

<ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ>

مع تغيير "اكتب هنا ماتريد عرضه " بما تريد عرضه ثم حفظ

ومبروك عليك الاداه.

إقرأ المزيد

اضف موقعك بموقع nzs لزيادة التواجد بمواقع البحث

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

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

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

موقع اجنبي قمت بالكشف عنة عبر موقع اليكسا الشهير الخاص بأحصائيات وترتيب

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

هذا الموقع الرائع الأن نأتى الى طريقة اضافة مواقعنا بهذا الموقع .

الان طريقه الاضافه ادخل على الموقع من هنا

ثم قم بوضع موقعك فب المربع الخاص به كما موضح

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

وبعد ذلك اضغط على

ثم انتضر الى حين ضهور رساله القبول كما موضح

إقرأ المزيد

شرح اضافة "ترقيم الصفحات - Number pages blogger" الى مدونات بلوكر

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

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

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

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

ثم الى تخطيط اضافه اداه

HTML/JavaScript ونضع الكود التي

<!-- Stylish colored  Navigation Widget For Blogger By UinEgy @ http://www.uniegy.blogspot.com -->
<style type="text/css">
#blog-pager{padding:5px 0 !important;}
.showpageArea {font-weight: bold;margin:5px;}/* www.uniegy.blogspot.com */
.showpageArea a {text-decoration:underline;color: #fff;}/* www.uniegy.blogspot.com */
.showpageNum  a, .showpage a {color: #fff;text-decoration:none;border:1px  solid  #999;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0   3px;padding:3px 5px; background: #9dd53a; background:   -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a   100%); background: -webkit-gradient(linear, left top, left bottom,   color-stop(0%,#9dd53a), color-stop(50%,#a1d54f),   color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); filter:   progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a',   endColorstr='#7cbc0a',GradientType=0 ); }/* www.uniegy.blogspot.com */
.showpageNum  a:hover, .showpage a:hover {border: 1px solid #ccc;  background:  #6db3f2; background: -moz-linear-gradient(top, #6db3f2 0%,  #54a3ee 50%,  #3690f0 51%, #1e69de 100%); background:  -webkit-gradient(linear, left  top, left bottom, color-stop(0%,#6db3f2),  color-stop(50%,#54a3ee),  color-stop(51%,#3690f0),  color-stop(100%,#1e69de)); filter:   progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2',   endColorstr='#1e69de',GradientType=0 ); } /* www.uniegy.blogspot.com */
.showpagePoint  {color: #aaaaaa;text-decoration:none;border:1px solid   #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0   3px;padding:3px 5px; background: #e2e2e2; background:   -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe   100%); background: -webkit-gradient(linear, left top, left bottom,   color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb),   color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter:   progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2',   endColorstr='#fefefe',GradientType=0 ); }/* www.uniegy.blogspot.com */
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.uniegy.blogspot.com */
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.uniegy.blogspot.com */
</style>

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=9;
var upPageWord ='السابق';
var downPageWord ='التالي';
</script>
<script src='http://uinegy.googlecode.com/svn/wiki/uniegy_bloggerpagenavi.js' type='text/javascript'></script>
<!-- Stylish colored Numbered Page Navigation Widget For Blogger By UinEgy @ http://www.uniegy.blogspot.com -->

للتعديل على الكود على حسب الراغبة
وهذه تعنى عدد المواضع فى الرئيسية var postperpage=5
وهذه تعنى عدد ارقام الصفحات فى الرئيسية var numshowpage=9

ثم نقوم بسحب الاداة ونضعها اسفل ( رسائل المدونة الإلكترونية )

وتكون قد انتهيت وحصلت على الاضافه الف مبروك ... :)

إقرأ المزيد

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

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

لعل اي مدون يبحث عن مصادر جديده للزوار لمدونته وافضل

هذه المصادر هي مواقع التواصل الاجتماعي وبلاخص الفيس بوك وخصوصا

اذا كانت المدونه في بدايه الطريق للشهره ان صح التعبير .

الفائده من تعليق الفيس بوك على المدونه انه اي شخص يدخل الى اي موضوع

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

اصدقائه وصابه عصفوران بحجر واحد ,,, :)

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

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

ومن ثم يقوم بأعطائك كود كابجا قم بأدخاله في المربع ثم اضغط على تقديم

بعد اكمل الخطوات السابقه سيضهر لك التطبيق مع الايبي والذي هو المطلوب من الخطوات الاتيه .

الان انتهت الخطوه الاولى نبدأ بالخطوه الثانيه .

نقوم بالذهاب الى لوحه التحكم بلوكر ثم الى قالب تحرير HTML قبل ذلك خذ نسخه احتياطيه للقالب بحال حدوث اخطاء ، نبحث عن الكود الاتي : <html وبعد ايجاده ضع الكود xmlns:fb='http://www.facebook.com/2008/fbml' الاتي بحيث يكون على الشكل الاتي :

بعد الانتهاء إبحث عن <body> وبعدها مباشرة قم بإضافة الكود الآتي :

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
    FB.init({xfbml: true, appId: معرف التطبيق });
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/ar_AR/all.js'
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

غير معرف التطبيق التي بالون الاحمر بلايبي الذي انشأته في المرحله الاولى من الشرح بعد الانتهاء توجه وبحث عن </head> وقبل الوسام ضع اكود التي :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta   expr:content='data:blog.pageTitle' property='og:title'/>
<meta   expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta   expr:content='data:blog.title' property='og:title'/>
<meta   expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta   content='عنوان المدونة' property='og:site_name'/>
<meta   content='http://google.com/help/hc/images/logos/blogger_logo.gif'   property='og:image'/>
<meta content='معرف التطبيق ID'   property='fb:app_id'/>
<meta content='معرف حسابك على فيسبوك ID'   property='fb:admins'/>
<meta content='article'   property='og:type'/>

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

عندما سيعلق على موضوع في مدونتك بإستخدام حسابه في الفيسبوك ، كذلك قم بإضافة

معرف حسابك على الفيسبوك والذي سيجعلك مديرا للتعليقات من اجل إدارتها ، ولكي

تعرف معرفك الخاص انقر على بروفايلك في الفيسبوك وابحث في الرابط في الاعلى

عن إسم المستخدم مثلا حسابي الخاص هو facebook.com/al-etqan12 إدن

المعرف هو al-etqan12ساقوم بإضافته في الكود . اما بالنسبة لمعرف التطبيق

فستضيف الكود التطبيق App ID الذي نسخته مرة اخرى .

الان الخطوه الاخيره ، لم يتبقى سوى اضافه التي ستضهر ف اسفل كل تدوينه وسيكون

عن طريق البحث عن الكود الاتي <data:post.body/> سيضهر لك العديد المطلوبه هي الاخيره ونقوم بوضع الكود الاتي اسفلها مباشره .

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments width='600' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</div>
</b:if>

يمكنك تغير الــ width='600' إلى اي قيمة لكي يتناسب عرض مربع تعليقات الفيسبوك مع مدونتك ، والان لم يبقى عليك سوى تحفيظ العمل ومبروك عليك إضافة مربع تعليقات الفيسبوك .

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

إقرأ المزيد

طريقه وضع اداه تعرف الكاتب لمدونات بلوكر الشخصيه والجماعيه

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

اليوم اقدم لكم اخواني واخواتي ومتابعي مدونه الاتقان للمعلوميات طريقه اضافه

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

وانشاء الله مضمونه هذا شكل الاداه .

طريقه التركيب سهله جدا تـــابع :

اذهب الى لوخه لتحكم لبلوكر.
اذهب الى قالب .
أأخذ نسخه احتياطيه للقالب بحال حدوث اخطاء .

الخطوة الأولى (*) : ابحث عن ]]></b:skin> و قبله مباشرة ضع كود CSS الآتي

/* Author Bio */
.postauthor {
    background: #F5F5F5; 
    border-top: 1px solid #e1e1e0; 
    border-bottom: 1px solid #e1e1e0; 
    overflow: hidden; 
    padding: 0.7em;
}
.postauthor img {
    border: 5px solid #e2dede; 
    float: right; 
    margin-left: 1em;
}
.postauthor h3 {
    color: #666; 
    font-size: 1.2em; 
    margin-bottom: 5px; 
    margin-top: 0;
}
.postauthor p {
    color: #515151; 
    font-size: 12px; 
    margin-bottom: 10px;
    margin-top: 0;
}
/* Author Bio End */

ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ

اذا وجدت العديد مفلأخيره هي المطلوبه

ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ

الخطوة الثانية : ابحث عن <data:post.body/> (إن وجدت ثنتين فالثانية هي المقصودة) ثم مباشرة بعدها ضع الكود الآتي:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='postauthor'>
 <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
 <h3>بقلم <a href='Blog Link'> اسم الكاتب </a></h3>
 <p> فقرة تضم نبذة عن الكاتب </p>
</div>
</b:if>

ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ

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

ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ

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

كثير من المدونات في الآونة الأخيرة بدأت تعتمد على أقلام كاتبين أو أكثر، و الطريقة التي كان ينهجها أصحابها لوضع تعريف للكاتب تكون عبر تضمينه داخل جسم التدوينة و يتكرر الأمر مع كل موضوع. الآن سنضع تعريفات الكتاب في القالب و سيظهر كل تعريف موافقا لموضوع كاتبه.
أولا ستتبع نفس الخطوة الأولى (*) كما في المدونات الشخصية أي نفس كود CSS ستضعه كما ذكر سابقا.
ثم تبحث عن <data:post.body/> (كما سبق الاخيره هي المطلوبه) و مباشرة بعدها ضع الكود الآتي:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- تعريف الكاتب الأول -->
<b:if cond='data:post.author == &quot;أحمد&quot;'>
<div class='postauthor'>
   <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
   <h3>بقلم <a href='Blog Link'> أحمد </a></h3>
   <p> فقرة تضم نبذة عن الكاتب </p>
 </div>
</b:if>
<!-- تعريف الكاتب الثاني -->
<b:if cond='data:post.author == &quot;جواد&quot;'>
<div class='postauthor'>
   <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
   <h3>بقلم <a href='Blog Link'> جواد </a></h3>
   <p> فقرة تضم نبذة عن الكاتب </p>
 </div>
</b:if>

</b:if>

قبل الحفظ غير المعلومات االى التي تريد ، و كرر كود تعريف الكاتب الثاني إن كنتم أكثر من كاتبين، و كذلك افعل عند الحاجة.
كذلك يمكن تعديل كود CSS لتعدل خلفية و حدود مستطيل تعريف الكاتب ...

إقرأ المزيد

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

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

اليوم درسنا مهم جدا لاصحاب المدونات الذين يريدون ان يصلوا

بمدوناتهم الى درجه جيده واجتذاب الزوار ولاكن لايحضون

بزوار كثيرون وذلك لان مدونتهم غير مؤرشفه لذلك

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

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

ولم يحدث شيء سيء ان صح التعبير لمدونتي بل بعكس

زاد الزوار ولا تنسى ايضا ان الموقع يؤرشف مدونتك على المواقع

الانكليزيه ايضا مما يوفر لك زوار غير عرب وضغطات

اعلانات اغلى بكثير كما تعلمون .

شاهد الدرس :-

:
:

رابط الموقع

pingmyurl

إقرأ المزيد

طريقه اضاه اداه المتواجدين الان الى مدونتك او موقعك 2014

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

اليوم درسنا كيفيه اضافه المتوجدين الان , لاكن ماهي اداه المتاوجدين الان .

وهي اداه تمكنك انت ومن يزور مدونتك الى معرفه من عدد الزوار في هذه

اللحضه ومن اي بلد والعدد الكلي لزوار من اليوم الذي اضفتها به

الى هذه اللحضه وهذه صوره الاداه .

طبعا الاداه بألوان واشكال واحجام منوعه حسب الموقع او الون

او القالب وغيرها

اتركك مع الشرح .

رابط الموقع :-

اضغط هنا

إقرأ المزيد

اضافه صندوق تعليقات disqus المهم جدا لموقعك او مدونتك

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

اليوم درسنا كيفيه وضع صندوق التعليقات disqus المهم جدا

لمدونتك ويعد صندوق التعليقات disqus من اهم الاضافات للمدوانات

او المواقع فتستعمله العديد من المواقع المشهوره مثل BBC .. الخ . وغيرها

من المواقع المشهوره هذه الصوره الصندوق .

ويعد صندوق تعليقات disqus من افضل ادوات التفاعل في المدونه

او الموقع فالصندوق يوفر للزائر التعليق من خلال الفيس بوك او تويتر او

من خلال حسابه على disqus والعديد من الاضافات

التي سوف تكشفها انت ...

شاهــــــــــــــد الشـــــــــــــــــرح :

رابط الموقع :

اضغط هنا

إقرأ المزيد

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

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

اليوم موضوعنا هو كيفيه وضع مواقع التواصل الاجتماعي

والخلاصه والقائمه البريديه معا في شكل واحد جميل جداكما في الصوره

الطريقه سهله جدا لاتحتاج الى تعديل في القالب فقط :-

اذهب الى لوحه التحكم .
ثم الى تخطيط .
صثم اضف الكود التي :

<div class="widget-content">
<div class="lefts">
<h1>
إنضم لأكثر من <b>3025</b> متابع للمدونة</h1>
<div class="social">
<a href="http://feeds.feedburner.com/blogspot/tYNBJ" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWB7tYRpEmCY7sVEAUanHzqKNlfUozCwu_YiBIHpVtF0Qf7bBFx8YJhACQp8tjNgVgFDB3lvEievcNalL0gTrVDdBtUFQSOvFRVV13Gb4_nE9lipP2pZsXSetzpMUMv4ipUOecvUt31Dw/s1600/rss.png" /></a>
<a href="https://twitter.com/alialyaseri5" rel="nofollow" target="_blank"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLrFg_VettGKc8PfOFOTL-vpr6CSf74F-AtZ0sFXZERP0O3YogtvNlh5oEdlnOaMVzK514sKSW1xNw3T-CXUVOiAgKYdhyu6A3GCfJFdmLRe9AQ_j_xpUCNu8hB5Pzzstqyk-CeGUGWJI/s1600/tw.png " /></a>
<a href="https://www.facebook.com/alialjaded?fref=ts" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX6gbKzf1gmYi4nSS_vnddt1a6rGgbtlbSqqb7ZWRkp7Q7XojCandUTi7TYQa-78hwmyiiZ7nzMMG1ggzXzs_KYt8S9Pc9Aiyricc3pq_JDj_bRAnH1HxKsBJLvokt8ObOAsNdExcdjFI/s1600/face.png" /></a>
</div>
<div class="ins">
<center>
<div id="sleek-subscribe">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=nahrelma3refa" method="post" rel="nofollow" target="_new">
<input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'ضع اميلك هنا ليصلك كل جديد';}" onfocus="if (this.value == 'ضع اميلك هنا ليصلك كل جديد') {this.value = '';}" value="ضع اميلك هنا ليصلك كل جديد" /><input class="btn2" type="submit" value=" " />
<a href="http://7loll.blogspot.com/"></a>
</form>
</div>
</center>
</div>
</div>
<style>
.lefts{
width:300px;
height:182px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlQUE3ZzbRSUUq1-ehotMut7J-DRF1tNayNip0H0qsKxp9HcH1vG4AG-gRrJ5WMpSzJGwXucInp8ndNpBhLQTyDX_ng0rrkhE3-lx0olap_-Ctq28KGDzwJT1IzVaXl6fLy5CLyH3A7Lc/s1600/left.png);
}
.lefts h1{
color:#767676;
margin:0;
text-align:center;
font:14px 'DroidKufi-Bold';
padding:10px;
padding-top:20px;
}
.lefts b{
font:18px Arial, Helvetica, sans-serif;
color:#575858;
}
.lefts .social{
margin-right:50px;
}
.lefts .social a img{
float:right;
margin-right:20px;
margin-top:8px;
}
.lefts .ins{
width:300px;
height:40px;
float:right;
margin-top:15px;
}
.lefts .ins .txt2{
border:1px solid #e1e1e1;
background:#fff;
border-radius:5px;
font:12px Tahoma, Geneva, sans-serif;
color:#c0c0c0;
padding:6px 7px 7px 7px;
margin:0px;
float:right;
margin:0 20px 0 5px;
text-align:right;
width: 175px;
}
.lefts .ins .btn2{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgns3a3MwsUIsqLTpDopcAOuVepzFQJDGKkqeNS0hnJEC-u3lymuWnvJxLAv6sdWZyJ9cgZoX1MFtQxQs-6RdYQWR0FzdZ-2q3XYUoFIvydFdb61Lv-Z2byRJ58BBPhqQKUeCJ3rpta0Y/s1600/sub.png);
float:right;
border:none;
width:64px;
height:28px;
cursor:pointer;
}
</style>
</div>

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

الاحمر العدد .

الوردي تويتر .

الازرق فيسبوك .

والسمائي القائمه .

البنفسجي الخلاصه الفيد.

إقرأ المزيد

الحصول على نموذج اتصل بي كما في الموقع الخاص بي

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

اليوم درسنا هو الحصول على نموذ اتصل بي كما في موقعي :

اولا:ندخل الى هذا الموقع

foxyform

الموقع لايحتاج الى تسجيل

ادخل المعلومات المطلوبه من المرسل فقط ضع صح امام المربع كمافي الصوره

ـــــــــــــــــــــــــــــــــــــــ

ثانيا:نختار الون وحجم الخط وغيرها

ـــــــــــــــــــــــــــــــــــــــ

ثالثا:ضع الايميل الذي تود توجيه الرسأل اليه

ـــــــــــــــــــــــــــــــــــــــ

رابعا:ضع رمز التحقق في المكان المطلوب

ـــــــــــــــــــــــــــــــــــــــ

رابعا: اضغط على هذه الكلمه

ـــــــــــــــــــــــــــــــــــــــ

خامسا : سوف يضهر لك الكود كما في الصوره

ـــــــــــــــــــــــــــــــــــــــ

سادسا : اذهب الى لوحه التحكم ثم الى الصفحات ثم الة صفحه جديده

واضغط على html وضع الكود فيه ثم اضغط تأليف وضغط على نشر

ومبروك عيك الأضافه :)

كلمه شكر تكفي :)

ـــــــــــــــــــــــــــــــــــــــ

إقرأ المزيد

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

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

اليوم درسنا كيفيه اضافه زر الصعود للأعلى في المدونه او الموقع

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

(أولاً): قم بحفظ نسخة من قالبك لتفادي أي أخطاء قد تواجهك .. مهم جدا

(ثانياً):اذهب إلى قالب المدونة ومن ثم الى تحرير html ثم اضغط داخل القالب ومن الكيبورد اضغط ctrl+f
وابحث عن الكود التالي:

</body>

ثم اضف قبله هذا الكود التالي

var home_page="/";

var urlactivepage=location.href;

var postperpage=4;

var numshowpage=6;

var upPageWord ='Previous';

var downPageWord ='Next';

</script>

إذا أردت تغيير شكل الأيقونة غير ما باللون الأحمر برابط الصورة المراد وضعها
لمشاهدة الصورة بحجمها الطبيعي قم بالضغط عليها

(ثالثاً)
ثم ابحث عن الكود التالي

]]></b:skin>

واضف قبله هذا الكود

#backtotop {

padding:5px;

position:fixed;

bottom:5px;right:5px;

cursor:pointer;

}

هذه الأداة تكون في الجهة اليمنى فإذا أردتها بالجهة اليسرى غير left إلى right

لمشاهدة الصورة بحجمها الطبيعي قم بالضغط عليها

شاهد الفيديو بلأسفل

أما الطريقة الثانية للإضافة
وهي أسهل بكثير مما سبقت
فما عليك هو أن تذهب للوجة تحكم مدونتك ثم تختار التخطيط
ثم تختار إضافة أداة ومن ثم إضافة وظيفة طرف ثالث HTML/JavaScript
ثم تنسخ الكود التالي وتضعه في مربع أكواد الأداة

ثم احفظ الأداة ويمكنك أيضا تغيير الصورة الموجودة بالأداة بأي صورة تحب
وبهذا تمت الإضافة

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