إضافة شريط المعلومات الخاص بالبلوجر

هذه الإضافة إهداء مني لمتابعيي مدونتي , هذه الإضافة من برمجتي الشخصية , يمكنك إضافتها لقالب مدونتك البلوجر .
مميزات الإضافة :
1- الإضافة بحد ذاتها تنقسم إلى ثلاث إضافات :
     - ملف تعريف شخصي خاص بمالك المدونة
     - صندوق يظهر صفحة الفيسبوك
     - أزرار مواقع التواصل الإجتماعي
2- متوافق مع قوالب بلوجر
3- المظهر جديد و غير معهود
4- الشكل متناسق
5- سريعة التحميل


I- طريقة تركيب الإضافة
أولا إذا أردت ظهور الإضافة في أسفل قالب المدونة فابحث عن </body> في القالب  وضع الكود التالي فوقه مباشرة
أو يمكنك وضعه في المكان اللذي تريد ظهورالإضافة فيه

<center><style>.myprofile {float:right; height:250px; width:30%; padding-top: 8px;} .premierfooter{background-color:#898992; height:229px; width:95%; box-shadow: 0 2px 5px rgba(0,0,0,0.1), 0 2px 5px -1px rgba(0,0,0,0.2); border-bottom: solid 4px #67676b; border-radius: 20px; margin: 1px; display: inline-flex;} .myprofile img {height:97px; width:100px; border-radius:100%; float:right; margin-right:8px; border: solid #c3bbbb 4px;} .myname {font-size: 25px; color: white; font-weight: bold;} .mydifinition {color: white;} .myfacebook {width: 45%; padding-top: 5px;} .mysociollmedia {width:30%; padding-top: 10px;} .mysociollmedia a {background-color: #312e2e; padding: 28px 10px 15px 10px; border: solid #c3bbbb 4px; border-radius: 10px;} .mysociollmedia a:hover {background-color: #5f5959; border: #bfb9b4 solid 2px;} .mysociollmedia font {font-size: 20px; color: white; font-weight: bold;} </style><div class='premierfooter'><div class='myprofile'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj48ixc6C4yl6rh2m_gL8h22wOexJX12yVEyTait4jZyegPsM3pbxmAlrHKZ8b9KZV3XfApL7mKCsFGnz9Mb4B51Eq5Yu_k9HwNpu1X-o93P1USY2Kevwc4uv10tjmQHZUdf4114ttEk4Jz/s1600/39242385_108970010048267_8248887916382650368_n.jpg'/> <font class='myname'> بن عابد سليمان </font><br/> <font class='mydifinition'> من مواليد سنة 1996 , ولدت و ترعرعت في الجزائر , مبرمج و مطور مواقع إلكترونية أتقن أربع لغات برمجية و لغتي تصميم , أهدف من خلال مدونتي هذه إلى مشاركتكم علوم الحساوب بطريقة شيقة و مبسطة . </font></div><div class='myfacebook'><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/PROsuccessful&width=338&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false&" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:338px; height:214px;" allowtransparency="true"></iframe></div><div class='mysociollmedia'> <font class='socialltitle'> تابعني على مواقع التواصل الإجتماعي </font><br/><br/> <a href='https://www.facebook.com/PROsuccessful'><i class='fa fa-facebook'/></a> <a href=''><i class='fa fa-youtube'/></a> <a href=''><i class='fa fa-google'/></a> <a href=''><i class='fa fa-twitter'/></a></div></div></center>

II- طريقة التحكم في الإضافة و وضع معلوماتك الخاصة فيها
أولا نبدأ مع ضبط معلوماتك الشخصية
إبحث عن الكود التالي <font class='myname'> بن عابد سليمان </font><br/>
و في مكان بن عابد سليمان ضع إسمك الخاص
و في الكود التالي اللذي ستبحث عنه وتجده :
 <font class='mydifinition'> من مواليد سنة 1996 , ولدت و ترعرعت في الجزائر , مبرمج و مطور مواقع إلكترونية أتقن أربع لغات برمجية و لغتي تصميم , أهدف من خلال مدونتي هذه إلى مشاركتكم علوم الحساوب بطريقة شيقة و مبسطة . </font>
ضع في مكان الوصف الخاص بي وصفك الخاص
وأخيرا إبحث عن الكود الأتي
<img src='https://4.bp.blogspot.com/-om8uUSpWrYo/XEnakBJCVYI/AAAAAAAAAZM/2Wj1C8GqbRg5vHaQXLZnOHQQgqz4dvcbgCLcBGAs/s1600/39242385_108970010048267_8248887916382650368_n.jpg'/>

 وتضع مكان الرابط رابط صورتك

ثانيا نأتي إلى صندوق التدوينات 

إبحث عن  https://www.facebook.com/PROsuccessful وقم باستبداله برابط صفحتك على الفيسبوك

ثالثا التعديل على روابط مواقع التواصل الإجتماعي 

أولا ابحث عن الأكواد الأتية 

<a href=''><i class='fa fa-facebook'/></a>

  <a href=''><i class='fa fa-youtube'/></a>

  <a href=''><i class='fa fa-google'/></a>

  <a href=''><i class='fa fa-twitter'/></a>

ضع الروابط الخاصة بك في داخل المزدوجتين href='   '

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

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