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

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


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

<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/AVvXsEgbWD9vk0Z4Njrl1xRhDU8FZ4SOX0IzmJxBPDDQz07gCg6IbrxPauz8oQs2sOMEtchdwmccXagZ1yQdRpeJ985mocreMINDpO6fjP5X1y6_dyulEPfc6oF595ZFbm0_hFj4tUdznSWEH9dn/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- طريقة التحكم في الإضافة و وضع معلوماتك الخاصة فيها
أولا نبدأ مع ضبط معلوماتك الشخصية
إبحث عن الكود التالي  بن عابد سليمان

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

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

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

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

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

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

 

 

 

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

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

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