كوليكا ويب | هدفنا تطوير الويب العربي

صفحات المدونة

    Social Items

كوليكا ويب | هدفنا تطوير الويب العربي

و تقديم كل ماهو جديد و كل ما يخص بلوجر.


عند شراء جهاز كمبيوتر جديد نبحث عن حجم ذاكرة الوصول العشوائي ، CPU ، GPU ،حجم القرص الصلب .. إلخ. ولكن عندما يتعلق الأمر باختيار فئة المعالج ، فإننا نفضل معالج 64bit في الواقع ، يريد معظم الأشخاص جهاز كمبيوتر بمعالج 64bit بدون معرفة ما الذي يعنيه أن يكون المعالج 64 bit وما هو الفرق بين المعالجات 32 bit و 64 bit ؟.

من الجيد أن يكون لديك معرفة بالعديد من المصطلحات التي يتم استخدامها يوميًا . في هذا الموضوع ، دعنا نناقش الفرق بين المعالجات 32 bit و 64 bit وما الذي يعنيه للكمبيوتر الخاص بك.

الفرق بين CPU المعالجات 32 bit و 64 bit

عندما تشتري برنامج أو نظام تشغيل او لعبة ، من المحتمل أن ترى خيارات 32 bit و 64 bit متوفرة. إذا كنت مستخدمًا لنظام تشغيل Windows ، يجب أن تكون قد لاحظت وجود مجلدين من ملفات البرنامج - أحدهما ببساطة "ملفات البرامج" والآخر بعنوان "ملفات البرامج (x86)." يُستخدم هذا المجلد "ملفات البرنامج" لتخزين DLL ملفات من تطبيقات 64 bit فقط. يتم استخدام المجلد x86 لتخزين ملفات DLL الخاصة بتطبيقات 32 bit.

لتثبيت إصدار 64 بت من Windows ، تحتاج إلى معالج  قادر على تشغيل إصدار 64 بت من Windows. تكون فوائد استخدام نظام تشغيل 64 بت أكثر فائدةً عندما يكون لديك كمية كبيرة من ذاكرة الوصول العشوائي (RAM) مثبتة على الكمبيوتر الخاص بك ، ابتداءً من 4 GB ذاكرة الوصول العشوائي أو أكثر.

في مثل هذه الحالات ، نظرًا لأن نظام التشغيل 64 bit يمكنه التعامل مع كميات كبيرة من الذاكرة بشكل أكثر كفاءة من نظام التشغيل 32 bit ، يمكن لنظام 64 bit أن يكون أكثر استجابة عند تشغيل عدة برامج في نفس الوقت والتبديل بينها بشكل متكرر.

يمكن أن يحتوي الكمبيوتر الذي يحتوي على معالج 64 bit على إصدار 64 bit أو 32 bit من نظام التشغيل المثبت. ومع ذلك ، مع نظام التشغيل 32 bit ، لن يعمل المعالج 64 bit بقدرته الكاملة.

كيف يمكن لمعالج 64 بت معالجة المزيد من ذاكرة الوصول العشوائي؟

نظام الكمبيوتر يدعم فقط العد الثنائي. هناك إما 0 أو 1. يعتبر كل واحد "bit". وهذا يعني للحوسبة 1 bit ، يمكنك الحصول على قيمتين ممكنتين ؛ 2 بت تعني أربع قيم ؛ ثم عند 3 بت ، تضاعف ذلك إلى ثمانية (2³).

اذا استمريت على هذا المنوال ستحصل في النهاية على 32 بت (2 إلى القوة 32) بقيمة 4،294،967،296 و 64 بت (أو 2 إلى القوة 64) بقيمة 18،446،744،073،709،551،616.

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

في هذه الأيام ، من المرجح أنك تشغل بالفعل معالج 64 bit مع أنظمة تشغيل 64 bit ، والتي بدورها تعمل بتطبيقات 64 bit (للجوال) أو برامج (على سطح المكتب).
علي سبيل المثال:
ويندوز 7 و 8 و 8.1 و 10 كلها جاءت في إصدارات 32 bit أو 64 bit ، على سبيل المثال.



