التخطي إلى المحتوى الرئيسي

المشاركات

دورة مطوري بلوجر في العالم العربي { ج2 }

أول مرة في العالم العربي . . . دورة مطوري بلوجر , أكواد البلوجر , الأكواد التي تحتاجها لتبدأ بتصميم قالبك من الصفر بكل التخصيصات و تطوير القالب على منصة البلوجر . . . دورة طويلة ستتعلم فيها كل ما يوجد من أكواد في منصة البلوجر
اليوم سنقدم لك كل المكتبات التي تحتاجها المكتبات المرفوعة على جوجل ( juqery ,Dojo .... etc ) 
Jquery <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Angular
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>Dojo <script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.2/dojo/dojo.js"></script>Ext Core <script src="//ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script>Jquery.ui <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" /><script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.j…
آخر المشاركات

دورة مطوري بلوجر في العالم العربي { ج1 }

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

اليوم سنضع لكم جميع أكواد ال sections 
standard section  <b:section class='your_class' id='your_id' maxwidgets='10' showaddelement='yes'> </b:section> section label
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:section id='your-section-id-label' class='section-label' showaddelement='no' maxwidgets='1'><b:widget id='HTML101' locked='true' title='Your Section Label' type='HTML'><b:includable id='main'></b:includable></b:widget></b:section> </b:if>
includable 
<b:includable id='your_id' var='your_var_optional'> </b:includable>
include
<b:include name='id_o…

حماية الروابط بكلمة سر ( الدخول لرابط من موقعك بكلمة سر )

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



الاضافة سهلة فقط غيير ما باللون الأحمر و قم بنسخ الكود و لصقه في المشاركة في تبويب HTML في المكان الذي تريده
<script> function passWord() { var testV = 1; var pass1 = prompt('يرجى ادخال الرقم السري',' '); while (testV < 3) { if (!pass1)  history.go(-1); if (pass1.toLowerCase() == "كلمة السر هنا") { alert('تم قبول الرقم السري'); window.open('http://الرابط هنا'); break; }  testV+=1; var pass1 =  prompt('لا يمكن دخولك - الرقم السري خاطئ, يرجى إعادة المحاولة','ادخل هنا الرقم السري'); } if (pass1.toLowerCase()!="password" & testV ==3)  history.go(-1); return " "; }…

تقوية سيو : إظهار النجوم بجانب موقعك فى محركات البحث

من أكواد ال Structure Data أو تعريف محتوى المواقع على محركات البحث , اليوم أحضرت لكم كود تقييم الموضوع أو الموقع يضهر في محرك البحث جوجل طبعا أهمية الكود هو أنه لما تكون في مراتب متقدمة مثلا المرتبة ال5 في كلمة مفتاحية فتلك النجوم ستجذب عين الزائر الى موقع و سيدخل موقعك و طبعا هذا سيقوم بزيادة زوار موقعك و ترتيبه أيضا في محركات البحث .

أولا عليك أن تختار أي طريقة تريد العمل بها :
1- جعل النجوم تظهر في جميع مواضيع مدونتك و مدونتك  تلقائيا .   2- جعل النجوم تظهر في مواضيع مخصصة أنت تختارها . 
1- لذالك سنبدء بالطريقة الأولى و التي من خلالها سنظيف التقييم في المدونة و جميع صفحاتها 
هذه الطريقة سهلة جدا ماعليك الا أن تضيف أداة HTML/JAVASCRIPT في الفوتر ثم تقوم باضافة هذا الكود في الأسفل في الأداة ثم تقوم بالحفظ و ستبدء الاضافة بالتطبيق في حوالي 4 أيام الى أسبوع . 
<b:if cond='data:blog.pageType == &quot;item&quot;'> <div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'><span itemprop='itemreviewed'>موضوع :  <da…

تقوية سيو مدونة بلوجر

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

كتابة محتوى بطريقة مناسبة


الطريقة الأفضل و الأكثر استعمالا هي أن تبدء الموضوع بصورة ثم نص ثم فيديو اذا كان موجود . حاول دمج كلمات مفتاحية خاصة بالموضوع الذي تكتب عنه في النص أعني وزع الكلمات بطريقة بسيطة لاتجذب الانتباه كثيرا مثلا 9 كلمات مفتاحية مدموجة مع نص الموضوع (المحتوى) .
حاول أن تجعل المحتوى في المواضيع تقريبا بهذا الشكل  60% محتوى 30% صور 10% فيديوهات


اعتمد على ال Socialsignals


من الأشياء التي تعطي جوجل لها أهمية في موقعك هي مايسمى بال Socialsignals و هذه تعني مثلا لو قمت بنشر رابط موضوعك على الفيسبوك و تويتر و جوجل + فهذا يعتبر Socialsignals ( كأنها ترددات تنتبه لها جوجل عند كل ضغطة لايك لموضوعك أو نشره على شبكات التواصل الاجتماعي ) و هذا شيئ…

طريقة منع أصدقائك من رؤية المحتوى الذي تتم الإشارة إليك فيه؟

السلام عليكم و رحمة الله تعالى و بركاته , اذا كنت ممن لا يشجعون خاصية الtag في الفيسبوك فهذا الدرس مفيد لك لأن أصدقائك لن يرو المنشورات التي تم عمل لك تاج فيها فقد يقوم البعض بالاشارة لك في منشورات بها روابط دعائية بالتالي كأنه نشر على حائطك يعني أصدقائك سيرو أنك في ذالك المنشور و سيحصل هو على الزوار و المتابعين يعني كأنك ستعمل دعاية , كي لا أطيل الحديث أو شيئ أدخل لحسابك على الفيسبوك ثم اذهب الى اعدادت الحساب أو settings بعد ذالك انتقل من القائمة التي على اليمين الى تبويب اليوميات و الاشارة أو Timeline and tagging ثم انتقل الى تعديل ' كيف يمكنني إدارة الإشارات التي يضيفها الأشخاص واقتراحات الإشارات؟ ' التي ستجدها في الأسفل و قم بتغييرها من Friendsالى only me


طريقة جعل قالب متوافق مع جميع الشاشات { الحل 4 : اضافة قائمة متوافقة للمدونة }

بعد أن أتممنا الجزء الأكبر من سلسلة دروس جعل قالب متوافق مع جميع الأجهزة و الشاشات , اليوم سنبدء بالمقتطفات أو التعديلات الصغيرة و التي تزيد من جمالية القالب في الشاشات الصغيرة مثل الهواتف  . لذا قررت أن أخصص هذه المقالة لشرح كيفية الحصول على قائمة متجاوبة لموقعك، باستخدام تقنيتي الـ CSS3 و jQuery 
الطريقة سهلة جدا , أنا سأشرح طريقة اضافة قائمة متوافقة من الصفر و أنت يمكنك أن تستخلص طريقة جعل قائمتك متوافقة بتخصيصاتك 
أضف هذا كود الHTML التالي في المكان الذي تريد أن تظهر فيه القائمة 
<div id="navigation-dzpro">  <ul class="navigation">  <li><a href="www.dzprofessionale.com/">الرئيسية</a></li>  <li><a href="www.dzprofessionale.com/">قسم 1</a></li>  <li><a href="www.dzprofessionale.com/">قسم 2</a></li>  <li><a href="www.dzprofessionale.com/">قسم 3</a>  <ul>  <li><a href="www.dzprofessionale.com/">قس…