بسم الله الرحمن الرحيم والصلاة علي رسول الله سيدنا محمد صلي الله عليه وسلم أما بعد احبائي في الله اهلا بكم في موضوع جديد وحصري من مدونة عمرو ويب وهو عن طريقة تركيب اضافة من هو الكاتب الموجودة في مدونة عمرو ويب بشكلها الجميل واليوم اطرحها لكم والان تابع طريقة تركيب
اولا قم بدهاب الي لوحة تحكم المدونة ثم اختر مدونتك ثم تخطيط ثم اضافة اداة html /javascript
وقم بوضع الكود تالي
لتحميل الكود اضغط هنا
انا عمرو محمدمصمم قالب مدونة عمرو ويب من مصر عمري 13 عام مهووس بعالم التدوين وخاصتاً تصميم قوالب بلوجر اعشق مساعدة اخواني العرب في كل شيئ يخص بلوجر
#profile-wrapper {
text-align: center;
padding: 34px 20px;
background: #FFF;
margin: 0 0 20px;
font-size: 12px;
font-weight: normal !important;
}
#profile-wrapper img {
border-radius: 100%;
margin: 0 0 10px;
}
#profile-wrapper h2 {
font: normal 20px tahoma;
color: #F34D4D;
}
#profile-wrapper p {
font: normal 12px ges,;
color: #888;
line-height: 2em;
}
#social-wrapper{padding:11px 0 0;overflow:hidden; margin-right: 30px;}
.social-icons a.facebook {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Fkkbt4I60-NyuLaF1PmeFS1XuLLmY744z12VRVf89eEzU7mh_NAKVIDBz5bz1mltoZ0C8R1ZjozTggWDoiCbeLnHfccKGlsVOCCIcW5wgnOkzL6dlw0d6KSBifKapi8m2K7zipqQuUI/s1600/facebook.png);
}
.social-icons a.facebook:hover {
background-color: #4265b9;
}
.social-icons a.twitter {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNK_G7liHpwAI9jta6LBStFFd3F4qJgioQsYvGHNdQwDdrNAsJ_rMCZVG0Q_WMbYYW9BDT7QjJDsCLnfRF0YHaNRxow06iux27vp_Kv6ApFtsXZGmpXw5RdYo1lkHsTG086_E8EKcbZ5Y/s1600/twitter.png);
}
.social-icons a.twitter:hover {
background-color: #26d5ec;
}
.social-icons a.behance {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLTe0FhEds6KN2YGv6x1FXW3lyD6I8cwxsxTwVTg6k1ZMJccxOym-7Y7dibx-oKnWKOglGdzdb7RBDS5jC9MHhfuPNdZNKrNrAyUGRk34gDuB_B47eeDm4wQ68wdoD35tU8uPTKITgmnhB/s1600/behance.png);
}
.social-icons a.behance:hover {
background-color: #444;
}
.social-icons a.skype {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicWptWW_fNjkgK-hMJW3fgnriIWI4gXJRjWck899to6Mq3n4OC6eYT26mLNfTGfgAK5mrvYbxFuci3F29euJt_LGJaoodWTTEPCJH01eIErK9ZDezq4smSt1gbbrwsddRWGGN9m9xrXPA/s1600/skype.png);
}
.social-icons a.skype:hover {
background-color: #0bbff2;
}
.social-icons a.youtube {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdoAL-EsZSqlxxqqyHNLIzwk5YI15UsmbufkMA3dg9Z2UuAe60t5GYbFhyphenhyphenV99x3zAuBfjGb8NXqiBR4WDST30mDrBOuHNcyF4BHZaWFFllfoHfSz0wbGdcpyx4gxFHkv7lj4QsiI-vvrg/s1600/youtube.png);
}
.social-icons a.youtube:hover {
background-color: #df3333;
}
.social-icons a.google {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoqzgWqFTq1EggMHwNgSEEWEkd7oPUTdbjyxUbFj_sHvuGZqkBFC3AEm7TSONm4-ZMhL9P9l3SvmM1UTIsUhV2W-gN8Od5Cr9Ux2ILJNXx2GpvMi2jOgIuU487XcwcNggYIZexoVtzAQQ/s1600/google.png);
}
.social-icons a.google:hover {
background-color: #d62408;
}
.social-icons a.khamsat {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_tW9RN4lrVqhBwzhfBosHdri_7isnZFXmjCyr-HcppwR0E18__DZcDyOE4zgLHAKc7obASpJWCrJwESRVyQxgKBnXC6DbknB40pvIUd4LP4hDuELXeLXqcMU5R7gbRKQIUgSe8TyfXDo/s1600/kmst.png);
}
.social-icons a.khamsat:hover {
background-color: #F39C12;
}
.social-icons.sticky-social {
text-align: right;
float: right;
}
.social-icons {
float: right;
text-align: center;
}
.social-icons.sticky-social a {
margin-left: 10px;
margin-bottom: 10px;
float: right;
display: block;
}
.social-icons a {
background-color: #dadada;
}
.social-icons a {
width: 30px;
height: 30px;
margin: 0 3.5px !important;
}
.social-icons a {
width: 30px;
height: 30px;
display: block;
background-position: center center;
background-repeat: no-repeat;
border-radius: 3px;
display: inline-block;
position: relative;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
}
تعديلات علي الاضافة
لتغير الصورة الرمزية الصغير قم بالبحث عن وغير الرابط الي رابط صورتك
انت
ولتغير اسم الكاتب ابحث عن كلمة عمرو محمد وبدلها باسمك وبأسم الكاتب
والانت انتها الموضوع انتظرونا في كل جديد من قوالب والمواضيع الحصرية
وسلام عليكم ورحمته الله وبركاته
0 التعليقات:
إرسال تعليق