حصرياً اضافة كاتب بشكل جميل واحترافي من حمزه ويب

السلام عليكم ورحمه الله وبركاته اللهم صلى على سيدنا محمد وعلى ال محمد

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

على مدونة حمزه ويب

راح نقدم اليكم اضافة جميلة ورائعة وحصرية على مدونة حمزه ويب

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

من حمزه ويب ولأول مرة على ويب 

اضافة حصرية اذا رأيتة في اي مدونة اخرى فأعلم انة منقول

معاينة اضافة

للمعاينة اضافة اضغط هنا

طريقة تركيب اضافة .

1. لوحة تحكم 
2. قالب
3. تحرير HTML
4. ابحث عن هذا كود <b:skin/><[[
5. واضف هذا كود فوقة

/*------post author------*/.post_author {background: #FFF;overflow: hidden;padding: 25px;margin-bottom: 25px;border-bottom: 1px solid rgba(0,0,0,0.1);-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.02);-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.02);box-shadow: 0 1px 1px rgba(0,0,0,0.02);}.author_wrapper a {color: #47c2dc;}.author_avatar {float: right;margin: 0 0 0 15px;border-radius: 50%;}.author_wrapper h4 {font: normal 18px insan,dkfont,tahoma;margin: 0;padding: 0 0 5px;display: inline-block;}.author_wrapper p {font: normal 12px tahoma;color:#888;margin: 0;padding: 0;line-height: 1.8em;}
#related-posts {background: #fff;margin:0;overflow: hidden;padding: 0;border-bottom: 1px solid rgba(0,0,0,0.1);-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.02);-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.02);box-shadow: 0 1px 1px rgba(0,0,0,0.02);}.heading-border {margin: 0;border-bottom: 1px solid #47c2dc;color: #888;display: table;font-size: 13px;font-weight: 300;padding: 15px 0;margin: 0 20px;text-align: right;text-transform: uppercase;bottom: -1px;font: normal 18px insan,dkfont,tahoma;}#related-posts ul {overflow: hidden;padding: 15px 0;margin: 0 20px;border-top: 1px solid #EEEEEE;}#related-posts ul li {width: 32.2%;float: right;margin: 8px 0 0 8px;padding: 0;text-align: center;}#related-posts ul li .pthumb {width: 230px;height: 120px;margin-bottom: 10px;overflow: hidden;}#related-posts ul li .pthumb img {width: 100%;height: 100%;-webkit-transform: scale(1) rotate(0deg);-moz-transform: scale(1) rotate(3deg);transform: scale(1) rotate(0deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}#related-posts ul li .pthumb img:hover {width: 100%;height: 100%;-webkit-transform: scale(1.1) rotate(3deg);-moz-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}#related-posts ul li a {color: #888;padding: 0;margin: 0;font: normal 15px HelveticaNeueW23,dkfont,tahoma;text-align: center;transition:0.4s;}#related-posts ul li a:hover {color: #4FADFC;transition:0.4s;}

ثم ابحث عن هذا كود <data:post.body/>
قد تجدة اكثر من مرة الاخيرة هي مقصودة 

واضف هذا كود تحتة 

  <div class='post_author'><div class='author_wrapper'><img alt='' class='author_avatar' height='100' src='http://i.imgur.com/3KQAIIw.png' width='100'/><h4>الكاتب : <a href='Blog Link'>حمزه ابراهيم</a></h4><p>نبذة عن الكاتب  نبذة عن الكاتب نبذة عن الكاتب نبذة عن الكاتب نبذة عن الكاتب نبذة عن الكاتب نبذة عن الكاتب نبذة عن الكاتب-نبذة عن الكاتب</p></div></div>

غيير الي بلون احمر برابط صورة الذي يناسبك
وغيير الي بلون ازرق بأسم كاتب
وغيير الي بلون اصفر بكلمات الي يناسبك

ثم اضغط حفظ نموذج


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