ads all USs din

US AF AL AS AD AO AI AQ AG AR AM AW AU AZ BS BD BB BE BZ BJ BM BT BO BQ BA BW BV BR IO BN BG BF https://US https://US BI CV KH CM CA KY CF TD CL CX CC CO KM CD CG CK CR HR CU CW CY CZ CI DK DM DO EC SV GQ ER EE SZ https://US https://US ET FK FO FJ FI GA GM GE GH GI GR GL GD GP GU GT GG GN GW GY HT HM VA HN HU IS IR IE IM IL JM JE https://US https://US KZ KE KI KP KR KG LA LV LS LR LI LT LU MO MG MW MY MV ML MT MH MQ MU YT MX FM MD MC MN ME MS MZ https://US https://US MM NA NR NP NC NZ NI NE NG NU NF MP NO PK PW PA PG PY PE PH PN PL PT PR MK RO RW RE BL SH KN LC https://US https://US MF PM VC WS SM ST SN RS SC SL SG SX SK SI SB SO ZA GS SS LK SR SJ SE CH TJ TZ TL TG TK TO TT TM https://US https://US TC TV UG UA GB UM UY UZ VU VE VN VG VI WF EH ZM ZW AX https://US https://US

mylead-06-2024- AliExpress - Smartlink

AF, AX, AL, DZ, AS, AD, AO, AI, AQ, AG, AR, AM, AW, AU, AT, BS, BH, BD, BB, BE, BZ, BJ, BM, BT, BO, BQ, BA, BW, BV, BR, IO, BN, BG, BF, BI, KH, CM, CA, CV, KY, CF, TD, CL, CN, CX, CC, CO, KM, CG, CD, CK, CR, CI, HR, CU, CW, CY, CZ, DK, DJ, DM, DO, EC, EG, SV, GQ, ER, EE, ET, FK, FO, FJ, FI, FR, GF, PF, TF, GA, GM, DE, GH, GI, GR, GL, GD, GP, GU, GT, GG, GN, GW, GY, HT, HM, VA, HN, HK, HU, IS, IN, ID, IR, IQ, IE, IM, IL, IT, JM, JP, JE, JO, KE, KI, KP, KR, KW, LA, LV, LB, LS, LR, LY, LI, LT, LU, MO, MK, MG, MW, MY, MV, ML, MT, MH, MQ, MR, MU, YT, MX, FM, MD, MC, MN, ME, MS, MA, MZ, MM, NA, NR, NP, NL, NC, NZ, NI, NE, NG, NU, NF, MP, NO, OM, PK, PW, PS, PA, PG, PY, PE, PH, PN, PL, PT, PR, QA, RE, RO, RU, RW, BL, SH, KN, LC, MF, PM, VC, WS, SM, ST, SA, SN, RS, SC, SL, SG, SX, SK, SI, SB, SO, ZA, GS, SS, ES, LK, SD, SR, SJ, SZ, SE, CH, SY, TW, TJ, TZ, TH, TL, TG, TK, TO, TT, TN, TR, TC, TV, UG, UA, AE, GB, US, UM, UY, UZ, VU, VE, VN, VG, VI, WF, EH, YE, ZM, ZW pc https://re-direct3.eu/p/a0Yl/QmfL/NW5g https://blogger.googleusercontent.com/img/a/AVvXsEhf2bASI2VR9i_WCpKVFjVFe7t5ipVyqYseZAZBoULFsCqW2_dUjQlwTqWDfuFEGAsHb4iu1oPd88MBkfAZYWCso7el0_magJOAw95-Ll0DpyRo9ykizIlPEs3FnMk3iVIxGjrMI5joUmJLtx7nLU26aRRnAdkupQB_aqqE6tEZyeAGKPN4FyKFxcKwZbwG AF, AX, AL, DZ, AS, AD, AO, AI, AQ, AG, AR, AM, AW, AU, AT, BS, BH, BD, BB, BE, BZ, BJ, BM, BT, BO, BQ, BA, BW, BV, BR, IO, BN, BG, BF, BI, KH, CM, CA, CV, KY, CF, TD, CL, CN, CX, CC, CO, KM, CG, CD, CK, CR, CI, HR, CU, CW, CY, CZ, DK, DJ, DM, DO, EC, EG, SV, GQ, ER, EE, ET, FK, FO, FJ, FI, FR, GF, PF, TF, GA, GM, DE, GH, GI, GR, GL, GD, GP, GU, GT, GG, GN, GW, GY, HT, HM, VA, HN, HK, HU, IS, IN, ID, IR, IQ, IE, IM, IL, IT, JM, JP, JE, JO, KE, KI, KP, KR, KW, LA, LV, LB, LS, LR, LY, LI, LT, LU, MO, MK, MG, MW, MY, MV, ML, MT, MH, MQ, MR, MU, YT, MX, FM, MD, MC, MN, ME, MS, MA, MZ, MM, NA, NR, NP, NL, NC, NZ, NI, NE, NG, NU, NF, MP, NO, OM, PK, PW, PS, PA, PG, PY, PE, PH, PN, PL, PT, PR, QA, RE, RO, RU, RW, BL, SH, KN, LC, MF, PM, VC, WS, SM, ST, SA, SN, RS, SC, SL, SG, SX, SK, SI, SB, SO, ZA, GS, SS, ES, LK, SD, SR, SJ, SZ, SE, CH, SY, TW, TJ, TZ, TH, TL, TG, TK, TO, TT, TN, TR, TC, TV, UG, UA, AE, GB, US, UM, UY, UZ, VU, VE, VN, VG, VI, WF, EH, YE, ZM, ZW pc https://re-direct3.eu/p/a0Yl/QmfL/NW5g https://blogger.googleusercontent.com/img/a/AVvXsEhBc_73O0X5gnum4PoaG_642Hc2A7_jlnDNqty1NhzDwv2OJ2an00FQRxVwKyCnWvRjp5I060J72ScH3NWB1Ek5w_Wd7XsCAQoNbitmo9aT_JSfJ0LvnuhAu290MwRnBMO3Tv6BjK1f3oLIe91qnEFoxOzcnOllPh4iN0rJu4bdy2x05_InIux1M2vG-Kjo AF, AX, AL, DZ, AS, AD, AO, AI, AQ, AG, AR, AM, AW, AU, AT, BS, BH, BD, BB, BE, BZ, BJ, BM, BT, BO, BQ, BA, BW, BV, BR, IO, BN, BG, BF, BI, KH, CM, CA, CV, KY, CF, TD, CL, CN, CX, CC, CO, KM, CG, CD, CK, CR, CI, HR, CU, CW, CY, CZ, DK, DJ, DM, DO, EC, EG, SV, GQ, ER, EE, ET, FK, FO, FJ, FI, FR, GF, PF, TF, GA, GM, DE, GH, GI, GR, GL, GD, GP, GU, GT, GG, GN, GW, GY, HT, HM, VA, HN, HK, HU, IS, IN, ID, IR, IQ, IE, IM, IL, IT, JM, JP, JE, JO, KE, KI, KP, KR, KW, LA, LV, LB, LS, LR, LY, LI, LT, LU, MO, MK, MG, MW, MY, MV, ML, MT, MH, MQ, MR, MU, YT, MX, FM, MD, MC, MN, ME, MS, MA, MZ, MM, NA, NR, NP, NL, NC, NZ, NI, NE, NG, NU, NF, MP, NO, OM, PK, PW, PS, PA, PG, PY, PE, PH, PN, PL, PT, PR, QA, RE, RO, RU, RW, BL, SH, KN, LC, MF, PM, VC, WS, SM, ST, SA, SN, RS, SC, SL, SG, SX, SK, SI, SB, SO, ZA, GS, SS, ES, LK, SD, SR, SJ, SZ, SE, CH, SY, TW, TJ, TZ, TH, TL, TG, TK, TO, TT, TN, TR, TC, TV, UG, UA, AE, GB, US, UM, UY, UZ, VU, VE, VN, VG, VI, WF, EH, YE, ZM, ZW pc https://re-direct3.eu/p/a0Yl/QmfL/NW5g https://blogger.googleusercontent.com/img/a/AVvXsEiEVSei1zH3IH9j2EcPH9a4poBv2NFFz722YUnFEZPjRsELq1fClTr5e6wvcpER6QHfCfMdxoQTqqmGRX1dA_UwUQonZtR4cvPRmsOwVskO_QHQbfCkpUuD5hWIoIJ6wIXlnnxkQvYCqwofFmGzpyx5jzGDxL22q2TPZSC-9IfLAj5bRCtzb0qAM5wB0PUQ

