shohlatech

Artificial Intelligence, Pornography and a Brave New World

noreply@blogger.com (Edward Simo) — Sun, 19 Mar 2023 09:29:00 +0000

Artificial intelligence has been on the rise for years. Within the last few months alone, some of the developments within this area of technology have become difficult to ignore. With the advent of AI image creation services like Dall-E 2, Midjourney and Lensa, this burgeoning new field has grown into something new entirely.

Shortly after the release of these image creation tools, ChatGPT came onto the scene as well. As more and more people began to learn about it, everyone from writers and teachers to students and historians began speculating about the ways these services could change everything going forward.

With how quickly things in the world of technology move, it’s hard to imagine that these programs won’t improve over time. And when they do, it’s difficult to deny the threat it will pose to creators of all sorts.

As internet pornography has pervaded more of our culture, artificial intelligence has begun sinking its teeth into that market as well. With the world of AI image creation rapidly achieving new heights, it’s perhaps no surprise that it’s found more nefarious applications.

The issue became a talking point following a high-profile instance in which popular Twitch streamer Brandon Ewing, also known as “Atrioc,” accidentally showed his followers a tab he’d left open in which he was viewing AI-generated pornography of other popular streamers.

In the same way that standard AI image generators draw from a vast surplus of online pictures in their attempts to generate new imagery based off of them, these porn-generators perform a similar function. By combing through vast quantities of online pornography, these programs identify patterns and try their best to recreate them. Based on the thousands of porn videos that these programs have been trained on, they can approximate the appearance of our genitalia.

Essentially, people are gaining access to tools that design pornography catered to their specific interests and fetishes. And of this pornography being produced, almost none of it is being done consensually. The moral dilemmas raised here are difficult to ignore. According to Law professor and online abuse expert Danielle Citron, “Machine learning models can also spit out images depicting child abuse or rape and, because no one was harmed in the making, such content wouldn’t violate any laws….”

In response to learning of the Deepfake porn that Atrioc had generated which depicted her naked, Twitch streamer QTCinderella took to social media to say that, “It’s not as simple as ‘just’ being violated. It’s so much more than that.” In an interview, she went on to talk about the body dysmorphia that she’s experienced as a result of this debacle.

In some instances, people have even lost their jobs and reputations because of deep-faked AI pornography depicting them. It’s clear that this type of content not only poses a threat to anyone who posts pictures of themselves on the internet, but for those who work in the sex industry, as well. In recent days and weeks, many sex workers have spoken out against these developments. However, it’s not all of them who feel threatened by this strange new modality.

Popular OnlyFans model Laura Lux argues that, “Anyone who thinks AI generated images of hot naked women is going to ruin the OnlyFans economy for real life women has a fundamental misunderstanding of what OnlyFans is.”

Lux goes on to explain that, “they subscribe to my OnlyFans because they want to see ME naked based on a parasocial connection formed by following me on other social media platforms.” What’s nearly impossible to deny is that this leap forward in computing technology will have widespread ripple affects throughout the world.

Deep fakes have already begun to alter our politics. That gaps will widen, conflicts will arise and elections will be decided at the hands of these emerging technologies seems all but inevitable. It’s been nearly half a decade now since a deep faked Barack Obama video began turning heads for its uncanny resemblance to the 44th president and his speaking patterns.

It was clear to many then what this technology would likely evolve into. And as it’s been quietly morphing behind the scenes in the years since, it’s poised itself for this viral takeover we’re now in the midst of: image generation softwares, chat bots and AI porn.

As our lives grow increasingly centered around these strange new technologies, it seems as though we find ourselves in more and more of these situations that we lack the ability to contextualize.

On one hand, maybe it should go without saying that producing pornography from the people we know in life is unethical. But on the other hand, these new technologies have granted us powers that are well beyond our collective ability to use appropriately.

A popular sentiment toward the people using these new AI porn generator programs is one of outrage and disgust. “How dare you use artificial intelligence to digitally sexualize the likeness of your romantic interests!?” many are asking.

But… we’re a species that spent thousands of years inhabiting caves. To even learn that fire could be used and controlled was once an earth-shattering revelation. The discovery of electricity and advent of the internet were developments so colossal that we’ve still never fully steadied ourselves.

But now that we’re here — using detached robots and algorithms to produce sexualized copies of the people we’re romantically interested in — there are no analogies to be drawn. The situation defies comparison. To look objectively at what a strange development this is in the course of human history, I can’t help but sympathize with everyone.

