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

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

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

الأضافة تعمل جيدا علي قالب سكويز ويمكنك معاينتها في آخر القالب...

لأصحاب المواقع التقنية، خاصة تلك التي تقدم مقالات حول مراجعات الهاتف أو المواصفات وأسعار الهاتف، من الضروري إضافة مواصفات الهاتف، لكن هل تعلم أنه يمكنك الآن تركيب اضافة مواصفات الهاتف لبلوجر لجميع اصحاب المدونات التقنية مجانًا؟

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

أهمية اضافة مواصفات الهاتف لبلوجر

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

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

شرح تركيب اضافة مواصفات الهاتف لبلوجر

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

تركيب اضافة مواصفات الهاتف لبلوجر داخل القالب

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

في هذه الخطوة، ستنتقل إلى المظهر، ثم تعديل HTML، وتبحث عن التالي بعد الضغط علي CTRL + F لفتح البحث.

]]></b:skin>

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

.clearfix:before,.clearfix:after{content:"";display:table}.aps-shortcode ul{list-style:none;overflow:hidden;margin-bottom:40px;}.aps-features-list li{background:linear-gradient(45deg,#480048,#c04848);height:46px;margin-bottom:10px;position:relative}.aps-shortcode *{line-height:1.5;padding:0;margin:0;list-style:none!important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.aps-feature-anim:hover{background:#055cef}.aps-feature-anim{height:100%;width:100%;font-size:13px;padding:0 10px 1px 19px;margin-bottom:10px;color:#fff;line-height:15px;position:absolute;top:0;left:0}.aps-list-icon{background:#FFC107;height:46px;padding:11px;color:#fff;font-size:24px;line-height:24px;position:absolute;top:0;left:0;z-index:5;width:46px}.aps-icon-cpu:before{content:'\e893'}.aps-feature-info{height:20px;position:relative;z-index:5;overflow:hidden}.aps-feature-info strong{display:inline-block}.aps-main-features,.aps-video-col{float:left;width:50%;margin-left:10px}.aps-product-pic{max-width:45%;width:45%;float:right;border:1px solid #52525217;margin-top:20px}@media screen and (max-width: 768px){.aps-product-pic{width:100%;max-width:100%}.aps-main-features,.aps-video-col{width:100%;margin:0}}

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

تركيب اضافة مواصفات الهاتف لبلوجر داخل المقال

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

الكود 👇🏻👇🏻👇🏻

<div class="aps-shortcode clearfix">
<ul class="aps-features-list">
<li>
<div class="aps-feature-anim">
<span class="aps-list-icon"> 
<img hight="20px" src="https://image.flaticon.com/icons/svg/1383/1383655.svg" width="20px" />
</span>
<br />
<div class="aps-feature-info">

<strong>المعالج</strong>:&nbsp;#####</div>

</div>
</li>
<li>
<div class="aps-feature-anim">
<span class="aps-list-icon">
<img hight="20px" src="https://image.flaticon.com/icons/svg/100/100323.svg" width="20px" />
</span><br />
<div class="aps-feature-info">

<strong>الرام/الذاكرة</strong>: #####</div>

</div>
</li>
<li>
<div class="aps-feature-anim">
<span class="aps-list-icon">
<img hight="20px" src="https://image.flaticon.com/icons/svg/149/149388.svg" width="20px" />
</span>
<br />
<div class="aps-feature-info">

<strong>الشاشة</strong>: #####</div>

</div>
</li>
<li>
<div class="aps-feature-anim">
<span class="aps-list-icon">
<img hight="20px" src="https://image.flaticon.com/icons/svg/2313/2313534.svg" width="20px" />
</span>
<br />
<div class="aps-feature-info">

<strong>الكاميرا</strong>: #####</div>

</div>
</li>
<li>
<div class="aps-feature-anim">
<span class="aps-list-icon">
<img hight="20px" src="https://image.flaticon.com/icons/svg/263/263073.svg" width="20px" />
</span>
<br />
<div class="aps-feature-info">

<strong>البطارية</strong>: #####</div>

</div>
</li>
<li>
<div class="aps-feature-anim">
<span class="aps-list-icon">
<img hight="20px" src="https://image.flaticon.com/icons/svg/38/38002.svg" width="20px" />
</span>
<br />
<div class="aps-feature-info">

<strong>النظام</strong>: #####</div>


</div>
</li>
</ul>
</div>

التعديل علي مواصفات الكود

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

كل ما عليك فعله الآن هو حذف العلامة ##### وكتابة مواصفات الهاتف، ثم نشر المقال بعد الانتهاء منه وستلاحظ الشكل الجديد كما ظاهر في الصورة التي موجوده في أول المقال، ويمكنك معاينتها من هنا: سعر و مواصفات Xiaomi Poco X3 NFC 2021.

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