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

رابط الموقع اسفل

رابط  تجده هنا Font-Awesome/icons

شارك المقال!

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

النطاق مجاني الاول.

بالتأكيد مملت من رابط مدونتك الطويل او يصعب على زوارك حفظه ولا تمتلك نقوداً كي تنتقل الى استضافة مدفوعة كما هو الحال بالنسبة لي
وكان هناموقع co.vu لكنه توقف من فترة واثناء تصفحي وجدت هذا الموقع صدفة وقد اعجبتني طريقته بربط المدونة برابطه المختصر

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

ادخل الرابط الذي تريده بالفراغ امام co.vu وبعدها اضغط على Register Domain

1- اسم المستخدم

2- كلمة السر

3- الايميل

4- اضغط لاكمال التسجيل

5- لتسجيل الدخول بحساب الفيس بوك الخاص بك

ادخل اسم الدمين الذي تريده مرة اخرى واضغط Register Domain

بأمكانك ربط الدومين اما بـ Tumblr أو Blogger أو Weebly وكلها مواقع تختص بانشاء مدونات مجانية او صفحة خاصة بك مجانا ما يهمنا هنا هو ربط الدومين بمدونة بلوج ..

1- اختر كلمة Blogger
2- اضغط عليها للبدء بربط الدومين بمدونتك

توجه الى رابط بلوجر الرئيسي http://www.blogger.com/home واخترت
مدونتك وبعد دخولك الى اللوحة الرئيسية لمدونتك

1- اخترت اعدادات واساسي
2- اضغط عليها لاضافة الدومين المختصر

1- ادخل الدومين المختصر كما موضح لك بالصورة متبوعا ب www
2- اضغط حفظ

1- Name
Point To -2

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

هذه الصفحة ستجدها بعد ضغط Configure To Blogger في الصورة الخامسة
سيظهر لك شرح كيف تربط به رابطك المختصر بمدونة بلوجر انزل للاسفل حتى
تجد ما بهذه الصورة واتبع الآتي

1- Name تجده في لوحة تحكم مدونتك الموضح لك السابقة لهذه
2- Point To ايضا تجده بالصورة السابقة لهذه بعد نسخ ولصق المطلوب منك برقم 1 و 2
3- اضغط عليها واتبع باقي الشرح

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

الان اضغط حفظ حتى يتم ربط الدومين هنا تم ربط الدومين

برابطك المختصر بنجاح اضغط على كلمة تحرير

بعد ضغط كلمة تحرير سيظهر لك كما بهذه الصورة ضغط صح امام كلمة إعادة توجيه وبعد حفظ

وبهذا الشكل سيتم توجيه اي شخص يدخل الى ربط مدونتك القديم

هنا انتهى الشرح

النطاق مجاني الثاني.

لتسجيل نطاق، افتح أولا علامة تبويب جديدة في المتصفح الخاص بك والذهاب إلى dot.tk

Dot.tk هو موقع يمكنك من تسجيل أسماء النطاقات الحرة، ولكن للأسف، يقتصر على واحد و هو ".tk" اسم النطاق.

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

كما ترون، وأنا تسجيل Napkins.tk
للتسجيل، انقر فوق "تسجيل" وانقر على الخدمة التي ترغب في الاشتراك مع مثل الفيسبوك، تويتر أو جوجل.
ثم انقر فوق "تسجيل الدخول إلى بلدي دوت تاكا" في أعلى يمين كما هو مبين:

تسجيل الدخول مع حساب الاجتماعي (مرة أخرى) أو الاشتراك باستخدام عنوان البريد الإلكتروني وكلمة السر الخاصة كما هو مبين:

ثم يجب أن ينتهي هنا:

رابط  dot.tk
وهذا هو المجال المسجل لدينا.
ملاحظة : قد يستغرق بعض الوقت قبل أن تتمكن من الذهاب فعلا إلى المجال الخاص بك (تصل إلى 48 ساعة أو نحو ذلك).

شارك المقال!

أهلآ بكم اصدقائي في تدوينة جديدة حول أداة جميلة جدآ قد يفتقدها الكثير منكم ولموقعكم الاكتروني سواء آكانة مدونة أو موقع بشكل عام الاداة صالحة لأي موقع يدعم css والان نحن في عصر التصميم ولا يمكن التخلي عن لغة Css .

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

لكن للحصول على الاكواد وطريقة تركيب الازرار بشكل صحيح سابقى معك حتى تنجح معك الطريقة وايت مشكلة ساساعدك حتى تحل مشكلتك

طريقة تركيب :

ادخل مدونتك / ابحث عن  ]]></b:skin>

وقم بأضافة الكود التالي فوقه