admitad-2024-06-20 IT-train

IT https://ujhjj.com/g/i4rqsay0mk2185de8413ef1cea9751/?i=4 https://ad.admitad.com/b/i4rqsay0mk2185de8413ef1cea9751/

cpalead-2024-6 $500 Gas Card

US https://www.directcpi.com/view.php?id=5536650&pub=2878302 https://cdndn.s3.us-west-1.amazonaws.com/images/Cc9aSKazXr_1717668995.webp

SA AE FR cpalead Cut the soap

AE, AT, BE, CY, CZ, DK, ES, FI, FR, IE, SA and https://www.directcpi.com/view.php?id=5537115&pub=2878302 https://play-lh.googleusercontent.com/cHzsp4z_Jo_t3YCtGLarfAzNZiqKKUIvSuOqYIbtaK2gzr_HE8Rzw-xVhO_UaFhqp6md=w2560-h1440-rw

AE cpalead CandyDash

AE and https://www.directcpi.com/view.php?id=5535323&pub=2878302 https://play-lh.googleusercontent.com/JrblKNYDm5dWAau2vWBOSAeF6Q_6bj99RCq9aq4z4RADJoHh08zKuLKSEdHPvLen51A=w2560-h1440-rw

TR cpalead TikTak

TR and https://www.lnkmeup.com/view.php?id=5537114&pub=2878302 https://play-lh.googleusercontent.com/HbE6a18mm_GoItb6PUaNzx7M9f91eCI01a0M8glLETuIc5I3Tpjg7xrk9rg3DGqGrDQ=w2560-h1440-rw

