مرحبا بكم متبعينا الكرام ، اليوم سوف اقدم لكم كيفية اضافة اداة التعريف بصاحب او كاتب المدونة ونبذة عنه بشكل مميز وحصري
ننتقل إلى طريقة التركيب السهلة و البسيطة ، قم بالتوجه إلى قسم التخطيط في مدونتك ، ثم إضغط على إضافة أداة
ننتقل إلى طريقة التركيب السهلة و البسيطة ، قم بالتوجه إلى قسم التخطيط في مدونتك ، ثم إضغط على إضافة أداة
أنسخ الكود التالي و ضعه في محتوى الأداة
اضغط على حفظ
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"/><style>/*-------------------- font --------------------*/@font-face {font-family: "Ta3alamFont";font-weight: normal;font-style: normal;src: url(https://dl.dropboxusercontent.com/s/l0mqm6g2vwflxp2/Ta3alamFont.eot);src: url(https://dl.dropboxusercontent.com/s/l0mqm6g2vwflxp2/Ta3alamFont.eot?#iefix) format('embedded-opentype'),url(https://dl.dropboxusercontent.com/s/gjkkuvnfze5ii1l/Ta3alamFont.woff) format('woff'),url(https://dl.dropboxusercontent.com/s/mjj8mvkq7jgihhn/Ta3alamFont.ttf) format('truetype');}/*-------------------- #font# --------------------*/.admin{ width: 300px; height: 480px; background: #343434; border: 1px solid #131313; margin: -1px; border-radius: 4px;}.cover{ height: 120px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8L1aYBlWKcLbaNVQXUI-85tVFpqyoQopvxcGbnrRv7_VB57tljufkojVnGWvk5azmqM2JNOlBIfc91qRf-0SF9sT8M5R3Mx-qiBk4awnc8JkIPjUpklWcoRV3AeTmgoyr7YaxSYwmERwt/s1600-r/Space-Desktop.jpg) no-repeat; border-bottom: 1px solid #868282; background-size: 300px; box-shadow: 0px -140px 310px -100px #000 inset;}
.profile{ width: 120px; height: 120px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJc8wvkGCHgOYR7P8Tg3pKcY1-ONRblAwhUKjj59OJZVorQbb9b6VY-_9ZlyLJM8tRA8SMGoBBeLMDOFjzEBoJhRn_SICXgve9wOJTAEA0ZVm64rvkRNprwvtoXecghR465ogVmOPNIw/s640/7eef4a89e2bd1+%25283%2529.jpg) no-repeat; border: 4px solid #fff; margin: -100px auto 0px; border-radius: 10px; box-shadow: 0px 0px 15px -5px #000,0px 0px 60px -10px #000 inset; background-size: 120px;}.form-info{ border-bottom: 1px solid #494949; border-top: 1px solid #494949; margin-top: 10px; background: #2A2A2A;}.form-info ul{ margin: 0; padding: 0px;}.form-info ul li{ display: block; padding: 0px 25px; margin: 2px 0px; border-bottom: 1px solid #343434; height: 30px;}.form-info ul li img{ display: block; float: right; padding: 5px; height: 18px; width: 18px;}.form-info ul li a{display: block; float: right; height: 20px; padding: 5px; color: #9E9E9E;font-family:Ta3alamFont;}.form-info ul li a:hover{color:#fff;}.form-contact{ border-bottom: 1px solid #494949; border-top: 1px solid #494949; margin-top: 10px; background: #2A2A2A;}.form-contact ul{ margin: 0; padding: 0px;}.form-contact ul li{ display: block; padding: 0px 25px; margin: 2px 0px; border-bottom: 1px solid #343434; height: 30px;}.form-contact ul li img{ display: block; float: left ; padding: 5px; height: 18px; width: 18px;}.form-contact ul li a{display: block; float: left ; height: 20px; padding: 5px; color: #9E9E9E;font-family:Ta3alamFont;}.form-contact ul li a:hover{color:#fff;}.form-socail{ text-align: center;}.form-socail i{color: #9E9E9E; font-size: 32px; padding: 5px;}.form-socail i:hover{color:#fff;}</style>
<div class="admin">
<div class="cover"></div><div class="profile"></div><div class="form-info">
<ul><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivQg95dE8BH5POhoNfs3_wv_T8vXQYd2GICPlSPRNDrv_N8xM83QkdBN8WQ8VGpxkf289naVUZWTdEVx_2J05JwJxRTgfyA9G2ICwfOW4l-CZa_-8gtVkGORLRazPn50-ygbgv3w8jrojk/s1600-r/users81.png" />
<a href="https://www.facebook.com/AbDoUrAbIh.TN1">عبد ربه تحتح</a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf7eITEBd4ZO1aafSCYDxf5EX0Up_gOMnTsvSNHo52jps4XHoCKtAPBRAjx00gX4nvSoXjHOP7xuilWZWVOuoQwYMQ4MXONxL_CbrQa7mVQZXz1Nlah0AD1BnZfV2Hiy2HnFThFCOZkvnD/s1600-r/suitcase57.png" />
<a href="https://abdourabih.blogspot.com/">مدونة تكنو اون لاين</a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0ucDe1N8ZJeyJK5_usNgvzFUdvrAD25LbYQVyBlssrdb8GqlNa5sXlSrfNzJZ3pOtKQ-QOeXVsCH9CX0jkzMxpRwix5HdCywJdLaaLGGJi38fx_lzWvAArMF_Sca6VpjtikklGFb9-9xQ/s1600-r/pin71.png" /><a href="https://www.google.com/maps/place/%D8%AF%D8%A7%D8%B1+%D8%A8%D9%88%D8%B9%D8%B2%D8%A9%D8%8C+%D8%B7%D8%A7%D9%85%D8%A7%D8%B1%D9%8A%D8%B3%D8%8C+%D8%A7%D9%84%D9%85%D8%BA%D8%B1%D8%A8%E2%80%AD/@33.5232865,-7.8117093,15z/data=!4m13!1m7!3m6!1s0xda7cd4778aa113b:0xb06c1d84f310fd3!2z2KfZhNiv2KfYsSDYp9mE2KjZiti22KfYoQ!3b1!8m2!3d33.5731104!4d-7.5898434!3m4!1s0xda8805c7d945c45:0x66e1e011647266a8!8m2!3d33.5240358!4d-7.8259188">الدارالبيضاء - المغرب</a></li><li style="border-bottom:none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj749K-obX5btPDP-vo560H1wqkjgK8FAhJP08HUim5JzvOETlXampPqr30-9PRHI1W7qt1sLgpkHgcZuZ1ebZ-1mQhBTUKX2-kUGNdBAzuAI8quY01mUJ4y7_a107pcNYtvUJkWRAZot2Q/s1600-r/candles5.png" />
<a href="https://abdourabih.blogspot.com/">22 اكتوبر </a></li></ul></div><div class="form-contact">
<ul><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA_EZpTDKjPervIXD_YvIGgg71VGM4_HRE6UYPK6eQURf7GZ_KBtRMNISo1APfIGhdnL-TsyAHc6nIJTN3dUl8c6CjHRK9qZQxSYo4V6U4jn2ecap9U1JE_8Mdm51hgfzMuDWarfoQFwGO/s1600-r/symbol20.png" />
<a href="abdourabih.blogspot.com">tahtah.abdourabih@gmail.com</a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDdUnSw1w-u-Sc8YTW_4prLOyfNAiJkNzXza1yqe530ssuJ4i0vhjVlhfV6K_GPsfbfyiqwDTZoZ4vuIIhSHijFES5ijdLFlPWet7A-YXx2RSW06G2R58VnoWYWWyfoIvtLtKCofqc8LpD/s1600-r/connection27.png" />
<a href="https://abdourabih.blogspot.com">abdourabih.blogspot.com</a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNvuj1m6XvoWLHOUdLB-AJLNxdz0ZYpWe_lbgN969nkcxw5zy9R6RtfzNzqCh9caNKGsI7JElZ90jtHiVVPiY4g5Y1c5fU-ZZOeKVMAoo_3EjKJn6yV3NAyDzYKB7O6Mt24jA3vhhKAlhw/s1600-r/black218.png" />
<a href="#">boite postal : 99 , 20220</a></li><li style="border-bottom:none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidHM9Pfr5X3EQmYuI12z5w8JOsAqB2SeERqH_j7Oj84oXfImo1ppqqe43oCkD7x1EG_ec-NVJiJZV8gsklb-Hx-8jNOnHpzSCcH2NMcmnAJiW_igoNRR5w6vy49sS0JEH78IHyxc-wvszE/s1600-r/phone+call41.png" />
<a href="#">+212661709950</a></li></ul></div><div class="form-socail">
<a href="https://plus.google.com/u/0/106041398696321992696"><i class="fa fa-google-plus-square"></i></a>
<a href="https://www.youtube.com/c/Tahtahabdou"><i class="fa fa-youtube-square"></i></a>
<a href="https://www.linkedin.com/in/abdourabiht"><i class="fa fa-linkedin-square"></i></a>
<a href="https://twitter.com/Tahtahabdourabi"><i class="fa fa-twitter-square"></i></a>
<a href="https://www.facebook.com/AbDoUrAbIh.TN1"><i class="fa fa-facebook-square"></i></a>
</div></div>
بعد اضافتك للكود ننتقل لطريقة التعديل على الأداة و تغيير الروابط و المحتوى من الكود بالضغط على تحرير .
قم بإستبدال الرابط التالي برابط الصورة او الخلفية التي تريدها :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8L1aYBlWKcLbaNVQXUI-85tVFpqyoQopvxcGbnrRv7_VB57tljufkojVnGWvk5azmqM2JNOlBIfc91qRf-0SF9sT8M5R3Mx-qiBk4awnc8JkIPjUpklWcoRV3AeTmgoyr7YaxSYwmERwt/s1600-r/Space-Desktop.jpg
قم بإستبدال الرابط التالي برابط الصورة الشخصية التي تريدها :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJc8wvkGCHgOYR7P8Tg3pKcY1-ONRblAwhUKjj59OJZVorQbb9b6VY-_9ZlyLJM8tRA8SMGoBBeLMDOFjzEBoJhRn_SICXgve9wOJTAEA0ZVm64rvkRNprwvtoXecghR465ogVmOPNIw/s640/7eef4a89e2bd1+%25283%2529.jpg
لستبدال او تغيير المعلومات الشخصية المتبقية إتبعو الطريقة التالية :
قم بتغيير الرابط ثم عنوان الرابط كما ترى في الصورة ونفس الطريقة للمعلومات المتبقية
في الايقونات الخاصة بالشبكات الإجتماعية أسفل الإضافة غير الروابط فقط .
في الاخير اتمنى انكم قد استفدتم من هذه الاضافة.
رجـــــــــــاءا : رجاءا من كل الإخوة والأخوات الكرام الذين استفادو من هذه المعلومات وبقليل من الجهد ترك تعليق أو مشاركة الموضوع عبر احدى الأزرار الثلاثة twitter أو facebook أو +google ولكم جزيل الشكر على ذالك...
إرسال تعليق