إفتتاح قسم إضافات بلوجر | إضافة رائعة للتعريف بصاحب الموقع

Unknown

3:00:00 ص

0 تعليقات

شاركه غرد جوجل+

ads

مرحبا بكم متبعينا الكرام ، أوفياء مدونة المحترف ، يسعدنا اليوم أن نخبركم أنه قد تم إفتتاح قسم جديد بالمدونة خاص بإضافات بلوجر ، و هذا إستجابة للطلب المتزايد من المتابعين في إحداث هذا القسم ، اليوم نطل عليكم بإضافة جديدة من تصميم طاقم المحترف و هي موجهة للتعريف بأصحاب المواقع بحيث يمكنكم وضعها بجانب المدونة أو أسفلها .

للمعاينة : من هنا

ننتقل إلى طريقة التركيب الجد سهلة ، فقط قم بالتوجه إلى قسم التخطيط في مدونتك ، ثم إضغط على إضافة أداة

بعدها قم بنسخ الكود التالي و ضعه في محتوى الأداة و اضغط على حفظ
<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/AVvXsEhazxUu4XVF6iYvVrTP2ouKiLZ4DC7t24rrXcCjSm8AOAOdmuRj8kkekzTPfdcqyH91oyw8n_WS-ZR5mGqQy9eIn4GKvzvVnwpS_-RKQgMvlZJAST1P_N1mSO-qjCCApqJAMskS4vWZNN44/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/AVvXsEglA5lUVgi7CROLMPlFRsG40Q7NIJvWIV6DoCu4gwxdD9xI_CXAhRK-v2-ROAQc87e-3WGb5SGfm8MN4jft4OccahS5DFXgx5XvV3pwQNBi1IsCxKyPD1Lr39KftRQa1S9TCik3tcxOO1Ix/s1600-r/92.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/AVvXsEiQYJwb65fb9nGLKpOGcdsci8Dv6J6hyy6UHhh3Cf2hn4tkH2IKFH2R-Vbg3U66HDSqsLgswCIDzU690bSchBWUERyNW3hRN0j5UljI9s-dqS6P1gWNfvH84KxmB5kepFyogYfuZ67ZmBnc/s1600-r/users81.png" /> <a href="https://www.facebook.com/adnmej">عدنان المجدوبي</a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz0BRE8bt5NDNSPd0fHpEgLc0Hs6wSpLOCqhCoDYTOJnGMsxJl5R3xz8xTQem-IGGsqreiD87T7mAdfaq6dOyI4Kp88dnSDcPUCG8Pc07m4e99DB6dFqLwOY7GPbOxQ6a8Pah_5_T7wHuW/s1600-r/suitcase57.png" /> <a href="http://www.th3professional.com/">مدون بمدونة المحترف</a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUvcjTA1431oFXW1W0ciFb0tyKsZV5SLCiGShCcRWJDalJ3PdeT5xdLuszTlK1anO9xyJ9TtUnIHdoCcyUdZP9qk-yj6Ot6mWG3rS7CEqvnTXDpN-8DVD5s_UgZ2OoQ0Va_tn-FctvKdmO/s1600-r/pin71.png" /><a href="www.almejdoubi.com">العرائش - المغرب</a></li><li style="border-bottom:none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBlH4SY18oiJHAFt5IcTPXAUwvqlHzdAyDbiOx5Iq6UyuGKITy2CPIpe9rVhTKGhpVm3KxlZWwbQ9VQQYs5utHfau4zYrfB1fE30M1bCPYQ3uCePQTWKs87TPvxlCND02HKoKGEqz3y7tV/s1600-r/candles5.png" /> <a href="www.almejdoubi.com">30 مارس 1997</a></li></ul></div><div class="form-contact"> <ul><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigqvVjXLZANWKRWMZUArlmoEXq4wmJUIgWJjWccsn5HCv7a3DpGjFA4kmIPSkeTnKyBvZOaJjzHHbYNLA7JFeYplUYwbcFTTOnCBoIJkpH5pGV0uPc_ck_Z62DhQwcFkLSD1AwwNj4SGW2/s1600-r/symbol20.png" /> <a href="www.almejdoubi.com">ضع إيميلك هنا</a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH0XBDV_8enWIHshwaYXEqpBqQ2OifHBDz19MUf0sxvDpNkd1B00sR9rNJr5RS98vwW96QVVHfi-32w2J_blhpoTWC_St0gvuKKduKi5WVKwuwbZIbFZohYecy-y1kqbsAgSnDuwT4kxi3/s1600-r/connection27.png" /> <a href="http://www.almejdoubi.com">www.almejdoubi.com</a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTLU3rImIsIP1FyMBMyEd8jSN4NAcWxxNy7pOYPP16hilLySV5zIRWfCepJWG3Jvs4FWQkG5IUxONB317ui2ZBFeEgWuq4fdBfdVF_FnifrjEvHdbfm7F2zpM3Qk7RFdbUJ-sNWqeYp_A-/s1600-r/black218.png" /> <a href="#">boite postal : 469 , 92000</a></li><li style="border-bottom:none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ0Xqsljh6SVIxcrLEUZEeCZHqn5sELx9uyC84plbazQwmpUoM5YSbA0YVEan9ruWBJCSK8G9cXhKkkQFp7vMXC6PmKRfnTGn2lfhYB3C5z9vRFkeLACldx8dQQClNw0n3IgtQPqULeoZR/s1600-r/phone+call41.png" /> <a href="#">0600000000</a></li></ul></div><div class="form-socail"> <a href="www.almejdoubi.com"><i class="fa fa-google-plus-square"></i></a> <a href="www.almejdoubi.com"><i class="fa fa-youtube-square"></i></a> <a href="www.almejdoubi.com"><i class="fa fa-linkedin-square"></i></a> <a href="www.almejdoubi.com"><i class="fa fa-twitter-square"></i></a> <a href="https://www.facebook.com/adnmej"><i class="fa fa-facebook-square"></i></a> </div></div>
الآن ننتقل لطريقة التعديل على الأداة و تغيير الروابط و المحتوى من الكود بالضغط على تحرير .

- للتغيير صورة الغلاف ( الخلفية ) قومو بإستبدال الرابط التالي برابط الصورة التي تريدونها :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhazxUu4XVF6iYvVrTP2ouKiLZ4DC7t24rrXcCjSm8AOAOdmuRj8kkekzTPfdcqyH91oyw8n_WS-ZR5mGqQy9eIn4GKvzvVnwpS_-RKQgMvlZJAST1P_N1mSO-qjCCApqJAMskS4vWZNN44/s1600-r/Space-Desktop.jpg

- لتغيير الصورة الشخصية قومو بإستبدال الرابط التالي برابط الصورة التي تريدونها :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglA5lUVgi7CROLMPlFRsG40Q7NIJvWIV6DoCu4gwxdD9xI_CXAhRK-v2-ROAQc87e-3WGb5SGfm8MN4jft4OccahS5DFXgx5XvV3pwQNBi1IsCxKyPD1Lr39KftRQa1S9TCik3tcxOO1Ix/s1600-r/92.jpg

- لتغيير المحتوى المتبقي إتبعو الطريقة التالية :
غير الرابط ثم عنوان الرابط كما ترى في الصورة ، نفس الطريقة مع كل المعلومات

* ملاحظة : في أيقونات الشبكات الإجتماعية أسفل الإضافة غير الروابط فقط .