QA cpalead FruitFlicker

QA and https://www.mobtrk.link/view.php?id=5535357&pub=2878302 https://play-lh.googleusercontent.com/nQ2N51VIBECJ5pjfTZ1KMA2z72Dd9qXXUMsDkYVduAsy2RNY6F7tEfrpTXi98-cXPw-m=w2560-h1440-rw

FR AT DE cpalead Sonic Sensor

FR AT, BE, BG, CY, CZ, DE, DK, EE, ES, FI and https://www.lnksforyou.com/view.php?id=5536785&pub=2878302 https://play-lh.googleusercontent.com/kmfb8yGFvYpWwIp8O5E8liAgr4Vr_1xWRyXJaxuc62xt8alw5FrsDIAw9tJcxNOi50Q=w2560-h1440-rw

DE cpalead Super Car Escape

DE and https://www.mobtrk.link/view.php?id=5536554&pub=2878302 https://play-lh.googleusercontent.com/5Mu2C7PIszZgE4qMsyEZIjYJxn46biFPazkWxjmpA51h6T8UYuCbP4FDXGP3Ks9X3bg=w2560-h1440-rw

US cpalead Xs and Os

US and https://www.directcpi.com/view.php?id=5537110&pub=2878302 https://play-lh.googleusercontent.com/_T5THf04Zo-B-s-5OkzRndkl1i6LUGonIR7xS9i8prdT9dDnuMI9J09wyZKlsXoewAI=w2560-h1440-rw

mylead-06-2024 Space Racing - MOBILIS - DZ

DZ mob tab https://go-redirect.pl/p/a0Yl/WlLY/3xM7 https://i.pinimg.com/736x/df/38/7b/df387be29a218205fa3d68f54fc7bfae.jpg DZ mob tab https://go-redirect.pl/p/a0Yl/WlLY/3xM7 https://blogger.googleusercontent.com/img/a/AVvXsEi7hfpNhZV8KMoQymB6KL-ZCvue-p21D7NRVQi_2_mErWsWyKFyXKBpv6P6tpjPRpwqQcG4wUwdGO8wa6spZ503m5s4WUvskk-k-b5zYtkp1vkGjS0rw6r1lq1TdTVtkczEhEydUoBHq0UO48EmL6YzDy7c3IE41LXc1sqzrhAUbV3Lrt9mG1lGMF8wZ_KI DZ mob tab https://go-redirect.pl/p/a0Yl/WlLY/3xM7 https://blogger.googleusercontent.com/img/a/AVvXsEiRyjMsuPACaOyQRkbapRujgTS0p-SQX_yMMVtU44YQ757hJxSE4qP0_KvxzxlqRGLIgVqU9vZacQ6wnsbvuj8IuLY2bB1PJIbR-o4TX6AI-b09gASPBbL0OWU-l7fW79Fn1C9oDU0txEbuR1BGTBtVQH6nuQzcs2MLdvPOheX-ctsUrbY4AxAH7wEnpBNg DZ mob tab https://go-redirect.pl/p/a0Yl/WlLY/3xM7 https://blogger.googleusercontent.com/img/a/AVvXsEjWYpzwQIi5gyFVJ3uA-w02Cbv1zJ5JgZyEHZiuy0Fcsig1BmSPqBzyf8PrhKkU8AmDB7RgoHULBxyBYbZkx2lYVBGtnBlvRFnFBSF9E4AU5i7i8rtK6e-nWZSGY80yondY5yBN5whL32KrFKU5uZDFDmuX8UPYAfwJ-eUL1cCWCYVhlWXUoob49064m1qg DZ mob tab https://go-redirect.pl/p/a0Yl/WlLY/3xM7 https://blogger.googleusercontent.com/img/a/AVvXsEhjIac4098dDAgKX2rXXHHBfPceDmUfUKtPvl2xflkUO7kKjowjruXj4nK0x142x7oXarqvqX4Bnfo23TCBUWZ33bDoBNHsM9sE9BTcXUyStvcCboDDepl3geDF9CG3zbZaEXrviLYD5iKpa9K4I-4yp1nel1iD7nR8b_nOdEc2qFCeRqke7d2VtME616GM