ما هوا الفرق بين المعالجات 32 بت و 64 بت


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

1 - التسويق عبر المنتديات.

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

2 - التسويق عبر مواقع التواصل الإجتماعي .

و هي واحدة من الطرق الأفضل و تنقسم إلى

طريقة مدفوعة و أخرى مجانية و هما :

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

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

3 - النشر بالمواقع .

يمكنك أن تنشر إعلاناتك بالمواقع المختلفة ( ليس منتديات ) , و يمكن أن يكون بمبلغ مالي , أو أن تنشر بمواقعك الخاصة إن كنت تمتلكها و هي طريقة رائعة لأنها سوف تظهر إعلانك بالصفحة الأولى إن إحترم مقالك شروط السيو .

أهم نصائح التسويق الالكتروني


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


أصبح متاح خاصية جديدة في لوحة مشرفي المواقع الحديثة
تحت اسم Inspect any URL أو فحصل اى عنوان URL
الخاصية تقوم بنفس وظيفة (جلب مثل جوجل المعروفة )
كل ما عليك فعله هو الدخول
 لمشرفي المواقع الصفحة الخاصه بموقعك
ثم وضع العنوان الخاص بالموضوع أو الصفحة التي تود أرشفتها بالأعلى ثم طلب الأرشفة بكل سهولة
نصيحة قبل تطبيق الأمر على أى موضوع يفضل أن يكون بعد 15 دقيقة من نشره
لاننى لاحظت أن بعض المواضيع التي تحاول أرشفتها بمجرد النشر مباشرة تظهر خطأ ولا تكتمل عملية الأرشفة بدون مشاكل، الي هنا نكون قد وصلنا لنهاية شرح اليوم في قسم دروس و شروحات بـ مدونة كوليكا ويب و اتمني تدعمنا بـ لايك علي صفحة فيس بوك و المتابعة اسفل الموضوع ليصلك كل جديد.

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


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

انقر على الإعلانات ... لتربح المزيد من الدولارات :

من الوسائل الرائعة التي قد تكسبك زوارا كثر ، و معلنين بأموال طائلة ، و ضحايا ترمي لهم سنتات كل يوم هي الربح مقابل النقر على الإعلانات او كما يصطلح عليه بين الخبراء بالPTC ، هذه الطريقة حقا مستفزة ، لا ادري لما يلجأ لها الكثيرين ، ربما لأنها الأسهل ، لكنها بحق الأغبى ، أفضل ان اتصفح الفيسبوك طلوعا نزولا على ان اربح 0.00001 دولار في اليوم من الضغط على 15 إعلان و إنتظار كل إعلان مدة 30 ثانية ليحتسب لي ذلك المبلغ ، المشكلة ليست هنا ، بل انهم يجبروك ان الحد الأدنى للدفع هو 10 دولار ، يعني بمعادلات حسابية بسيطة قد يستغرق الأمر من ازيد من سنتين من أجل الحصول على 10 دولار ، نعم سوف تصبح ثريا بحلول سنة 2140 ، فمبروك لك . قد يخبرني البعض ان هذا النوع من الربح من الأنترنت قد إنقرض و انه لا يوجد كثيرين يستعملون هكذا نوع من الربح لربح المال من الأنترنت ، يسرني ان اخبرهم بكل قناعة ان هذا الأمر غير صحيح ، فلو كان كذلك ، لشهدنا نهاية هذه الموقع ، لكن الواقع اننا نشاهد ازدهار هذه المواقع أكثر ، بل و انه و في كل يوم يظهر موقع يقدم نفس الخاصية ، مما يجعلنا نطرح السؤال، هل نحن حقا نحارب هذا النوع من الربح من الأنترنت ؟ .

إقرأ أيضاً : طرق للربح من الانترنت فعالة يجب أن تجربها.

إستثمر 5 دولار لتربح 170 دولار في 3 ايام :

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

