الثلاثاء، 15 أكتوبر 2019

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

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

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

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

كيف تقوم بتفعيل القوالب

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


<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="domains">
<ul>
<li>domain.com</li>
<li>domain.com</li>
<li>domain.com</li>
<li>domain.com</li>
<li>domain.com</li>
<li>domain.com</li>
<li>domain.com</li>
<li>domain.com</li>
<li>domain.com</li>
<li>domain.com</li>
<li>domain.com</li>
<li>domain.com</li>
<li>domain.com</li>
<li>domain.com</li>
</ul>
</div>
</div>

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

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


<script type='text/javascript'>
/*<![CDATA[*/
var idBlog= "8389561722616472059"; // معرف المدونة التي وضعت عليها لوحة التفعيل
var idPage= "2736868000778570235"; // معرف الصفحة التي وضعت عليها لوحة التفعيل
$.ajax({
    dataType: "json",
    url: "https://www.blogger.com/feeds/"+idBlog+"/pages/default/"+idPage+"?alt=json-in-script",
    method: "GET",
    dataType: "jsonp",
    success: function(e) {
        var o, t = $(e.entry.content.$t),
            n = t.find("li"),
            a = t.find("script"),
            l = [];
            $allow = !0, $("body").append(a);
        for (o = 0; o < n.length; o += 1) l.push($(n[o]).text());
        o = window.location.hostname.toLowerCase(), n = window.location.href.toLowerCase();
        var s;
        l.length;
        for (s = 0; s < l.length; s += 1) {
            if (-1 != o.indexOf(l[s])) {
                break
            }
  s == l.length - 1 && $('body *').remove() && $('body').addClass('RE').append("<style>body.RE {background: url(//2.bp.blogspot.com/-do3kTvbcSfk/WrwXWhWRh3I/AAAAAAAAANA/YxjG53tSZTQo3vSCt9KxZ-SPDj5z5jzPQCK4BGAYYCw/s1600/%25D8%25B3%25D9%258A%25D9%2588%25D8%25A8%25D9%2584%25D8%25B3.png) no-repeat center #eee;background-position: center center;height: 98vh;}</style>")
        }
    }
});
/*]]>*/
</script>

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


<script>
//<![CDATA[

<!-- الكود هنا -->

//]]>
</script>

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

رابط الموقع للتشفير : obfuscator

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

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

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

الجمعة، 4 أكتوبر 2019

تعريف و فهم تأثير فتات الخبز على المدونات و المواقع ( الجزء الأول )

الإسم Breadcrumb أي ( فتات الخبز ) هو عنصر يستخدم بشكل متكرر كوسيلة مساعدة للملاحة في البرامج ، حتى مواقع الويب أو المدونات.  يسمح للمستخدمين بتتبع مواقعهم داخل البرامج أو المستندات أو مواقع الويب أو المدونات والحفاظ عليها.
تعريف و فهم تأثير فتات الخبز على المواقع
 في موقع الويب ، عادةً ما يظهر Breadcrumbs أفقياً عبر أعلى صفحة الويب ، وغالبًا أسفل أشرطة العناوين أو الرؤوس.  فهي توفر روابط إلى كل صفحة سابقة من الصفحة الحالية أو في هيكل الموقع الهرمي من الصفحات الرئيسية للصفحة الحالية.  توفر ميزة فتات الخبز (Backcrumbs)  تتيح للمستخدم متابعة نقطة البداية.

يعمل Breadcrumb غالبًا مع "أكبر من علامة" (>) كفاصل هرمي ، على الرغم من أن المصممين قد يستخدمون رموزًا أخرى (مثل »أو > أو /) ، بالإضافة إلى رموز رسومية متنوعة.

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

 الصفحة الرئيسية > صفحة القسم > صفحة الأقسام الفرعية > الصفحة الفرعية > الحالية

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

 الرئيسية > العلامة > العلامة > المشاركة الحالية

 وجود breadcrumb يعني تنظيم مشاركاتنا لتكون منظمة.  يعد تنظيم المشاركات استنادًا إلى التصنيفات أمرًا صعبًا بعض الشيء ، مما نشعر به عادة عند الإهمال عند تصنيف العلامات على منشور ما ، يجب علينا الآن توخي الحذر عند منحهم العلامات.

 أمثلة على الملصقات المنظمة:

 التسمية: الغذاء ، الفاكهة ، العنب

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

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

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

 لزيادة فرص ظهور فتات الخبز التصفح الخاصة بك في Google ، نحتاج إلى إضافة تنسيق بيانات منظم داخل مدونتنا.

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