It makes me wonder about what standards people might be held to in the future as society continues to shift in this direction. How many years away are we from, “How dare you use the Neuralink chip in your head to replay the memories of the woman with whom you’re no longer consensually involved!” Is it only a matter of time before we begin demonizing each other for the thoughts in our heads?

It’s important not to judge historic figures by the standards of our time. Our founding fathers had slaves, after all. Things that are normal and accepted one year, may not be the next. But as we continue up this exponential slope of technological development, we live in a time of ever-shifting standards. The world is changing faster than we can keep up with.

To try to apply the hard-wrought rules of consent that it took so long for us to establish — and that, across cultures, few of us still agree upon — to the world that’s just discovered an innovation like AI pornography… well, it’s a lofty vision at best. We’ve drifted impossibly far from what’s normal and natural. Technologies can’t be unreleased. And now that they’re out of the bag, we could never hope to tame these beasts of our modern world.

The internet, social media… algorithms and artificial intelligence? These tools have diverged so wildly from our bygone hopes for the future that it’s a wonder we can be so apathetic toward ourselves. We act surprised by their misuse, as though walking around with phones that have access to the entirety of known information wasn’t already the greatest gamble our species has made yet. Of course these technologies snowballed into something greater and of course we don’t know how to respond to them.

The age of the internet is defined largely by a perpetual onslaught of problems that we’re utterly unequipped to solve. The sudden emergence of AI porn is the third Pandora’s box I’ve seen opened this year and it’s only February.

What will ultimately come of the world of AI is still hard to predict. What’s growing clearer and clearer, though, is that it’s a rapidly evolving field with the potential to reshape the entire world around us. It certainly won’t take years to notice its effects.

It’s important, however, that we try to remain understanding of each other as we each experiment for the first time with technologies that are lightyears beyond the grasp of all those who came before us. It’s important not to forget that we’re each pioneers of this brave new world.

كل ما تحتاج لمعرفته حول AdWords

noreply@blogger.com (Edward Simo) — Sat, 18 Mar 2023 04:46:00 +0000

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

مفهوم AdWords:

ما هي AdWords؟

ما هي أهمية AdWords في التسويق الرقمي؟

كيف يعمل AdWords؟

ما هي أنواع الإعلانات التي يمكن عرضها باستخدام AdWords؟

كيفية إنشاء حملة AdWords:

كيف يمكن إعداد حملة AdWords؟

كيفية اختيار الكلمات المفتاحية المناسبة؟

كيفية تحديد ميزانية الحملة؟

كيفية تحسين حملة AdWords:

كيفية تحسين جودة الإعلانات؟

كيفية تحسين جودة الصفحة المستهدفة؟

كيفية تحسين معدل النقرة؟

AdWords والتسويق الرقمي:

ما هي علاقة AdWords بالتسويق الرقمي؟

ما هي أهمية AdWords في التسويق الرقمي؟

كيف يمكن قياس نجاح حملة AdWords؟

الأسئلة الشائعة:

هل يجب علي استخدام AdWords في حملاتي التسويقية؟

هل يمكن تحديد ميزانية معينة للحملة عند استخدام AdWords؟

كيف يمكن ت

---

كيف يمكن تحديد الكلمات المفتاحية المناسبة لحملتي عند استخدام AdWords؟

الخلاصة:

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

---

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

فيما يلي بعض الخطوات التي يمكن اتباعها لتحديد الكلمات المفتاحية المناسبة لحملتك في AdWords:

1- أفكار الكلمات المفتاحية: ابحث عن أفكار للكلمات المفتاحية المتعلقة بمنتجاتك أو خدماتك باستخدام أدوات البحث المتاحة في AdWords، مثل أداة Planer الخاصة بكلمات المفتاحية. يمكنك أيضًا استخدام Google Trends لمعرفة الكلمات المفتاحية الأكثر شيوعًا في منطقتك أو بلدك.

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

3- تحديد ميزانية الحملة: يجب تحديد ميزانية مناسبة لحملتك، حيث يمكنك تحديد ميزانية يومية للإعلانات أو ميزانية إجمالية للحملة. يمكن أن تساعد أداة Planer الخاصة بكلمات المفتاحية في تحديد الميزانية المناسبة للحملة.

4- تحسين جودة الإعلانات

---

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