أعد رفع فيديو مشهور ، لتربح أكثر :

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

التسويق الشبكي و الريفرال :

لا توجد شركة الآن سواء ربحية او غير ربحية لا تقدم ميزة تسجيل الريفرال ( الريفرال ببساطة اشخاص يستجلون في الموقع تحت إسمك ) ، طريقة إبتكرها صناع التسويق الشبكي من إجل إغراء العميل الأول لجلب 100 عميل اخر لهم ، طريقة ذكية ، المشكلة ، ان هذه الطريقة تستخدم في الغالب كمحفز لعملاء في مجال معين ، دعني أطرح عليك مثلا موقع يقدم لك مزايا خاصة اذا ما كنت عضوا VIP ، و لتصبح كذلك عليك ان تقوم بجلب 10 ريفرال ، هكذا كان الوضع في بدايته ، قبل ان تظهر تلك الشركات الرخيصة التي اكرهها اشد الكره التي اصدرت طرق رخيصة تافهة حقا ، تخبرك بأن تجلب 100 ريفرال لصالح الشركة من أجل ربح 10 دولار ، المشكلة اذا تمعنت في الأمر جليا ، ستجد ان الموقع لا يقدم اي خدمات او منتوجات او اي شيئ ، يعني لقد عهدنا ان يكون مبدأ الريفرال كتطوير جانبي لشركة مختصة في مجال ما من اجل زيادة زبناءها ، لكن ان تجد موقع لا يقدم اي شيئ سوى التسجيل و جلب الريفرال ، هنا يجب عليك طرح السؤال : هل انا حقا في حلقة خداع ؟ ام انا على صواب ؟ ، و أعتقد ان العقلانيين وحدهم قادرون على الإجابة على هذا السؤال . نذكر من ضمن تلك المواقع موقع PaidViewPoint .

المدونات الزائفة :

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

إقرأ أيضاً : طرق للربح من الانترنت فعالة يجب أن تجربها.

إربح من الفيسبوك ، تويتر و المواقع الإجتماعية :

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

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

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


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

مميزات القالب:
  1. سريع التحميل
  2. الوان مريحة للعين
  3. اكواد سيو حديثة
  4. سكربت بعرض التطبيقات و معلومات عنها
  5. صفحة مواضيع احترافية
  6. محرك بحث احترافي
  7. قائمة جانبية احترافية
  8. و المزيد تكتشفه في المعاينة





قالب اندرو بلاي النسخة الثانية


السلام عليكم ومرحبا بكم في مدونة كوليكا ويب

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

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

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