الثلاثاء، 1 أكتوبر 2019

حصريا...قالب و سكربت بديل bit.ly على بلوجر بنفس المميزات

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

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

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


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

الأربعاء، 25 سبتمبر 2019

تحديث خرافي...حمل الآن النسخة الجديدة من تطبيق mobikora على هواتف الأندرويد

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

  1. المميزات بإختصار
  2. اصلاح الاخطاء البرمجية مع الحفاظ على الشكل الخاص بالتطبيق
  3. يمكنك الآن الإختيار بين لغتين اللغة العربية و اللغة الإنجليزية
  4. اختيار لغة المعلق على المباريات توجد لغتين العربية و الانجليزية
  5. لك حرية الاختيار الوقت المحلي لمعرف وقت المبارات بوقتك المحلي
  6. لأصحات بالباقات المحدودة يمكنك اختيار جودة افتراضية تشتغل على جميع القنوات
  7. ميزة التخزين المؤقت انصح بتفعيلها
  8. امكاني الشغيل على الوايفاي فقط
  9. مجموعة من الخيارات للتنبيهات انت من يتحكم بها


مميزات الطبيق الجديدة

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

اختيار صوت المعلق
ميزة لغة الصوت و هي عند اختيار مثلا اللغة الإنجليزية عند اختيار اي مباراة لتشاهدها سوف تفتح قناة باللغة الإنجليزية او اختر العربية للمشاهدة بالعربية و هي bien sport

التخزين المؤقت
خيار التخزين المؤقت يقوم بتأخير المباريات لمدة دقيقة او دقيقتين لتفادي الانقطاعات في وقت الدروة
الجودة الافتراضية يمكنك تحديد مابين 160p 240p 360p 480p 720 1080p 1440p 2160p  عند اختيار احد الجودات سوف يتم تشغيل جميع القنوات بتلك الجودة التي حددتها ميزة رائعة تم اضافتها

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

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

اشياء اخرى
مثل تغيير الوقت المحلي او نظام الوقت يمكن جعل 12 ساعة او 24 ساعة على ذوقك

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


الثلاثاء، 24 سبتمبر 2019

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

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

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

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


  1. طريقة تثبيث هذا السكربت الحصري
  2. حمل الملف من اسفل التدوينة كالعادة به جميع الأكواد
  3. انسخ كود html ثم ضعه في مكان الذي تريد اظهار الوقت انا وضعته فوق الموضوع بجانب تاريخ نشر المقال
  4. انسخ كود جافا سكريبت ثم قم بلصقه فوق وسم


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

الأن كيف يعمل هذا السكربت

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

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

الخميس، 19 سبتمبر 2019

تركيب نموذج الإبلاغ عن الروابط المعطوبة على بلوجر

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

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

اولا انشئ صفحة تابثة من ثم ضع لها اي اسم مثلا ابلاغ عن الروابط المعطوبة
تانيا حمل الملف الموجود في اسفل الموضوع به جميع الاكواد 
تالثا ابحث عن هذا id  5258698943133830123  الخاص بي غيره ب id الخاص بمدونتك ثم غير ti9niway.com بإسم النطاق الخاص بك بدون www و https 
رابعا انسخ جميع الاكواد فهي قليلة اذهب الى الصفحة التي انشئتها غير من تأليف الى html و ضع الاكواد ثم اضغط على حفظ او نشر

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


الثلاثاء، 3 سبتمبر 2019

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

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

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

الاثنين، 26 أغسطس 2019

كيفية إضافة Instagram Widgets الى مدونتك بلوجر بشكل جديد و رائع

