حصريا اضافة من هو الكاتب لمدونة بلوجر من عمرو ويب

, , ,
حصريا اضافة من هو الكاتب لمدونة بلوجر من عمرو ويب
بسم الله الرحمن الرحيم والصلاة علي رسول الله سيدنا محمد صلي الله عليه وسلم أما بعد احبائي في الله اهلا بكم في موضوع جديد وحصري من مدونة عمرو ويب وهو عن طريقة تركيب اضافة من هو الكاتب الموجودة في مدونة عمرو ويب بشكلها الجميل واليوم اطرحها لكم والان تابع طريقة تركيب

اولا قم بدهاب الي لوحة تحكم المدونة ثم اختر مدونتك ثم تخطيط ثم اضافة اداة html /javascript 
وقم بوضع الكود تالي 

لتحميل الكود اضغط هنا 
<div id='profile-wrapper'>
<img src='https://secure.gravatar.com/avatar/f4c45cfa7af0bc4e004324f5a5792bef?s=125&d=mm'/>
<a href='www.ar1web.com'><p>عمرو محمد</p></a>
<p>انا عمرو محمدمصمم قالب مدونة عمرو ويب من مصر عمري 13 عام مهووس بعالم التدوين وخاصتاً تصميم قوالب بلوجر اعشق مساعدة اخواني العرب في كل شيئ يخص بلوجر  </p>
<div id='social-wrapper'>
<div class='social-icons sticky-social'>
<a class='facebook' href='https://www.facebook.com/amrweb2'></a>
<a class='twitter' href='http://twitter.com/amrweb'></a>
<a class='behance' href='#'></a>
<a class='skype' href='#'></a>
<a class='khamsat' href='https://khamsat.com/user/2mrweb'></a>
</div>
</div>
</div>
<style>
#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/AVvXsEgG_VigWscOBmEpOpKLzxpbvZBujFli9abFE4HUCP-ktWlkJ-mp0GUiByQIeLtndr7hpO4VKMvkQkJN9qkKJCWY8kCZ7xXo9ynLLsHQdE712ODcuAFiqXhhN3IOWGgNj-sJcwHdYvI8W68/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/AVvXsEiZQENGNFrO1lsDavK5aVtSv8mRBY5d9xxubpzVpPtNl_-gmM70fgK4rwvbGjm3SXgCgi1ayVqtrZacjsHusZm3TaukOfe-qYMEps3pI2goRdYutgdELF9uRZdLXsgh80tNySdFwUyFvhE/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/AVvXsEgRqkfM3YKX_WFuY2yM5g5BIBSvPA2Id6N0LbJbneJYF6Y35D7i4B7bjMZ6XEa8_kE4XqliSoWpUAu5xGx6jrCKXAV6z3CZP6MpWtK0iadR6knBC0tR4ERT6q8kjb4EQniIlq4vIttohfUq/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/AVvXsEivm5svntSqQWrGb53zxvo0Mh58Myu5iRVuJJ7QmfEiNBh54UuhaE_dqCeGV_sziZoXkYXPRCq4BUUSBYxoH1vR_yh6WP1e0VjoBZkmPCq4gBupsICslbYK-hhHqxnTLoBiIWox_QPFnmQ/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/AVvXsEiKMbbIzkzjO2okVQ4XNfA-XU9B8TRLylTUBSajdtNS6ZkDy-s6KLhAxLhMZLsBsK1HYzMq1cwQLScS6pbiFJEQUvFNckO8NGJJhIgBUSoCfEe1R1Cihyphenhyphenx7p5I7iRWj_gjUgsDSgF13dXE/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/AVvXsEjOu8zuoZq8U12Zfdty6DQKvuqOC_Y8T7M0Z00FOoiCdO8BbE_QXREuANnAzgPtNcQ3TWtQqYFtkvzFf73hOh3HjcmJqIERqW1SeVnCNJaO8qwOCEzhnhshBxpwyM1Q76lCKTXxO3NYCJ0/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/AVvXsEgOcyDZ276s5OGgSmwrKawboFrZuYsyhI69yh4qMH6mWucEUwdF4VeskmzdGkj5U-c_ykFJVIEatxa6EpfKslRKjzBJvX2oO07KESHP0jleh3jkwAJlYARCl5xUoOK2Tmr42quqtGOcIyM/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;
}
</style>
تعديلات علي الاضافة 
لتغير الصورة الرمزية الصغير قم بالبحث عن وغير الرابط الي رابط صورتك 
انت 

ولتغير اسم الكاتب ابحث عن كلمة عمرو محمد وبدلها باسمك وبأسم الكاتب 
والانت انتها الموضوع انتظرونا في كل جديد من قوالب والمواضيع الحصرية 
وسلام عليكم ورحمته الله وبركاته

مدونة عمرو ويب تصميم محمد ابو الغرانيق © 2013-2015

يتم التشغيل بواسطة Blogger.