6- الاختبار: يجب الاختبار وتحليل الحملة باستمرار، وذلك بتغيير الكلمات المفتاحية والإعلانات والعطاءات لتحسين أداء الحملة.

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

---

أسئلة شائعة عن AdWords:

1- هل يمكنني استخدام AdWords للإعلان عن أي منتج أو خدمة؟

نعم، يمكن استخدام AdWords للإعلان عن أي منتج أو خدمة، ولكن يجب تحديد الكلمات المفتاحية المناسبة لتحسين أداء الحملة.

2- كم يكلف استخدام AdWords؟

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

3- هل يمكن تحديد منطقة جغرافية للإعلان؟

نعم، يمكن تحديد منطقة جغرافية للإعلان، وذلك لجذب العملاء المحتملين في تلك المنطقة.

4- هل يمكن تحديد وقت الإعلان؟

نعم، يمكن تحديد وقت الإعلان، وذلك لضمان ظهور الإعلانات في الأوقات التي يكون فيها العملاء المحتملين أكثر نشاطًا.

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

---

نعم، يمكن تحديد الكلمات المفتاحية التي يجب استهدافها، وذلك لجذب العملاء المحتملين الذين يبحثون عن منتجات أو خدمات مماثلة.

6- هل يمكن استخدام AdWords للإعلان عن منتجات محددة؟

نعم، يمكن استخدام AdWords للإعلان عن منتجات محددة، وذلك باستخدام الكلمات المفتاحية المناسبة والإعلانات المستهدفة.

7- ما هي بعض الإحصائيات المهمة التي يمكن مراقبتها في AdWords؟

يمكن مراقبة عدد النقرات على الإعلان، وعدد المشاهدات، ومعدل النقرة (CTR)، وتكلفة النقرة (CPC)، والتحويلات (conversions)، وغيرها من الإحصائيات المهمة.

8- كيف يمكن تحسين أداء الحملة الإعلانية في AdWords؟

يمكن تحسين أداء الحملة الإعلانية في AdWords بتحديد الكلمات المفتاحية المناسبة، وإنشاء إعلانات جذابة، وتحديد الميزانية اليومية المناسبة، وتحديث الحملة بانتظام وتحسين الصفحة المستهدفة.

9- هل يوفر AdWords تقارير تفصيلية عن أداء الحملة الإعلانية؟

نعم، يوفر AdWords تقارير تفصيلية عن أداء الحملة الإعلانية، وذلك لمساعدة الشركات على تحسين الحملة وتحقيق أفضل أداء.

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

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

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

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

noreply@blogger.com (Edward Simo) — Fri, 17 Mar 2023 22:08:00 +0000

أضف الأكواد التالية في الوسم لإضافة زر النسخ التلقائي:


