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

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

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

1 - قم بتحرير قالب مدونتك وبالضغط على ctrl+f إبحث عن الوسم

ثم ضع الكود التالي تحته مباشرة :

<!-- التبادل الإعلاني النصي من مدونة سفيان--><br /> <style> .sidebar .soufiane h2:before {content: '\f0c1';} .sidebar .soufiane ul li a:before { content: '\f0c1'; font-family: FontAwesome; color: #FFF; background: #DD2F2F; padding-left: 10px; padding-right: 10px; line-height: 40px; transition: all 0.3s linear; display: -webkit-inline-box; margin-left: 10px; } .sidebar .soufiane ul li a { transition: all 0.7s ease 0s; border-left: 5px solid #DCDCDC; background-color: #E7E7E7; box-shadow: 0 1px 0 4px #fff; display: block; font-size: 15px; margin-bottom: 5px; } #widget-soufiane { background: #FFFFFF; border-radius: 0px 0px 5px 5px; border-top: 0; padding: 8px 5px 1px 5px; font-family: 'soufiane-font'; font-size: 13px; } .sidebar .soufiane li a:hover:before { padding-left: 17px; padding-right: 17px; transition: all 0.5s; content: '\f105'; font-family: FontAwesome; } </style><br /> <!-- نهاية التبادل الإعلاني النصي من مدونة سفيان --><br />

تم نذهب إلى التخطيط وإلى السيدبار إضافة أداة HTML/Javascrip ونضع الكود التالي بداخلها : ثم بعدها نضغط حفض ونعرض المدونة لمعاينة الإضافة

<div class='widget soufiane' data-version='1' id='LinkList'> <ul> <li><a href='http://www.thesoufiane.com/p/contact-my.html'>أضف موقعك هنا مجانا</a></li> <li><a href='http://www.thesoufiane.com/p/contact-my.html'>أضف موقعك هنا مجانا</a></li> <li><a href='http://www.thesoufiane.com/p/contact-my.html'>أضف موقعك هنا مجانا</a></li> <li><a href='http://www.thesoufiane.com/p/contact-my.html'>أضف موقعك هنا مجانا</a></li> <li><a href='http://www.thesoufiane.com/p/contact-my.html'>أضف موقعك هنا مجانا</a></li> <li><a href='http://www.thesoufiane.com/p/contact-my.html'>أضف موقعك هنا مجانا</a></li> <li><a href='http://www.thesoufiane.com/p/contact-my.html'>أضف موقعك هنا مجانا</a></li> <li><a href='http://www.thesoufiane.com/p/contact-my.html'>أضف موقعك هنا مجانا</a></li> <li><a href='http://www.thesoufiane.com/p/contact-my.html'>أضف موقعك هنا مجانا</a></li> <li><a href='http://www.thesoufiane.com/p/contact-my.html'>أضف موقعك هنا مجانا</a></li> </ul> </div>

قم بتغيير رابط http://www.thesoufiane.com/p/contact-my.html برابط الموقع الذي تريد التبادل معه وقم بتغيير كلمة "ضع موقعك هنا مجانا" بإسم الموقع الذي تم التبادل الإعلاني النصي معه

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