خدمة Instagram عبارة عن منصة وسائط اجتماعية متخصصة على الصور وتعمل بجد في تقديم ميزات جديدة ، بدءًا من الميزات للخلاصات وقصصها.

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

 كيفية إضافة Instagram Widgets على مدونة بلوجر


 قبل إضافة هذه الأداة ، تأكد من تثبيت Fontawesome على مدونتك.  إذا لم يكن موجود ، فأضف هذا الرمز قبل وسم <head/>

<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
//]]>
</script>
أولاً افتح مدونة بلوجر انقر على المظهر ثم على زر تحرير HTML أضف رمز CSS قبل وسم <head/>

<style type='text/css'>
/* Instagram Widget */
.instagram-widget{height:100%;background:#ccc;overflow:hidden;min-height:250px;transition:all .3s ease}
.instagram-widget .widget{margin-bottom:0!important}
#insta .title{background:#4776e6;padding:20px;text-align:center;color:#fff;font-size:18px;display:inline-block;position:absolute;border-radius:20pc;top:100px;left:43%;z-index:1}
.instagram-logo{display:inline-block;width:50px;height:50px;line-height:50px;border-radius:50%;text-align:center;color:#fff;left:50%;position:absolute;margin-left:-26px;z-index:1;font-size:30px;margin-top:100px;background:#fff;background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4);box-shadow:0 5px 15px rgba(0,0,0,0.15)}
body.boxed-layout .instagram-logo{margin-top:72px}
ul.il-instagram-lite{padding:0;margin:0}
li.il-item{float:left;list-style:none;padding:0;width:16.6666666%;height:250px;overflow:hidden;position:relative;font-size:14px}
body.boxed-layout li.il-item{height:200px}
body.boxed-layout .instagram-widget{min-height:200px}
li.il-item:before{content:"";font-family:Fontawesome;display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.1)}
li.il-item img{height:100%;width:100%;overflow:hidden;object-fit:cover;transition:all .3s ease}
.il-photo__meta{position:absolute;bottom:-65px;text-align:center;left:0;right:0;padding:20px;transition:all .3s ease;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.34),rgba(0,0,0,0.55),rgba(0,0,0,0.68))}
.il-photo__likes{width:43%;color:#fff;float:left;text-align:right}
.il-photo__comments{width:43%;color:#fff;float:right;text-align:left}
li.il-item:hover .il-photo__meta{bottom:0;transition:all .3s ease}
.il-photo__meta a{color:#fff}
.il-photo__likes:before{content:"\f08a";font-family:Fontawesome;margin-right:5px}
.il-photo__comments:before{content:"\f0e5";font-family:Fontawesome;margin-right:5px}
@media screen and (max-width: 768px) {
li.il-item{float:left;list-style:none;padding:0;width:50%;height:150px}
.instagram-widget{background:#fff;overflow:hidden;height:100%}
.instagram-logo{margin-top:200px}}
</style>
أضف بعد ذلك هذا الكود قبل وسم <body/>

<script type='text/javascript'>
//<![CDATA[
// Instagram Widget
!function(t){t.fn.instagramLite=function(e){if(!this.length)return this;plugin=this,plugin.defaults={accessToken:null,limit:null,list:!0,videos:!1,urls:!1,captions:!1,date:!1,likes:!1,comments_count:!1,error:function(){},success:function(){}};var i=t.extend({},plugin.defaults,e),s=t(this),a=function(t){for(var e=t.split(" "),i="",s=0;s<e.length;s++){var a;if("@"==e[s][0])a='<a href="http://twitter.com/'+e[s].replace("@","").toLowerCase()+'" target="_blank">'+e[s]+"</a>";else if("#"==e[s][0]){a='<a href="http://twitter.com/hashtag/'+e[s].replace("#","").toLowerCase()+'" target="_blank">'+e[s]+"</a>"}else a=e[s];i+=a+" "}return i};!function(){if(i.accessToken){var e="https://api.instagram.com/v1/users/self/media/recent/?access_token="+i.accessToken+"&count="+i.limit;t.ajax({type:"GET",url:e,dataType:"jsonp",success:function(t){200===t.meta.code&&t.data.length?(function(t){for(var e=0;e<t.length;e++){var o,n,l=t[e];if("image"===l.type||!i.videos){if(o='<img class="il-photo__img" src="'+l.images.standard_resolution.url+'" alt="Instagram Image" data-filter="'+l.filter+'" />',i.urls&&(o='<a href="'+l.link+'" target="_blank">'+o+"</a>"),(i.captions||i.date||i.likes||i.comments_count)&&(o+='<a href="'+l.link+'" target="_blank"><div class="il-photo__meta">'),i.captions&&l.caption&&(o+='<div class="il-photo__caption" data-caption-id="'+l.caption.id+'">'+a(l.caption.text)+"</div></a>"),i.date){var r=new Date(1e3*l.created_time),c=r.getDate(),d=r.getMonth()+1,u=r.getFullYear();r.getHours(),r.getMinutes(),r.getSeconds(),o+='<div class="il-photo__date">'+(r=d+"/"+c+"/"+u)+"</div>"}i.likes&&(o+='<div class="il-photo__likes">'+l.likes.count+"</div>"),i.comments_count&&l.comments&&(o+='<div class="il-photo__comments">'+l.comments.count+"</div>"),(i.captions||i.date||i.likes||i.comments_count)&&(o+="</div>")}"video"===l.type&&i.videos&&l.videos&&(l.videos.standard_resolution?n=l.videos.standard_resolution.url:l.videos.low_resolution?n=l.videos.low_resolution.url:l.videos.low_bandwidth&&(n=l.videos.low_bandwidth.url),o='<video poster="'+l.images.standard_resolution.url+'" controls>',o+='<source src="'+n+'" type="video/mp4;"></source>',o+="</video>"),i.list&&o&&(o='<li class="il-item" data-instagram-id="'+l.id+'">'+o+"</li>"),""!==o&&s.append(o)}}(t.data),i.success.call(this)):i.error.call(this)},error:function(){i.error.call(this)}})}}()}}(jQuery);
// Activate Instagram
$(function(){$(".il-instagram-lite").instagramLite({accessToken:instaCode,urls:!0,limit:6,captions:!1,likes:!0,comments_count:!0,success:function(){console.log("The request was successful!")},error:function(e,s){console.log("There was an error with the request")}})});
//]]>
</script>
ثم أضف كود htm هذا في أي مكان بين علامتي <body/> و <body> ، على سبيل المثال في المدونة التجريبية التي أضفتها فوق الفوتر مباشرة

<div class='instagram-widget'>
   <b:section class='insta' id='insta' maxwidgets='1' showaddelement='no'>
     <b:widget id='HTML120' locked='true' title='Instagram Widget' type='HTML' version='1'>
       <b:widget-settings>
         <b:widget-setting name='content'>1456802197.1677ed0.6b8580776ddf4d4486b8259d82998273c</b:widget-setting>
       </b:widget-settings>
       <b:includable id='main'>
            <div class='widget-content'>
               <script type='text/javascript'>
                  var instaCode = '<data:content/>' ;
               </script>
            </div>
         </b:includable>
     </b:widget>
     <b:widget id='HTML121' locked='true' title='hide Instagram Widget' type='HTML' version='1'>
       <b:widget-settings>
         <b:widget-setting name='content'/>
       </b:widget-settings>
       <b:includable id='main'>
            <b:if cond='data:content == "hide"'>
               <style>
                  .instagram-widget {
                  display: none;
                  }
               </style>
            </b:if>
         </b:includable>
     </b:widget>
   </b:section>
   <ul class='il-instagram-lite'/>
   <span class='instagram-logo'>
   <i aria-hidden='true' class='fa fa-instagram'/>
   </span>
</div>
تغيير رمز access token مع وصول الرمز المميز لحساب Instagram الخاص بك.  ثم انقر فوق حفظ المظهر.

كيفية إضافة Instagram Widgets على مدونة بلوجر

 كيفية الحصول على رموز access token إلى حساب Instagram

 للحصول على رمز الدخول إلى Instagram الخاص بك ، تأكد من الذهاب الى المتصفح تسجل في فيسبوك او البريد الإليكتروني الخاص بالحساب والوصول إلى موقع Instagram. ، يرجى زيارة هذا الموقع instagram pixelunion  انقر فوق الزر "Generate Access Token"

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

إذا لم تظهر الصفحة التالية بعد النقر فوق الزر "Generate Access Token" ، فعليك تنشيط VPN في متصفحك.  احصل على تطبيق vpn قوي من منا

 بعد تنشيط VPN ، انقر فوق الزر Generate Access Token مرة أخرى ثم انسخ الرمز الذي حصلت عليه ثم اذهب الى التخطيط سوف تجد واجهة تعامل Instagram وفي الأخير ضع رمز access token الذي نسخته قبل قليل.

 ثم الأن اذهب و راجع النتائج على مدونتك.

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

الخميس، 22 أغسطس 2019

حصريا...اليكم اقوى قالب إختصار الروابط على بلوجر بشكل مجاني

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

قالب Safelink فهو خرافي بمعنى الكلمة ، تم إنشاءه عبر ، استخدام مكتبة Bootstrap ، ثم استخدام CryptoJS (AES) ، للحفاظ على الميزات في الرأيي الشخصي فهو ممتاز بالنسبة  لقالب safelink "مجاني".
 اليكم مميزات قالب safelink

 قابل للتعديل
 ميزة قفل الرابط مع كلمة المرور
اماكن الإعلانات جاهزة
 العد التنازلي
 المشاركات عشوائية
 تم انشاءه بأحدث Bootstrap
 تشفير عناوين URL باستخدام CryptoJS (وليس Base64)
 خلفية بيضاء ونظيفة
 بسيط وسهل الاستخدام من قبل المستخدمين
 من السهل أن يفهم الزوار طريقة عمله
 نظرًا لأن القالب بسيط وقابل للتحرير ، طرحته مجانا لكم
طريقة التركيب فهي سهلة و بدون تعقيدات

1 - قم بإنشاء مدونة او اي مدونة اخرى لايهم

2 - ارفع القالب الى المدونة لكن بدون اخطاء

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

<div id="output"></div>
الاعدادات
الأن كل شيئ جاهز لكن تبقى لذينا خطوة واحدة فقط و هي انسخ رابط الصفحة التي انشأتها قبل قليل ثم اذهب الى التخطيط سوف تجد قسم الإعدادات افتحه .

سوف ترى جميع الاشياء التي يمكنك تعديلها بسولة لكن مايهمنا هو السطر التاني سوف تجد امامه رابط مثل هكدا p/blog-page.html انت قم بتغييره كما هو موجود غير فقط blog-page بالإسم الموجود عندك اتمنى ان تصل الفكرة اما الاعدادات الاخر يمكنك تركها او تعديلها.

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

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

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

الأربعاء، 21 أغسطس 2019

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

هذه المرة ، سنشارك معكم البرنامج المساعد Smart SEO Link وهو البرنامج المساعد خاص WordPress الذي يعمل على تغيير أي كلمة في مقالة إلى رابط.
طريقة تركيب إضافة SEO SmartLink لتقوية السيو على مدونات بلوجر

كيف يعمل سكربت Smart SEO Link

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

يتيح لك SEO Smart Links إمكانية تحويل كل كلمة رئيسية تظهر في مدونتك في الرابط ، سواء في الرسالة أو في صفحة المدونة.

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

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

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

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

كيفية تثبيت روابط SEO الذكية على Blogger؟

إذا كنت ترغب في استخدام اضافة SEO Smart Link على مدونتك ، فاتبع الخطوات أدناه.

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

 ستقوم الأداة الإضافية Smart Links SEO بتغيير كل كلمة رئيسية محددة مسبقًا إلى رابط داخلي ، وتنطبق على مشاركات المدونة وكذلك صفحات المدونة.

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

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

تحميل ملف الاكواد

تحميل