<style>
.promote_post_bg {
    height: 110px;
    margin: 15px -60px 15px -60px;
    width: 100%;
}
.promote_twitter {
    width: 153px;
    height: 112px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 65px 0px 0px 13px;
    text-align: center;
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJn0EcvZEgF6mMDWo7X7PxNMFIeVQwZcTz_Hmd3xZ8LpjSXRkJg-FviVcfPtZe_HDKqbOuxAGAuqSTyp6y8eVnbxcMXIPx4qgHkRamDeQlEn4E5o11cmDGUhxI1Ojz-ihbxVauamkFdxRt/s1600/twiiter-bg.png') no-repeat scroll 0% 0% transparent;
}
.promote_facebook {
    width: 153px;
    height: 112px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 50px 0px 0px 20px;
    text-align: center;
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY6UQAUC47y1mUG4k5FnU3frphfQdZo10WmNP2UmdzRs05xRIUB6arT4b4bg4aVYeBAdkYs6JkdKfHsflwyzH9K9jMRIOVdYm7dvPZZ6YrwEQLbQqTHBjQMdFqEKYkuk6hGrdViPiVaugF/s1600/facebook-bg.png') no-repeat scroll 0% 0% transparent;
}
.promote_google {
    width: 130px;
    height: 112px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 65px 0px 0px 40px;
    text-align: center;
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJdRd6g_a17chfLWNbl5JVUuKLt5dusQljdTRMay2hyphenhyphenzbujlTNEEdqSulpgIZYoPSUMQRP4RGeYzhx2sQtF9FdA0GTLMBBuo52AcMFX7sxGVoaS1leUGY2bKOsylYOORY-fQUciGSw_dId/s1600/googleplus-bg.png') no-repeat scroll 0% 0% transparent;
}
.whatsapp2 {
width: 153px;
height: 112px;
float: left;
margin: 0 0px 0 0;
padding: 70px 0 0 0px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiSKtEziqun4agq6j4IBqeYxaCY9q9n-X87EPCRjudUdzOc4YB5YJZNyyItetePv6197WO_EKbdA6pdGgNe9QlufNSk3PgxfcmKj8A8uPFfiBnCk3Q5ajSnDIyOzxZttDJMyMKigkfpIa1/s1600/whatsapp-bg.png) no-repeat;
}
</style>

بعدها قم ببحث عن
<div class='post-footer'> او <div class='post-footer-line post-footer-line-1'>

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

<div class='promote_post_bg' id='promote_post_bg'>
<div class='promote_twitter' id='promote_twitter'>
<a class='twitter-share-button' href='https://twitter.com/share'>
                          Tweet
                        </a>
                        <script>
                          !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
<div class='promote_facebook' id='promote_facebook'>
<iframe allowTransparency='true' expr:src='&quot;//www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;locale=ar_AR&amp;width=85&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:85px; height:21px; margin: 0px -51px 0px -70px; }'/>
<div style='  margin-top: -4px; margin-left: -19px;'>
<div class='fb-share-button fb_iframe_widget' data-layout='button_count' fb-iframe-plugin-query='app_id=&amp;container_width=133&amp;href=&quot; + data:post.url&amp;layout=button_count&amp;locale=ar_AR&amp;sdk=joey' fb-xfbml-state='rendered'><span style='vertical-align: bottom; width: 83px; height: 20px;'><iframe allowfullscreen='true' allowtransparency='true' class='' expr:href='&quot;http://www.facebook.com/share.php? v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' frameborder='0' height='1000px' name='f1da1e73f4fea4a' scrolling='no' style='border: medium none; visibility: visible; width: 83px; height: 20px;' title='fb:share_button Facebook Social Plugin' width='1000px'/></span></div>
<script>
                        (function (d) {
                            var js, id = 'facebook-jssdk';
                            if (d.getElementById(id)) {
                                return;
                            }
                            js = d.createElement('script');
                            js.id = id;
                            js.async = true;
                            js.src = &quot;//connect.facebook.net/ar_AR/all.js#xfbml=1&quot;;
                            d.getElementsByTagName('head')[0].appendChild(js);
                        }(document));
                    </script>
</div>
</div>
<div class='promote_google' id='promote_google'>
<div class='g-plusone' data-size='medium' width='25px'>
   </div>
   <!-- Place this tag after the last +1 button tag. -->
   <script type='text/javascript'>
    (function() {
      var po = document.createElement('script');
      po.type = 'text/javascript';
      po.async = true;
      po.src = 'https://apis.google.com/js/plusone.js';
      var s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(po, s);
    }
    )();
  </script>
</div>
<div class='whatsapp2' id='whatsapp2'>
  <a alt='WhatsApp' expr:data-href='data:post.url' expr:data-text='data:post.title' href='whatsapp://send' style='     color: #555; ' title='Whatsapp'>شارك</a>
</div></div>

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

شارك المقال!

 

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


1-متوافق مع إعلانات أدسنس اماكن مخصصة  

2-سريع جدا وخفيف وجربه وسترى

3-ممكن وضع إعلانات داخل المواضيع 

4-قالب صديق لمحركات البحث 

تحميل قالب  يمكن تحميل هدا القالب نفسه لكنه تم تغير به الكثير من الاشياء قالب

شارك المقال!

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

1. يجب عليك التسجيل في الموقع alexa التسجيل سهل جداً تقوم بوضع ايميلك والباسورد ثم سوف تصل لك رسالة لتفعيل الحساب على الايميل ويتم تفعيل الحساب ثم اتبع الصور لإضافة مدونتك او موقعك الى موقع اليكسا مجانا.

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

او ادا كنت بداخل حسابك تضغط على اضافة موقع او مدونة +add my site

بعد الضغط على Claim This Site ستتحول الى واجهة وهي التي تضهر معنا في الصورة والان ساشرح لك مادا تعني كل واحدة لان هدا سؤال هو الدي سيتبادر في دهنك ?

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

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

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

 تقوم بنسخ الكود وتوجه الى قالب بلوجر او موقعك وضع الكود في اماكن الميتا meta وستجدها في <head>
 بعد وضع الكود تقوم بحفظ القالب ثم الان عد الى موقع اليكسيا لتضغط على تاكيد  Verify My ID

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

شارك المقال!