<script>
    $(function() {
        $('pre.prettyprint').parent().addClass('code-wrap');
        $('pre.prettyprint').append('<div class="copy-button">نسخ</div>');
        $('pre.prettyprint').hover(function() {
            $(this).find('.copy-button').show();
        }, function() {
            $(this).find('.copy-button').hide();
        });
        $('.copy-button').click(function() {
            var html = $(this).parent().html();
            html = html.replace(/<br>/gi, '\n');
            html = html.replace(/<(?:.|\n)*?>/gm, '');
            html = html.replace(/&gt;/g, '>');
            html = html.replace(/&lt;/g, '<');
            html = html.replace(/&amp;/g, '&');
            html = html.replace(/&nbsp;/g, ' ');
            html = html.replace(/&quot;/g, '"');
            html = html.replace(/&#39;/g, "'");
            var input = document.createElement('textarea');
            document.body.appendChild(input);
            input.value = html;
            input.select();
            document.execCommand('copy');
            input.remove();
            $(this).text('تم النسخ!');
        });
    });
</script>

ميزات تضمين الأكواد البرمجية في مدونتك على بلوجر

noreply@blogger.com (Edward Simo) — Fri, 17 Mar 2023 21:28:00 +0000

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

تلوين الأكواد بحسب لغتها البرمجية

يعد تلوين الأكواد بألوان مختلفة بحسب لغتها البرمجية من الأشياء المفيدة للقراء، والتي توفر لهم الكثير من الوقت والجهد في فهم هذه الأكواد. لهذا الغرض، يمكنك استخدام مكتبة Highlighter لتحقيق هذه الميزة. تحتوي هذه المكتبة على العديد من لغات البرمجة المدعومة، بما في ذلك HTML وCSS وJavaScript وPHP وPython وغيرها الكثير.

تحديد الأكواد بنقرة واحدة

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

نسخ الأكواد بنقرة واحدة

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

يجب عليك إضافة الأكواد الخاصة بتفعيل الميزات. يمكنك القيام بذلك كالتالي:

---انسخ الأكواد التالية والصقها في الوسم <head>:

أضف الأكواد التالية في الوسم <body>:

//<![CDATA[

$(document).ready(function() {

$('pre').addClass('prettyprint');

prettyPrint();

});

//]]>

</script>

أضف الأكواد التالية في الوسم <head> لإضافة زر النسخ التلقائي:

أضف الأكواد التالية في الوسم <body> لتفعيل زر النسخ التلقائي:

$(function() {

$('pre.prettyprint').parent().addClass('code-wrap');

$('pre.prettyprint').append('<div class="copy-button">نسخ</div>');

$('pre.prettyprint').hover(function() {

$(this).find('.copy-button').show();

}, function() {

$(this).find('.copy-button').hide();

});

$('.copy-button').click(function() {

var html = $(this).parent().html();

html = html.replace(/<br>/gi, '\n');

html = html.replace(/<(?:.|\n)*?>/gm, '');

html = html.replace(/&gt;/g, '>');

html = html.replace(/&lt;/g, '<');

html = html.replace(/&amp;/g, '&');

html = html.replace(/&nbsp;/g, ' ');

html = html.replace(/&quot;/g, '"');

html = html.replace(/&#39;/g, "'");

var input = document.createElement('textarea');

document.body.appendChild(input);

input.value = html;

input.select();

document.execCommand('copy');

input.remove();

$(this).text('تم النسخ!');

});

</script>

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

mmmmmmmm

noreply@blogger.com (Edward Simo) — Sun, 12 Mar 2023 08:42:00 +0000

شرح طريقة إضافة جدول محتويات المقالة في بلوجر

شرح طريقة اضافة جدول محتويات المقالة في بلوجر كيفية اضافة جدول المحتويات للمقالة في بلوجر اضافة قائمة محتويات المقال في بلوجر

Table of Contents

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

ما هو جدول المحتويات؟

جدول المحتويات هو قائمة بجميع العناوين والعناوين الفرعية لمنشور أو مقال بتنسيق جدولي. عادة ، تظهر في الجزء العلوي من المنشور أو المقال.

ما هو جدول المحتويات التلقائي؟

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

مزايا استخدام جدول المحتويات:

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

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

الفوائد الرئيسية لاستخدام جدول المحتويات في مقالاتك:

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

كيف يعمل جدول المحتويات على تحسين السيو SEO للمدونة؟

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

هل يمكن لجدول المحتويات تحسين تجربة المستخدم؟

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

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

الملامح الرئيسية لجدول المحتويات الآلي:

تمت كتابة التعليمات البرمجية باستخدام HTML و CSS و JS
مصمم بتقنية حديثة
خفيف جدًا ولن يؤثر على متوسط وقت تحميل الصفحة
مُحسّن للغاية لتحسين محركات البحث وسيساعدك على الترتيب في SERPs
يحتوي على زر تبديل لإخفاء / إظهار جدول المحتويات
سريع الاستجابة وسهل التخصيص

ملاحظة: يرجى عمل نسخة احتياطية من القالب الحالي الخاص بك قبل إجراء أي تغييرات على القالب الخاص بك حتى تتمكن من استعادة القالب الأصلي الخاص بك إذا حدث خطأ ما.

1- قم بالدخول إلى لوحة تحكم بلوجر

2- اذهب إلى "المظهر" وانقر على "تعديل HTML"

3- ابحث الآن عن </body> والصق الكود أدناه أعلى (فوق) علامة </body> مباشرةً

<script>/*<![CDATA[*/ /* Table of Content, Credit: blustemy.io/creating-a-table-of-contents-in-javascript */
class TableOfContents { constructor({ from, to }) { this.fromElement = from; this.toElement = to; this.headingElements = this.fromElement.querySelectorAll("h1, h2, h3, h4, h5, h6"); this.tocElement = document.createElement("div"); }; getMostImportantHeadingLevel() { let mostImportantHeadingLevel = 6; for (let i = 0; i < this.headingElements.length; i++) { let headingLevel = TableOfContents.getHeadingLevel(this.headingElements[i]); mostImportantHeadingLevel = (headingLevel < mostImportantHeadingLevel) ? headingLevel : mostImportantHeadingLevel; } return mostImportantHeadingLevel; }; static generateId(headingElement) { return headingElement.textContent.replace(/\s+/g, "_"); }; static getHeadingLevel(headingElement) { switch (headingElement.tagName.toLowerCase()) { case "h1": return 1; case "h2": return 2; case "h3": return 3; case "h4": return 4; case "h5": return 5; case "h6": return 6; default: return 1; } }; generateToc() { let currentLevel = this.getMostImportantHeadingLevel() - 1, currentElement = this.tocElement; for (let i = 0; i < this.headingElements.length; i++) { let headingElement = this.headingElements[i], headingLevel = TableOfContents.getHeadingLevel(headingElement), headingLevelDifference = headingLevel - currentLevel, linkElement = document.createElement("a"); if (!headingElement.id) { headingElement.id = TableOfContents.generateId(headingElement); } linkElement.href = `#${headingElement.id}`; linkElement.textContent = headingElement.textContent; if (headingLevelDifference > 0) { for (let j = 0; j < headingLevelDifference; j++) { let listElement = document.createElement("ol"), listItemElement = document.createElement("li"); listElement.appendChild(listItemElement); currentElement.appendChild(listElement); currentElement = listItemElement; } currentElement.appendChild(linkElement); } else { for (let j = 0; j < -headingLevelDifference; j++) { currentElement = currentElement.parentNode.parentNode; } let listItemElement = document.createElement("li"); listItemElement.appendChild(linkElement); currentElement.parentNode.appendChild(listItemElement); currentElement = listItemElement; } currentLevel = headingLevel; } this.toElement.appendChild(this.tocElement.firstChild); } } /*]]>*/</script>

4- الآن ابحث]]> </ b: skin> والصق كود CSS التالي أعلاه (فوقه)

/* Table of Contents by wikipoka.com */ 
 .pS details summary{list-style:none;outline:none}
 .pS details summary::-webkit-details-marker{display:none}
 details.sp{padding:20px 15px}
 details.sp summary{display:flex;justify-content:space-between;align-items:baseline}
 details.sp summary::after{content:attr(data-show);font-size:12px; opacity:.7;cursor:pointer}
 details.sp[open] summary::after{content:attr(data-hide)}
 details.toc a:hover{text-decoration:underline}
 details.toc a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; color:inherit}
 details.toc ol{list-style:none;padding:0;margin:0; line-height:1.6em; counter-reset:toc-count}
 details.toc ol ol ol ol{display:none}
 details.toc ol ol, .tocIn li:not(:last-child){margin-bottom:5px}
 details.toc li li:first-child{margin-top:5px}
 details.toc li{display:flex;flex-wrap:wrap; justify-content:flex-end}
 details.toc li::before{flex:0 0 23px; content:counters(toc-count,'.')'. ';counter-increment:toc-count}
 details.toc li a{flex:1 0 calc(100% - 23px)}
 details.toc li li::before{flex:0 0 28px; content:counters(toc-count,'.')}
 details.toc li li a{flex:1 0 calc(100% - 28px)}
 details.toc li li li::before{flex:0 0 45px}
 details.toc li li li a{flex:1 0 calc(100% - 45px)}
 details.toc .toC >ol{margin-top:1em}
 details.toc .toC >ol >li >ol{flex:0 0 calc(100% - 23px)}
 details.toc .toC >ol >li >ol ol{flex:0 0 calc(100% - 28px)}
 details.toc .toC >ol >li >ol ol ol{flex:0 0 calc(100% - 45px)}

5- أخيرًا ، ابحث عن <data: post.body /> واستبدله بالكود أدناه

<div id='postBody'><data:post.body/></div>

6- الآن احفظ القالب وانتقل للخطوات التالية.

كيف تظهر جدول المحتويات في منشورات المدونة؟

لإظهار جدول المحتويات في منشور المدونة أو المقالة ، تحتاج إلى وضع كود HTML صغير في كل مقالة تريده أن يظهر فيها. لإضافة كود HTML أدناه في مقالك ، انتقل إلى وضع HTML أثناء كتابة المقال والصق الكود أدناه مباشرةً بعد الفقرة حيث تريد إظهار جدول المحتويات.

<details class='sp toc'>
  <summary data-show='Show all' data-hide='Hide all'>Table of Contents</summary>  
  <div class='toC' id='toContent'></div>
</details>

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

<!--[ Script to activate ToC ]-->
<script>document.addEventListener('DOMContentLoaded', () =>
  new TableOfContents({
      from: document.querySelector('#postBody'),
      to: document.querySelector('#toContent')
  }).generateToc()
);</script>

تذكر ، بدون مقال متوافق مع السيو SEO ، لا يمكنك التصدّر في محركات البحث بمجرد إظهار جدول المحتويات في منشورات مدونتك. آمل أن يساعدك هذا المنشور في تركيب جدول المحتويات على مدونتك بشكل سهل وبدون صعوبات.

تحميل قالب أندلس Andalus النسخة الثانية

noreply@blogger.com (Edward Simo) — Sun, 12 Mar 2023 05:27:00 +0000

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

قالب ماي كورة قالب رياضي لمدونات بلوجر لديه الكثير من الميزات التالية

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

جاري تحضير رابط التحميل المباشر بعد 30 ثانية

رابط التحميل والمعاينة

noreply@blogger.com (Edward Simo) — Sat, 11 Mar 2023 12:24:00 +0000

شرح طريقة إضافة جدول محتويات المقالة في بلوجر

ما هو جدول المحتويات؟

ما هو جدول المحتويات التلقائي؟

مزايا استخدام جدول المحتويات:

الفوائد الرئيسية لاستخدام جدول المحتويات في مقالاتك:

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

كيف يعمل جدول المحتويات على تحسين السيو SEO للمدونة؟

هل يمكن لجدول المحتويات تحسين تجربة المستخدم؟

الملامح الرئيسية لجدول المحتويات الآلي:

تمت كتابة التعليمات البرمجية باستخدام HTML و CSS و JS
مصمم بتقنية حديثة
خفيف جدًا ولن يؤثر على متوسط وقت تحميل الصفحة
مُحسّن للغاية لتحسين محركات البحث وسيساعدك على الترتيب في SERPs
يحتوي على زر تبديل لإخفاء / إظهار جدول المحتويات
سريع الاستجابة وسهل التخصيص

كيف تضيف جدول محتويات في بلوجر؟

1- قم بالدخول إلى لوحة تحكم بلوجر

2- اذهب إلى "المظهر" وانقر على "تعديل HTML"

3- ابحث الآن عن </body> والصق الكود أدناه أعلى (فوق) علامة </body> مباشرةً

معاينة اضغط هنا تحميل مباشر اضغط هنا

كيفية إنشاء نافذة منبثقة

noreply@blogger.com (Edward Simo) — Sat, 11 Mar 2023 06:33:00 +0000

كيفية إنشاء نافذة منبثقة لـ Blogger

سبتمبر 22, 2020

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

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

محتويات المقالة

كيفية إنشاء نافذة منبثقة لـ Blogger

تسجيل الدخول إلى حساب المدون الخاص بك
انتقل إلى Dashboard >> التخطيط وانقر على "إضافة أداة" من الشريط الجانبي أو التذييل
افتح أداة HTML / JavaScript
أضف البرنامج النصي التالي في منطقة محتوى HTML / JavaScript وانقر فوق حفظ

<script type="text/javascript">
document.body.onclick= function(){
window.open('https://fullsystemstar.blogspot.com/', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=950, height=650, left = 300, top = 50');
}</script>

ملحوظة:

تأكد من تغيير عنوان URL https://fullsystemstar.blogspot.com
تخصيص عرض وارتفاع النافذة المنبثقة كما يحلو لك

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

تحقق من النافذة المنبثقة مباشرة في العمل هنا .

عاام كومبييييي

noreply@blogger.com (Edward Simo) — Fri, 03 Mar 2023 07:46:00 +0000

عالم كومبيو تر عالم كومبيو تر

جاري تحضير رابط التحميل المباشر بعد 30 ثانية

أنقر بمحتوي الكود وسيتم النسخ

noreply@blogger.com (Edward Simo) — Mon, 27 Feb 2023 15:08:00 +0000

هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة

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

هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة

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

كيفية إضافة شريط آخر الأخبار /آخر المواضيع

noreply@blogger.com (Edward Simo) — Mon, 27 Feb 2023 08:03:00 +0000

كيفية إضافة شريط آخر الأخبار /آخر المواضيع

لماذا تستحوذ قواعد البيانات على مساحات شاسعة؟

noreply@blogger.com (Edward Simo) — Mon, 27 Feb 2023 04:19:00 +0000