<style type='text/css'>
/*<![CDATA[*/
.colica-web-redirect{font-style:normal;margin:0 auto;display:block;text-align:center}
.colica-web-redirect .file{font-size:27px;margin:16px auto}
.colica-web-redirect .box-redirect-quick{padding:22px;background:#552a86;margin:9px auto;width:80%;border-radius:5px;color:#fff;text-align:center;overflow:hidden;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}
.colica-web-redirect .box-redirect-quick i.fa-link{font-size:28px;background:#fff;padding:12px;color:#46315e;border-radius:50px;width:50px;height:50px;margin:13px auto}
.colica-web-redirect .box-redirect-quick .tools-quick{padding:8px}
.colica-web-redirect .box-redirect-quick .tools-quick input{padding:1em;border:1px solid #46315e;font-family:inherit;width:100%;margin:8px auto}
.colica-web-redirect .box-redirect-quick .tools-quick button{background:#fff;padding:10px 16px;border:0;font-family:inherit;cursor:pointer}
.colica-web-redirect .box-redirect-quick .result-redirect-url{text-align:center;border:0;margin:0 auto;margin-bottom:14px;width:76%;height:0;overflow:hidden;display:block;transition:all .4s ease-in-out}
.colica-web-redirect .box-redirect-quick .result-redirect-url.done{height:40px;transition:all .4s ease-in-out}
/*]]>*/
</style>


ثانيا ابحث في القالب على </body> وضع الكود التالي فوقه 

<script type='text/javascript'>
//<![CDATA[
// تفعيل اختصار روابط التلقائي
var autoshort = true; // false & true
//
var linkredirect = "https://live-free-colica-web.blogspot.com/p/redirect.html",  // رابط صفحة اعادة التوجيه
redirect_protected = "colica-web.com,youtube.com,facebook.com,google.com,twitter.com"; // الروابط المحمية من الاختصار
// تعديل الكتابات
var redirecttext = "جاري التوجيه";
var urltextinput ="ضع الرابط هنا";
var textgeturl = "الحصول على رابط التوجيه";
var waittext = "إنتظر قليلا";
var secondswait = 20; // عداد الثواني
var secondstext =  ["ثانيا", "ثواني"]; 
// تعديل على الالوان و الخط
var fillStyle = "#552a86",  // لون البنفسجي
strokeStyle = "#eee", // لون الخط الرمادي
fontFamily = "cairo", // اسم الخط
fontColor =  '#FFFFFF'; // للون الخط
!function(){var e=document.createElement("script")
e.type="text/javascript",e.async=!0,e.src="https://cdn.jsdelivr.net/gh/abdelalilebbihi/abdou_tech/gadget/redirect-page.js"
var t=document.getElementsByTagName("script")[0]
t.parentNode.insertBefore(e,t)}();
//]]>
</script>

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


<i class="colica-web-redirect"></i>

الان مبروك عليك الاضافة لاتنسى الاشتراك في المدونة لكي تتوصل بكل جديد. ♥


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


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


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

اولا لتركيب الاضافة عليك بدخول الى تحرير html  ثم تبحث على </b:skin>  و تضع الكود التالي فوقه مباشرة

<pre title="HTML" data-codetype ="HTMLku"><code class="language-markup">Here</code></pre>


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

<center>
<div id="video">
    <div id="video-player"><iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" name="search_iframe" src="رابط سرفر" webkitallowfullscreen=""></iframe> </div>
    <div id="server-list">
        <div class="server-item" title="سرفرات للجودة القوية"><a href="رابط سرفر" target="search_iframe">سرفر1</a> <a href="رابط سرفر" target="search_iframe">سرفر 2</a> <a href="رابط سرفر" target="search_iframe">سرفر 3</a> <a href="رابط سرفر" target="search_iframe">سرفر 4</a> </div>
        <div class="server-item" title="سرفرا للجودة الضعيفة"><a href="رابط سرفر">سرفر 5</a> <a href="رابط سرفر" target="search_iframe">سرفر 6</a> <a href="رابط سرفر" target="search_iframe">سرفر 7</a> <a href="رابط سرفر" target="search_iframe">سرفر 8</a> </div>
    </div>
</div>
</center>

مبروك الاضافة ♥ لا تنسي مشاركة الموضوع لدعمنا.


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


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

شاهد ايضاً: بلوجر والسيو في 2019 ما الذي نحتاجه ؟

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

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


التركيب للأضافة والأكواد سهل جدا سوف يكون عليك أولا أن تبحث عن هذا الوسم  </head>  وتقوم بوضع الكود التالى فوقه ، وفى بعض القوالب سوف تجد الوسم بهذا الشكل  &lt;/head&gt;&lt;!--<head/>--&gt;  ضع الكود التالى فوقه ايضا.

<b:if cond='data:blog.pageType not in {&quot;static_page&quot;,&quot;error_page&quot;,} and not data:blog.searchQuery and data:blog.isMobileRequest == &quot;true&quot;'>
<style>
/*<![CDATA[*/
.sticky-ads{display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;overflow:visible;text-align:center;bottom:-104px;left:0;width:100%;z-index:9999;height:100px;background-image:none;background-color:#fff;margin-bottom:0;padding-top:4px;box-shadow:0 0 5px 0 rgba(0,0,0,0.2);transition:all .4s ease-in-out}
.sticky-ads-close{position:absolute;width:28px;height:28px;top:-28px;right:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTMnIGhlaWdodD0nMTMnIHZpZXdCb3g9JzM0MSA4IDEzIDEzJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJz48Zz48cGF0aCBzdHlsZT0nZmlsbDojNEY0RjRGJyBkPSdNMzU0IDkuMzFMMzUyLjY5IDhsLTUuMTkgNS4xOUwzNDIuMzEgOCAzNDEgOS4zMWw1LjE5IDUuMTktNS4xOSA1LjE5IDEuMzEgMS4zMSA1LjE5LTUuMTkgNS4xOSA1LjE5IDEuMzEtMS4zMS01LjE5LTUuMTl6Jz48L3BhdGg+PC9nPjwvc3ZnPg==");background-size:13px 13px;background-position:9px;background-color:#fff;background-repeat:no-repeat;box-shadow:0 -1px 1px 0 rgba(0,0,0,0.2);border:none;border-radius:12px 0 0 0;cursor:pointer}
.sticky-ads-close:before{position:absolute;content:"";top:-20px;right:0;bottom:0;left:-20px}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
:active,:focus{outline:0}
/*]]>*/
</style>
</b:if>

الأن الكود الأخير سوف تقوم بوضع فوقه الوسم  </body>  فى أسفل القالب.

<b:if cond='data:blog.pageType not in {&quot;static_page&quot;,&quot;error_page&quot;,} and not data:blog.searchQuery and data:blog.isMobileRequest == &quot;true&quot;'>
<div class='sticky-ads' id='sticky-ads'>

ضع الاعلان هنا

<button aria-label='Kapat' class='sticky-ads-close' onclick='document.getElementById(&apos;sticky-ads&apos;).style.display=&apos;none&apos;;'/>
</div>
<script>
//<![CDATA[
window.addEventListener("scroll",function(){
  var target = document.getElementById('sticky-ads');
  if(window.pageYOffset > 300){
   target.style.bottom = "0";
  }
},false);
//]]>
</script>
</b:if>

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

ولجعل أعلان أدسنس يظهر بحجم متجاوب على الهاتف سوف تقوم بأنشاء وحده اعلانية  جديده مثلا 300x250 ، بعد ذلك سوف تقوم بتغيير العرض 300 الى 100% الأرتفاع 250 الى 100 وبعد ذلك تقوم بوضع كود الأعلان فى القالب ، او يمكنك أنشاء وحدة اعلانية جديد بهذا الحجم مرة واحده.

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


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


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


طريقة التركيب
من لوحة التحكم 
الى التخطيط
اضافة اداة
 اختر اداة Html/JavaScript 

داخل مربعها الصق الكود التالي ثم حفظ


<script LANGUAGE="JavaScript">
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net) //Disable select-text script (IE4+, NS6+)- By Andy Scott //Visit http://hashem-earn-from-internet.blogspot.com/ 
var message=""; 
function clickIE() {
if (document.all) {
(message);return false;
}
} function clickNS(e) { 
if (document.layers||(document.getElementById&&!document.all)) { 
if (e.which==2||e.which==3) { (message); return false;
} } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN); 
document.onmousedown=clickNS;
} else { document.onmouseup=clickNS;
document.oncontextmenu=clickIE; 
} document.oncontextmenu=new Function("return false")
function disableselect(e) { return false } function reEnable() { return true } 
document.onselectstart=new Function ("return false") //if NS6 if (window.sidebar){ document.onmousedown=disableselect document.onclick=reEnable } //
//-->
</SCRIPT>

كود منع نسخ المحتوى ومنع التظليل ومنع كلك يمين


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

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

كيفية إضافة روابط المصدر تلقائيا

يعمل هذه الكود بكثير من المتصفحات حتى في ( ميكروسوفت و إدج)
1- قم بالدخول الى تحرير قالب مدونتك وابحث عن هذه الوسم  </body>  وضع فوقة/قبلة الكود التالي :


<script type='text/javascript'> //<![CDATA[ // Copy Text function nocopas(){var e=window.getSelection();pagelink="  اكتب هنا اسم موقعك او مدونتك   "+document.location.href,copytext=e+pagelink,newdiv=document.createElement("div"),newdiv.style.position="absolute",newdiv.style.left="-99999px",document.body.appendChild(newdiv),newdiv.innerHTML=copytext,e.selectAllChildren(newdiv),window.setTimeout(function(){document.body.removeChild(newdiv)},100)}document.addEventListener("copy",nocopas); //]]> </script>

2- قم بحفظ القالب وجرب انسخ نص من مدونتك والصقه في مكان اخر


كيفية إضافة روابط المصدر تلقائياً


كما نعلم ، تقوم
تعليقات بلوجر عموما بفرز التعليقات الاقدم بالاعلى والتعليقات الجديدة في اسفل موضع التعليقات ، إذن ماذا لو تم عكس العملية ؟ وجعلنا التعليق الاحدث فوق التعليق الاقدم ! فكرة جميلة ❤

كيف ؟ .... الطريقة سهلة للغاية ، لا تقلق.☺

كيفية فرز تعليقات بلوجر

هنا استخدم علامات HTML المعكوسه لعكس فرز التعليقات كما قلنا الاحدث فوق الاقدم مثل نظام تعليقات facebook و Disqus.

اذهب ال أعدادات مدونتك في
Blogger 
، أنقر علي المظهر > أنقر عل زر تعديل وأبحث عن الكود التالي





<b:loop values='data:post.comments' var='comment'>



أستبدله بالكود التالي 




<b:loop reverse='1' values='data:post.comments'>




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


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


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

هذا هو الشكل المبسط للنموذج:


للتركيب قم بإضافة الكود التالي بعد وسم الفتح <body> مباشرة

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type="text/css">
body {
font-size: 20px;
background: #777 none repeat scroll 0 0;
color: #fff;
display: block;
line-height: 2em;
padding: 30px 0;
color: #fdd702;
}
h6 {
.erhomr {
font-size: 30px;
font-weight: bold;
margin: 0;
color: #fff;
padding: 0;} 
background-color: #444;
border: 1px solid #fff;
box-shadow: 0 0 2px #000;
text-align: center;
display: inline-block;
height: 40px;
line-height:40px;
padding: 0 20px;

<!-- بداية محتوى الصفحة -->

text-decoration: none;
transition: all 0.7s ease 0s;
.erhomr:hover {background-color: #000; color:#fff;}
}
</style><center> 
<h6>صفحة خطأ</h6>
<img src="https://lh3.googleusercontent.com/--qV_QKSmy-8/Vg2mqNE7-AI/AAAAAAAAFxM/znKnsbB1a-o/s210-Ic42/sad-smiley-face.png"/>
<p>الصفحة التي تبحث (ي) عنها غير موجوده</p><a class="erhomr" href="/">الرئيسية</a> 
<div class="cnmu-error-body">

<!-- نهاية محتوى الصفحة -->

</center></b:if> 

<b:if cond='data:blog.pageType != &quot;error_page&quot;'>

ثم استخدم الكود التالي فوق وسم الإغلاق </body> مباشرة

</div>
</b:if>


تنسيقات على الكود الأول
هذا اللون #777 هو خلفية الصفحة
هذا اللون #fdd702 هو لون كلمة صفحة خطأ
هذا اللون #444 هو لون زر الرئيسية
وهذا #000 لون الزر عند تمرير الماوس
الرابط الاحمر هو رابط الصورة 
الكلام العربي يمكنك تعديله
ان اردت اضافة جمل اضافية اضف هذا الكود واكتب ما تريد فيه
<p>هنا</p>
كرر الكود كلما اردت سطر اضافي.

إنشاء مظهر مستقل لصفحات الخطأ


السلام عليكم متابعين كوليكا ويب، اليوم معنا قالب مدونة أيمن تك التقني مجانا لكم و يمكن تعديل عليه بكل سهولة لكن بشرط، بدون إزالة الحقوق لحفظ مجهود الاخرين، دمتم بخير 😍


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


  1. متجاوب مع مختلف الشاشات
  2. سريع التحميل
  3. متوافق مع الـ SEO
  4. احدث اكواد ميتا تاج
  5. سلايدر شو
  6. صفحة إتصل بنا
  7. صفحة الخطأ 404
  8. مساحات إعلانية
  9. الصعود إلى الأعلى

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



قالب مدونة أيمن تك احدث اصدار v4



تغيير لون الشريط الافتراضي الي لون اخر كما تريد ليناسب قالب مدونتك.
لمن لا يعرف شريط التمرير الجانبي هوا ما يسمي scrollbar
فـ هذا الشريط يكون بجانب المدونة في المتصفح
طريقة تغيير لون شريط التمرير
ابحث داخل القالب باستخدام Ctrl+F عن الوسم </head> ثم ضع الكود التالي فوقه

<style>
::-webkit-scrollbar{width:7px;height:7px;background:#fff;}
::-webkit-scrollbar-thumb{background:#E74C3C;}
</style>

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

تغير شريط تمرير الجانبي مثل مدونة كوليكا ويب


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


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

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

بلوجر والسيو في 2019 ما الذي نحتاجه ؟


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


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:skin><![CDATA[/*
-----------------------------------------------
Name : colica-web Cleaning Template
Designer URL  : https://colica-web.blogspot.com
year          : 2018
----------------------------------------------- */
]]></b:skin>
</head>
<body>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id="Blog1" locked="true" type="Blog" />
</b:section>
</body>
</html>


قالب تنظيف لمدونات بلوجر

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


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

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

ما هو سبب هذا الأسم فتات الخبز

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

اضافة فتات الخبز Breadcrumb بلوجر

طريقة التركيب سهل جدا على ما سبق سوف تستخدم كود واحد فقط وهو الكود التالى.
سوف تدخل الى مدونتك وبعد ذلك المظهر وتقوم بوضع الكود اسفل هذا الوسم
<b:includable id='post' var='post'>
وبعد ذلك تقوم بحفظ القالب.



<b:loop index='item' values='data:post.labels' var='label'>
<b:if cond='data:item lt 1'>
<script type='application/ld+json'>{
&quot;@context&quot;: &quot;http://schema.org&quot;,&quot;@type&quot;: &quot;BreadcrumbList&quot;,&quot;itemListElement&quot;: [{&quot;@type&quot;: &quot;ListItem&quot;,&quot;position&quot;: 1,&quot;item&quot;: {&quot;@id&quot;: &quot;<data:blog.homepageUrl.canonical/>&quot;,&quot;name&quot;: &quot;<data:blog.title/>&quot;}},{&quot;@type&quot;: &quot;ListItem&quot;,&quot;position&quot;: 2,&quot;item&quot;: {&quot;@id&quot;: &quot;<data:label.url.canonical/>&quot;,&quot;name&quot;: &quot;<data:label.name/>&quot;}},{&quot;@type&quot;: &quot;ListItem&quot;,&quot;position&quot;: 3,&quot;item&quot;: {&quot;@id&quot;: &quot;<data:post.url.canonical/>&quot;,&quot;name&quot;: &quot;<data:view.title.escaped/>&quot;}}]}</script>
</b:if>
</b:loop>


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

يمكنك فى اداة اختبار البيانات المنظمة معرفة اذا كان الكود تم فعيله على مدونتك أم لا من خلال اداة اختبار البيانات المنظمة ، وسوف تظهر معك كما فى هذه الصورة.



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

فتات الخبز Breadcrumb اضافة جديدة بلوجر


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


  • شرح التركيب:

  1. سوف تقوم بالبحث عن هذا الوسم <head/> في قالب مدونتك
  2. ثم تقوم بوضع الكود التالي فوقه مباشر
  3. و ان لم تجده هكذا سوف تجده هكذا </head> في قالب مدونتك

<script type='text/javascript'>//<![CDATA[ (function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("</img>").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"http://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>

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

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

تابعنا عبر البريد الالكتروني