أخر الاخبار

طريقة فتح الصور والفيديو والروابط الخارجية داخل صندوق منبثق رائع لمدونات بلوجر

مرحبا بكم أصدقائي الكرام في موضوع جديد من دورة بلوجر لكيفية  انشاء مدونة عربية احترافية من الصفر.. 

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

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


طريقة فتح الصور والفيديو والروابط الخارجية داخل صندوق منبثق رائع لمدونات بلوجر

طريقة فتح الصور والفيديو والروابط الخارجية داخل المدونة

داخل نفس المشاركة
داخل صندوق منبثق رائع لمدونات بلوجر

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

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

كذلك وتتميز هذه الأداة أيضًا بالتجاوب على مختلف الشاشات الكمبيوتر والأجهزة اللوحية والهواتف الذكية أيضا.

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

1- نذهب إلى لوحة التحكم بلوجر.
2- نختار تبويب القالب.
 3-  نقوم بحفظ نسخة إحتياطية من القالب.
4- نضغط Cntrl+F للبحث.
5- نبحث عن الكود التالي:
 
  

6- ننسخ الكود التالي ونقوم بإضافته فوق الكود السابق مباشرة:
 
  

7- نقوم بحفظ القالب.


ملاحظات هامة:

أولا:

إبحث عن الكود باللون الأحمر
https://ajax.googleapis.com/
إذا وجدته بالقالب قم بحذفه (حذف السطر الأحمر كليتا) من الكود السابق

ثانيا:

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

Disable the Lightbox feature on the Blogger platform


 تفعيل أداة Colorbox

والآن نتجه لتفعيل الأداة على الصور والفيديو والروابط الخارجية بالمشاركة

أولا: تفعيل أداة Colorbox على الصور

إن إضافة Colorbox تعمل تلقائيا على جميع الصور لاتحتاج لتثبيت 
لاكن في حالة أردت عرض الصور كشرائح Slideshow قم بتحميل الصور التي تريد عرضها
 كشرائح بمشاركتك ثم إذهب إلى تحرير HTML
وابحث عن رابط الصور وأضف الوسم 
 rel="slideshow"
بين a و href
كما بالمثال:

<a rel="slideshow" href="رابط الصورة الأولى  " imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="رابط الصورة الأولى مصغرة" width="290" /></a></div>

<a rel="slideshow" href="رابط الصورة الثانية" imageanchor="1"  style="margin-left: 1em; margin-right: 1em;"><img border="0" src="رابط الصورة الثانية مصغرة" /></a></div>
.
.
وهكذا 
طبعا روابط الصور بالأزرق لاتغيرها أتركها كما هيا.


ثانيًا: تفعيل أداة Colorbox على الفيديوهات

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

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

نضيف هذه المرة باللون الأحمر
class="youtube"
بين a و href
الخاصين برابط الفيديو كما يلي:

<a class="youtube" href="رابط تضمين فيديو لليوتيوب" rel="nofollow"> إضغط هنا لمشاهدة هذا الفيديو <br /></a>


شاهد المثال التالي:


ملاحظة هامة:

اذا كان الفيديو من موقع vimeo نضيف
class="vimeo"
بين a و href


ثالثُا: تفعيل أداة Colorbox  على الروابط الخارجية iframe

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

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

ثم نتوجه توجه إلى تحرير HTML 
و البحث عن سطر الكود الخاص بالرابط الخارجى.

نضيف هذه المرة باللون الأحمر
class="iframe"
بين a و href
الخاصين برابط الفيديو كما يلي:

<a  class="iframe"  href="https://ar.wikipedia.org/wiki/" rel="nofollow">إضغط هنا لمعاينة ويكيبيديا</a>


شاهد المثال التالي:



مميزات أخرى لأداة Colorbox

يمكننا إستخدام هذه الأداة الرائعة فى العديد من المهام 
= فيمكننا إستخدامها فى فتح الكتب الإلكترونية PDF مثلا 
= كذلك يمكننا إستخدامها مع ملفات الفلاش
 لتجنب صعوبة تحميل وفتح الصفحات التى بها الفلاش).

= يمكننا أيضًا إستخدامها مع نماذج الإتصال.
 = ولعرض أدوات المشاركة على المواقع الإجتماعية 
إلخ.


تخصيص أكثر لأداة Colorbox

إذا كنت ممن يريدون تخصيصا أكثر لهذه للأداة
 و تغيير التأثيرات لعرض الصندوق المنبثق
 يمكنك ذلك بتحميل الإضافة من موقعها الرسمى 
  Colorbox   

والتعديل عليها ورفعها على إستضافتك الخاصة.


رابط المرجع المعتمد لإنشاء هذه المقالة






lang
GPT
وضع القراءة :
حجم الخط
+
16
-
تباعد السطور
+
2
-