بالشكل الجديد أحبائى وهو وهوا مميز جدا ويحتوى على المواقع الاجتماعية وإسم الكاتب وتعريفه
طريقة التركيب
1. داخل القالب ابحث بإستعمال Ctrl+F عن <b:skin/><[[
2. ضع الكود التالي قبله
.author-widget {background-color: #222;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxdfL1xBLBFL7e6u8f_tCzALIP3Sf3ujHjq0SoIjsYYH_lwXq618eAIfmqfuYBdeHiOC4GGScZWA5b-tHPbQi435rRkTCJkZuA1fqFVLFccdZP857PRtXeNHNxhuaX5bAgusoIeLCwBaI/s1600/ZLSw0SXxThSrkXRIiCdT_DSC_0345-735x400.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;border-radius: 5px;overflow: hidden;margin-bottom: 20px;}.author-widget .author-img {display: table-cell;vertical-align: middle;width: 120px;height: 120px}.author-widget .author-img .img {background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: cover !important;display: block;width: 100%;height: 100%;}.author-widget .author-info {display: table-cell;vertical-align: middle;color: #EEE;background-color: rgba(0, 0, 0, 0.58);padding: 15px 25px}.author-widget .author-info h4 {margin-bottom: 10px;font-size: 20px;color: #FFF;font-weight: 100;}.author-widget .author-soc {margin-top: 10px}.author-widget .author-soc a {font-size: 18px;color: #ffffff;margin-left: 3px;background: rgba(255, 255, 255, 0.14);width: 30px;height: 30px;display: inline-block;text-align: center;border-radius: 4px;line-height: 33px;}.author-widget .author-bio {font-size: 13px !important;line-height: 22px !important;}.author-info a {color: white;}3. وبعدها ضع هذا الكود في أي مكان تريده
*ملاحظة قد تجد الكود متكرر مرتين أو أكثر الأخير هو المقصود
اذهب للكود
قم بالتغير الصورة وإسم الكاتب وموضوع النص
<div class='author-widget' style='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1gPQAXmTK2YZzqE8wZpEzDWV0LozjjgS8ApELhfGyXpa4LEpHN9ek90sI7JMLFzHnecvm99N0fR6qfqa_bDjwLswsxUlnd2xZCPBls25Q_5FYftRqNhGoOaBJudfQ_0DXZecuebF5K0TW/s1600/artworks-000045993824-6c1mr9-t500x500.jpg'><div class='author-img'><div class='img' style='background:url(//lh3.googleusercontent.com/-Qkkke-pIMik/AAAAAAAAAAI/AAAAAAAABAo/goEiCYZJOfI/s512-c/photo.jpg) '/></div><div class='author-info'><h4>عن <a href='#' rel='author' title='author profile'>نقطة الابداع</a></h4><div class='author-bio'>هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق</div><div class='author-soc'><a href='#' target='_blank'><i class='fa fa-envelope'/></a><a href='#' target='_blank'><i class='fa fa-facebook'/></a><a href='#' target='_blank'><i class='fa fa-behance'/></a><a href='#' target='_blank'><i class='fa fa-twitter'/></a><a href='#' target='_blank'><i class='fa fa-instagram'/></a></div></div></div>
وقم بتغير روابط المواقع الاجتماعيه فيسبوك ، تويتر ، جوجل بلص ، يوتيوب
ومبروك عليك الاضافه
والسلام عليكم ورحمه الله وبركاتة
ليست هناك تعليقات:
إرسال تعليق